/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

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

.responsive-sidebar,
.sidebar-overlay,
.menu-buttons,
.mobile-table-header {
  display: none;
}

/* footer start */
.footer-earning-wrapper {
  margin: 0 auto;
  max-width: 1536px;
}
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {

.responsive-sidebar,
.sidebar-overlay,
.menu-buttons,
.mobile-table-header {
  display: none;
}

/* footer start */
.footer-earning-wrapper {
  margin: 0 auto;
  max-width: 1536px;
}

/* footer end*/

/* banner */
.hero-title,
.glowing-hero-title {
  font-size: 56px;
}

.banner-image {
  height: 650px;
  width: 650px;
  position: absolute;
  right: 20px;
  bottom: -20%;
}

.banner-filter-input {
  max-width: 600px;
  min-width: 400px;
  width: 100%;
}

.hero-video-wrapper {
  margin-top: -300px;
  height: 650px;
  width: 80% !important;
}

.hero-video-play-btn svg {
  height: 40px;
  width: 40px;
}
.hero-search-filter-svg {
  margin-top: -1px;
}
}

@media only screen and (min-width: 1365px) and (max-width: 1599px) {

.responsive-sidebar,
.sidebar-overlay,
.menu-buttons {
  display: none;
}

/* footer start */
.footer-earning-wrapper {
  margin: 0 auto;
  max-width: 1536px;
}

/* footer end*/

.responsive-sidebar,
.sidebar-overlay,
.menu-buttons {
  display: none;
}

.container {
  max-width: 1300px;
  margin: 0 auto;
}

.header {
  height: 105px;
}

.earning-footer-main-wrapper {
  margin: 0 40px !important;
}

.homepage,
.pricing-page,
.blog-page-main,
.blog-details-page-main-wrapper,
.affiliate-page-main-wrapper,
.contact-us-page-main-wrapper,
.error-page-main-wrapper,
.sign-in-main-wrapper,
.register-main-wrapper {
  margin-top: 103px;
}

.nav-logo img {
  max-width: 280px !important;
}

.nav_links {
  gap: 24px;
  font-size: 18px;
}

.button {
  padding: 12px 32px;
  font-size: 18px;
}

/* banner */
.hero {
  padding-bottom: 320px;
}

.hero-title,
.glowing-hero-title {
  font-size: 56px;
}

.banner-image {
  height: 550px;
  width: 550px;
  position: absolute;
  right: 20px;
  bottom: -20%;
}

.banner-filter-input {
  max-width: 600px;
  min-width: 400px;
  width: 100%;
}

.hero-video-wrapper {
  margin-top: -250px;
  height: 580px;
  width: 80% !important;
}

.hero-video-play-btn svg {
  height: 40px;
  width: 40px;
}

/* feature */
.featured-cards-wrapper {
  margin: 40px 0;
  gap: 32px;
}

.feature-image-card {
  height: 450px;
}

.feature-card-info {
  margin-top: 24px;
}

.feature-card-info p {
  margin-top: 12px !important;
}

.feature-image-card-left {
  border-radius: 16px 0 0 16px !important;
}

.feature-image-card-right {
  border-radius: 0 16px 16px 0 !important;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 0 0 16px !important;
}

.feature-card-right {
  padding-left: 32px;
}

.feature-card-left {
  padding-right: 32px;
}

.trail-section-main-wrapper {
  padding: 0 32px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: 550px;
  min-height: 550px;
  height: full;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 40px;
}

/* footer start */
.footer-earning-wrapper {
  max-width: 1300px;
  margin: 0 auto;
}

/* footer end*/

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 32px;
}

.tab-button {
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.pricing-card {
  padding: 32px;
}

.pricing-card-title-wrapper h3 {
  font-size: 24px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 10px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
  font-size: 14px;
  gap: 8px;
  text-align: start !important;
}

.pricing-card-popular-button {
  right: 11.127px;
  top: 6.75px;
  padding: 6px 16px;
  font-size: 14px !important;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.empty-prof-card {
  display: none;
}

.pricing-accordion-wrapper {
  padding: 0 10px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 14px !important;
  font-size: 16px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 80%;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-tabs-wrapper .nav {
  gap: 16px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-details-banner {
  height: 400px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 32px 40px !important;
  background: var(--primary--color);
  min-height: 350px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  height: 250px;
}

.details-bg {
  left: 13%;
}

.details-bg img {
  height: 100%;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 50px;
  width: 50px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input-btn {
  width: 45px;
  height: 45px;
}

.details-filter-input-btn svg {
  width: 25px;
  height: 25px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 38px;
}

.affiliate-description {
  width: 100%;
}

.affiliate-banner-bg {
  max-width: 500px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  gap: 32px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 200px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 50px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 36px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 50px !important;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 50px !important;
  padding-bottom: 20px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 16px !important;
  line-height: 32px;
}

.affiliate-faq .accordion-body p {
  font-size: 15px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 60px;
}

.contact-us-main-title {
  font-size: 34px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  margin-top: 12px;
  gap: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* This ensures children stretch to same height */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Make sure flex is explicitly set */
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Stack contents vertically */
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 20px;
}

.contact-us-card-description {
  font-size: 15px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 12px 18px;
  font-size: 16px;
}

.contact-input svg {
  height: 28px;
  width: 28px;
}

.contact-form button {
  padding: 16px;
}

/* ===contact :end=== */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 30px;
  right: 30px;
}

.chat-bot-message-main-wrapper {
  min-height: 380px;
  height: 380px;
  max-height: 380px;
  gap: 8px;
}

.ai-chat-bot-message-overlay {
  right: 0%;
}

/* chat bot */
}

/* laptop devices */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {

.responsive-sidebar,
.sidebar-overlay,
.menu-buttons {
  display: none;
}

.container {
  max-width: 1150px;
  margin: 0 auto;
}

.header {
  height: 97px;
}

.earning-footer-main-wrapper {
  margin: 0 40px !important;
}

.homepage,
.pricing-page,
.blog-page-main,
.blog-details-page-main-wrapper,
.affiliate-page-main-wrapper,
.contact-us-page-main-wrapper,
.error-page-main-wrapper,
.sign-in-main-wrapper,
.register-main-wrapper {
  margin-top: 97px;
}

.nav-logo img {
  max-width: 250px !important;
}

.nav_links {
  gap: 20px;
  font-size: 16px;
}

.button {
  padding: 10px 24px;
  font-size: 16px;
}

/* banner */
.hero-title,
.glowing-hero-title {
  font-size: 52px;
}

.hero {
  padding-bottom: 220px;
}

.banner-image {
  height: 400px;
  width: 400px;
  position: absolute;
  right: 20px;
  bottom: -20%;
}

.banner-filter-input {
  max-width: 300px;
  min-width: 300px;
  width: 100%;
}

.hero-video-wrapper {
  margin-top: -150px;
  height: 500px;
  width: 80% !important;
}

.hero-video-play-btn svg {
  height: 40px;
  width: 40px;
}

/* feature */
.featured-cards-wrapper {
  margin: 40px 0;
  gap: 32px;
}

.feature-image-card {
  height: 450px;
}

.feature-card-info {
  margin-top: 24px;
}

.feature-card-info p {
  margin-top: 12px !important;
}

.feature-image-card-left {
  border-radius: 16px 0 0 16px !important;
}

.feature-image-card-right {
  border-radius: 0 16px 16px 0 !important;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px 0 0 16px !important;
}

.feature-card-right {
  padding-left: 32px;
}

.feature-card-left {
  padding-right: 32px;
}

.trail-section-main-wrapper {
  padding: 0 32px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: 550px;
  min-height: 550px;
  height: full;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 40px;
}

/* footer start */
.footer-earning-wrapper {
  max-width: 1150px;
  margin: 0 auto;
}

/* footer end*/

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 32px;
}

.tab-button {
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.pricing-card {
  padding: 32px;
}

.pricing-card-title-wrapper h3 {
  font-size: 24px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 10px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
  font-size: 14px;
  gap: 8px;
  text-align: start !important;
}

.pricing-card-popular-button {
  right: 11.127px;
  top: 6.75px;
  font-size: 14px;
  padding: 6px 12px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.empty-prof-card {
  display: none;
}

.pricing-accordion-wrapper {
  padding: 0 10px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 14px !important;
  font-size: 16px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 80%;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-tabs-wrapper .nav {
  gap: 16px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-details-banner {
  height: 400px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 32px 40px !important;
  background: var(--primary--color);
  min-height: 350px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  height: 250px;
}

.details-bg {
  left: 13%;
}

.details-bg img {
  height: 100%;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 50px;
  width: 50px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input-btn {
  width: 45px;
  height: 45px;
}

.details-filter-input-btn svg {
  width: 25px;
  height: 25px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 38px;
}

.affiliate-description {
  width: 100%;
}

.affiliate-banner-bg {
  max-width: 500px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  gap: 32px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 200px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 50px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 36px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 50px !important;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 50px !important;
  padding-bottom: 20px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 16px !important;
  line-height: 32px;
}

.affiliate-faq .accordion-body p {
  font-size: 15px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 60px;
}

.contact-us-main-title {
  font-size: 34px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  margin-top: 12px;
  gap: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* This ensures children stretch to same height */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Make sure flex is explicitly set */
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Stack contents vertically */
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 20px;
}

.contact-us-card-description {
  font-size: 15px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 12px 18px;
  font-size: 16px;
}

.contact-input svg {
  height: 28px;
  width: 28px;
}

.contact-form button {
  padding: 16px;
}

/* ===contact :end=== */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 20px;
  right: 20px;
}

.chat-bot-message-main-wrapper {
  min-height: 360px;
  height: 360px;
  max-height: 360px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 20px 12px 12px 12px;
}

.ai-chat-bot-message-overlay {
  right: 0%;
}

/* chat bot */


.blog-details-image {
  height: 450px;
}

.blog-details-image img {
  border-radius: 24px;
}
}

/* large tablet devices */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.submenu li a {
  font-size: 14px;
}

.responsive-sidebar,
.sidebar-overlay,
.menu-buttons {
  display: none;
}

.container {
  max-width: 1150px;
  margin: 0 auto;
}

.header {
  height: 90px;
}

.homepage,
.pricing-page,
.blog-page-main,
.blog-details-page-main-wrapper,
.affiliate-page-main-wrapper,
.contact-us-page-main-wrapper,
.error-page-main-wrapper,
.sign-in-main-wrapper,
.register-main-wrapper {
  margin-top: 90px;
}

.nav-logo img {
  max-width: 200px !important;
}

.nav_links {
  gap: 16px;
  font-size: 15px;
}

.button {
  padding: 8px 20px;
  font-size: 16px;
}

/* banner */
.hero-title,
.glowing-hero-title {
  font-size: 52px;
}

/* footer :start */
.footer {
  padding: 0 12px !important;
}

.footer-top-section {
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 0;
}

.footer-logo {
  width: 250px;
}

.footer-logo-description {
  margin-top: 12px !important;
}

.footer-item-title {
  font-size: 16px;
}

.footer-item-wrapper {
  margin-top: 8px !important;
}

.hero-filter {
  margin-top: 20px;
}

.footer-form {
  height: 55px !important;
  margin-top: 12px !important;
}

.footer-button {
  padding: 4px 20px;
  height: 45px;
}

.footer-bottom {
  padding: 24px 0;
}

.footer-earning-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.footer-earning-title {
  font-size: 16px;
}

.footer-earning-description {
  margin-top: 8px !important;
}

.footer-earning-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 6px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: var(--10-primary-button, #081839);
}

.earning-footer-main-wrapper {
  margin: 0 25px;
}

/* footer :end */

.homepage {
  margin-top: 90px;
}

.hero {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  background: #091836;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 1;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.hero {
  padding: 0 16px !important;
}

.button {
  padding: 8px 20px;
  font-size: 16px;
}

.hero-wrapper {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.hero-title,
.glowing-hero-title {
  font-size: 40px;
}

.hero-content {
  padding-bottom: 120px;
}

.banner-filter-input {
  font-size: 14px;
  min-width: 270px;
  width: 100%;
  height: 40px;
}

.hero-search-filter {
  gap: 8px !important;
}

.banner-image {
  height: 240px;
  width: 255px;
  position: absolute;
  right: 5%;
  bottom: 0%;
}

.hero-video-wrapper {
  margin-top: -90px !important;
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 16px;
  height: 400px !important;
  overflow: hidden;
  width: 100% !important;
}

.hero-video-play-btn {
  padding: 18px;
}

.hero-video-play-btn svg {
  height: 40px;
  width: 40px;
}

.hero-video-main-wrapper {
  margin: 0 64px;
}

/* features:Start */
.primary-title {
  font-size: 28px;
}

.featured-cards-wrapper {
  margin: 32px 0 !important;
  gap: 32px;
}

.featured-section {
  padding: 24px 16px !important;
}

.feature-image-card {
  width: 50%;
  height: 400px;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.feature-card-right,
.feature-card-left {
  padding-left: 16px;
  padding-right: 16px;
}

.feature-card-info {
  margin-top: 20px;
}

.feature-card-info h3 {
  font-size: 24px;
}

.feature-card-description {
  margin-top: 12px !important;
}

.feature-card p {
  font-size: 16px;
  line-height: 30px;
}

/* features:end */

/* testimonial:start */
.testimonial-slider-wrapper {
  padding: 0px 16px !important;
}

.testimonial-slider-wrapper .owl-carousel {
  margin: 32px 0 !important;
}

.testimonial-slider {
  padding: 20px !important;
}

.testimonial-slider-description-wrapper {
  font-size: 14px;
  margin-top: 10px !important;
}

.testimonial-slider-star-container svg {
  height: 20px;
  width: 20px;
}

.testimonial-slider-user-info-wrapper {
  margin-top: 12px !important;
  gap: 20px !important;
}

.testimonial-slider-user-image {
  height: 45px;
  width: 45px;
}

.testimonial-slider-user-info h4 {
  font-size: 16px !important;
}

.testimonial-slider-nav-buttons-wrapper {
  margin: 12px 0 !important;
}

.testimonial-slider-wrapper .owl-dots {
  display: none;
}

.testimonials-nav-btn {
  width: 50px;
  height: 50px;
  padding: 16px;
}

/* testimonial:end */

/* blog start */
.articles-section-main-wrapper {
  padding: 0 32px;
  margin-top: 40px;
}

.articles-section-wrapper {
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 20px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 40px !important;
}

/* blog end */

/* trial start */
.trail-section-main-wrapper {
  padding: 0 32px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: 500px;
  min-height: 500px;
  height: full;
  padding: 40px 20px;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 40px;
}

.trial-description {
  width: 80%;
  font-size: 16px;
  margin-top: 24px !important;
}

.start-trial-button {
  margin-top: 20px !important;
}

/* trial end */

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 32px;
}

.tab-button {
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.pricing-card {
  padding: 24px;
}

.pricing-card-title-wrapper h3 {
  font-size: 24px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 10px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
  font-size: 14px;
  gap: 8px;
  text-align: start !important;
}

.pricing-card-popular-button {
  right: 11.127px;
  top: 6.75px;
  font-size: 14px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.empty-prof-card {
  display: none;
}

.pricing-accordion-wrapper {
  padding: 0 32px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 14px !important;
  font-size: 16px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 80%;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-tabs-wrapper .nav {
  gap: 16px;
}

.blog-tabs-wrapper .nav-link {
  min-width: 100px;
  padding: 8px 20px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-details-banner {
  height: 400px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 32px 40px !important;
  background: var(--primary--color);
  min-height: 350px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  height: 250px;
}

.details-bg {
  left: 13%;
}

.details-bg img {
  height: 100%;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 50px;
  width: 50px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input-btn {
  width: 45px;
  height: 45px;
}

.details-filter-input-btn svg {
  width: 25px;
  height: 25px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 36px;
}

.affiliate-description {
  width: 100%;
}

.affiliate-banner-bg {
  max-width: 450px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  gap: 24px;
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 200px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 50px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 30px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 50px !important;
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 16px !important;
  line-height: 32px;
}

.affiliate-faq .accordion-body p {
  font-size: 15px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 60px;
}

.contact-us-main-title {
  font-size: 34px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  margin-top: 12px;
  gap: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* This ensures children stretch to same height */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Make sure flex is explicitly set */
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Stack contents vertically */
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 20px;
}

.contact-us-card-description {
  font-size: 15px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 12px 18px;
  font-size: 16px;
}

.contact-input svg {
  height: 28px;
  width: 28px;
}

.contact-form button {
  padding: 16px;
}

/* ===contact :end=== */
/* update */
.testimonials-nav-btn:hover {
  background: #fff;
}

.testimonials-nav-btn:hover svg path {
  stroke: #292d32;
}

/* update */
/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 20px;
  right: 20px;
}

.chat-bot-message-main-wrapper {
  min-height: 350px;
  height: 350px;
  max-height: 350px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 20px 12px 12px 12px;
}

/* chat bot */

.blog-details-images-wrapper {
  gap: 24px;
}

.blog-details-image {
  height: 350px;
}

.blog-details-image img {
  border-radius: 24px;
}
}

/* medium tablet devices */
@media only screen and (min-width: 768px) and (max-width: 991px) {

/* navbar */
.nav_links,
.nav_cta_buttons {
  display: none;
}

.nav-logo img {
  max-width: 200px !important;
}

.header {
  height: 90px;
  padding: 0 12px;
}

.responsive-sidebar {
  color: #fff;
  width: 280px;
  min-height: 100vh;
  max-height: 100vh;
  height: 100vh;
  position: fixed;
  background-color: var(--primary--color);
  top: 0;
  left: 0;
  padding: 32px 24px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  z-index: 2;
}

.responsive-sidebar.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-sidebar-logo {
  width: 180px;
}

.nav_links_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}

.menu-item-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.submenu-sidebar {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.submenu-sidebar.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.menu-item-sidebar-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.submenu-sidebar.show .menu-item-sidebar {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* New overlay styles */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.sidebar-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.nav_cta_buttons_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.sidebar-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 44px;
  outline: none;
  padding: 6px 24px;
  cursor: pointer;
}

.sidebar-btn.white {
  background: white;
  color: var(--primary--color);
}

.sidebar-btn.transparent {
  background: transparent;
  color: #fff;
}

/* footer :start */
.footer {
  padding: 0 32px !important;
}

.footer-top-section {
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.footer-logo {
  width: 250px;
}

.footer-logo-description {
  margin-top: 12px !important;
}

.footer-item-title {
  font-size: 16px;
}

.footer-item-wrapper {
  margin-top: 8px !important;
}

.hero-filter {
  margin-top: 20px;
}

.footer-form {
  height: 55px !important;
  margin-top: 12px !important;
}

.footer-button {
  padding: 4px 20px;
  height: 45px;
}

.footer-bottom {
  padding: 24px 0;
}

.footer-earning-image-wrapper-left,
.footer-earning-image-wrapper-right {
  display: none;
}

.footer-earning-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.footer-earning-title {
  font-size: 16px;
}

.footer-earning-description {
  margin-top: 8px !important;
}

.footer-earning-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 6px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: var(--10-primary-button, #081839);
}

/* footer :end */

.homepage {
  margin-top: 90px;
}

.hero {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  background: #091836;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 1;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.hero {
  padding: 0 16px !important;
}

.button {
  padding: 8px 20px;
  font-size: 16px;
}

.hero-wrapper {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.hero-title,
.glowing-hero-title {
  font-size: 40px;
}

.hero-content {
  padding-bottom: 120px;
}

.banner-filter-input {
  font-size: 14px;
  min-width: 250px;
  width: 100%;
  height: 40px;
}

.hero-search-filter {
  gap: 8px !important;
}

.banner-image {
  height: 200px;
  width: 170px;
  position: absolute;
  right: 5%;
  bottom: 0%;
}

.hero-video-wrapper {
  margin-top: -90px !important;
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 16px;
  height: 300px !important;
  overflow: hidden;
  width: 100% !important;
}

.hero-video-play-btn {
  padding: 18px;
}

.hero-video-play-btn svg {
  height: 40px;
  width: 40px;
}

.hero-video-main-wrapper {
  margin: 0 32px;
}

/* features:Start */
.primary-title {
  font-size: 26px;
}

.featured-cards-wrapper {
  margin: 32px 0 !important;
  gap: 32px;
  padding: 0 16px;
}

.featured-section {
  padding: 24px 16px !important;
}

.feature-image-card {
  width: 50%;
  height: 400px;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.feature-card-right,
.feature-card-left {
  padding-left: 16px;
  padding-right: 16px;
}

.feature-card-info {
  margin-top: 20px;
}

.feature-card-info h3 {
  font-size: 24px;
}

.feature-card-description {
  margin-top: 12px !important;
}

.feature-card p {
  font-size: 16px;
  line-height: 30px;
}

/* features:end */

/* testimonial:start */
.testimonial-slider-wrapper {
  padding: 0px 32px !important;
}

.testimonial-slider-wrapper .owl-carousel {
  margin: 32px 0 !important;
}

.testimonial-slider {
  padding: 20px !important;
}

.testimonial-slider-description-wrapper {
  font-size: 14px;
  margin-top: 10px !important;
}

.testimonial-slider-star-container svg {
  height: 20px;
  width: 20px;
}

.testimonial-slider-user-info-wrapper {
  margin-top: 12px !important;
  gap: 20px !important;
}

.testimonial-slider-user-image {
  height: 45px;
  width: 45px;
}

.testimonial-slider-user-info h4 {
  font-size: 16px !important;
}

.testimonial-slider-nav-buttons-wrapper {
  margin: 12px 0 !important;
}

.testimonial-slider-wrapper .owl-dots {
  display: none;
}

.testimonials-nav-btn {
  width: 50px;
  height: 50px;
  padding: 16px;
}

/* testimonial:end */

/* blog start */
.articles-section-main-wrapper {
  padding: 0 32px;
  margin-top: 40px;
}

.articles-section-wrapper {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 18px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 32px !important;
}

/* blog end */

/* trial start */
.trail-section-main-wrapper {
  padding: 0 32px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: 450px;
  min-height: 450px;
  height: full;
  padding: 40px 20px;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 32px;
}

.trial-description {
  width: 80%;
  font-size: 16px;
  margin-top: 24px !important;
}

.start-trial-button {
  margin-top: 20px !important;
}

/* trial end */

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 24px;
}

.tab-button {
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing-card {
  padding: 24px;
}

.pricing-card-title-wrapper h3 {
  font-size: 24px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 10px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  gap: 8px;
}

.pricing-card-popular-button {
  right: 11.127px;
  top: 6.75px;
  font-size: 14px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.empty-prof-card {
  display: none;
}

.pricing-accordion-wrapper {
  padding: 0 32px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 14px !important;
  font-size: 16px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 80%;
  font-size: 14px;
}

.blog-page-title-wrapper {
  gap: 12px !important;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 32px !important;
  padding-right: 33px !important;
}

.blog-tabs-wrapper .nav {
  gap: 16px;
}

.blog-tabs-wrapper .nav-link {
  min-width: 100px;
  padding: 8px 20px;
  font-size: 14px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.blog-details-banner {
  height: 400px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 32px 40px !important;
  background: var(--primary--color);
  min-height: 250px;
}

.blog-details-newsletter-title {
  font-size: 24px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  height: 150px;
}

.details-bg {
  left: 12%;
}

.details-bg img {
  height: 100%;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 50px;
  width: 50px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input {
  min-width: 200px;
  font-size: 14px;
}

.details-filter-input-btn {
  width: 45px;
  height: 45px;
}

.details-filter-input-btn svg {
  width: 25px;
  height: 25px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 32px;
}

.affiliate-description {
  width: 100%;
}

.affiliate-banner-bg {
  max-width: 380px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  gap: 24px;
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 200px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 30px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 30px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 16px !important;
  line-height: 32px;
}

.affiliate-faq .accordion-body p {
  font-size: 15px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  gap: 40px;
}

.contact-us-main-title {
  font-size: 30px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  margin-top: 12px;
  gap: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Stack contents vertically */
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 18px;
}

.contact-us-card-description {
  font-size: 14px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 10px 13px;
  font-size: 14px;
}

.contact-input svg {
  height: 24px;
  width: 24px;
}

.contact-us-label {
  font-size: 16px !important;
}

.contact-form button {
  padding: 14px;
}

/* ===contact :end=== */

/* ===Auth Page::start */
.register-main-wrapper,
.sign-in-main-wrapper {
  margin-top: 88px;
}

.error-page {
  padding-top: 40px !important;
  padding-bottom: 50px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.auth-wrapper {
  width: 100% !important;
}

.auth-form {
  padding-top: 30px !important;
}

.auth-title-bold {
  font-size: 28px;
}

.auth-title {
  text-align: center;
}

.auth-input-field {
  font-size: 16px !important;
}

/* ===Auth  Page::end */

/* update */
.testimonials-nav-btn:hover {
  background: #fff;
}

.testimonials-nav-btn:hover svg path {
  stroke: #292d32;
}

/* update */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 12px;
  right: 12px;
}

.chat-bot-message-main-wrapper {
  min-height: 350px;
  height: 350px;
  max-height: 350px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 16px 8px 8px 12px;
}

/* chat bot */
.blog-details-images-wrapper {
  gap: 24px;
}

.blog-details-image {
  height: 300px;
}

.blog-details-image img {
  border-radius: 24px;
}
}

/* small tablet devices */
@media only screen and (min-width: 576px) and (max-width: 767px) {

/* navbar */
.nav_links,
.nav_cta_buttons {
  display: none;
}

.nav-logo img {
  max-width: 200px !important;
}

.header {
  height: 90px;
  padding: 0 12px;
}

.responsive-sidebar {
  color: #fff;
  width: 280px;
  min-height: 100vh;
  max-height: 100vh;
  height: 100vh;
  position: fixed;
  background-color: var(--primary--color);
  top: 0;
  left: 0;
  padding: 32px 24px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  z-index: 2;
}

.responsive-sidebar.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-sidebar-logo {
  width: 180px;
}

.nav_links_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}

.menu-item-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.submenu-sidebar {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.submenu-sidebar.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.menu-item-sidebar-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.submenu-sidebar.show .menu-item-sidebar {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* New overlay styles */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.sidebar-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.nav_cta_buttons_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.sidebar-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 44px;
  outline: none;
  padding: 6px 24px;
  cursor: pointer;
}

.sidebar-btn.white {
  background: white;
  color: var(--primary--color);
}

.sidebar-btn.transparent {
  background: transparent;
  color: #fff;
}

/* footer:start */
.footer {
  padding: 0 32px !important;
}

.footer-top-section {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.footer-logo {
  width: 200px;
}

.footer-logo-description {
  margin-top: 12px !important;
  font-size: 14px;
}

.footer-item-title {
  font-size: 16px;
}

.footer-item-wrapper {
  margin-top: 8px !important;
}

.footer-item,
.footer-item-description,
.footer-input,
.footer-earning-description {
  font-size: 14px;
}

.hero-filter {
  margin-top: 20px;
}

.footer-form {
  height: 45px !important;
  margin-top: 12px !important;
}

.footer-button {
  padding: 4px 14px;
  font-size: 14px;
  height: 36px;
}

.footer-bottom {
  padding: 16px 0;
  font-size: 14px;
}

.footer-earning-image-wrapper-left,
.footer-earning-image-wrapper-right {
  display: none;
}

.footer-earning-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.footer-earning-title {
  font-size: 16px;
}

.footer-earning-description {
  margin-top: 8px !important;
}

.footer-earning-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 6px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: var(--10-primary-button, #081839);
}

/* footer:end */

/* homepage:start */
.homepage {
  margin-top: 90px;
}

.hero {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  background: #091836;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 1;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.hero {
  padding: 0 16px !important;
}

.button {
  padding: 8px 20px;
  font-size: 16px;
}

.hero-wrapper {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.hero-title,
.glowing-hero-title {
  font-size: 38px;
}

.hero-content {
  padding-bottom: 120px;
}

.banner-filter-input {
  font-size: 14px;
  min-width: 250px;
  width: 100%;
  height: 40px;
}

.hero-search-filter {
  gap: 8px !important;
}

.banner-image {
  height: 130px;
  width: 130px;
  position: absolute;
  right: 4%;
  bottom: 0%;
}

.hero-video-wrapper {
  margin-top: -85px !important;
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 16px;
  height: 250px !important;
  overflow: hidden;
  width: 100% !important;
}

.hero-video-play-btn {
  padding: 12px;
}

.hero-video-play-btn svg {
  height: 32px;
  width: 32px;
}

.hero-video-main-wrapper {
  margin: 0 32px;
}

/* features:Start */
.primary-title {
  font-size: 24px;
}

.featured-cards-wrapper {
  margin: 32px 0 !important;
  gap: 24px;
}

.featured-section {
  padding: 24px 32px !important;
}

.feature-image-card {
  width: 50%;
  height: 350px;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.feature-card-right,
.feature-card-left {
  padding-left: 16px;
  padding-right: 16px;
}

.feature-card-info {
  margin-top: 20px;
}

.feature-card-info h3 {
  font-size: 20px;
}

.feature-card-description {
  margin-top: 12px !important;
}

.feature-card p {
  font-size: 16px;
  line-height: 30px;
}

/* features:end */

/* testimonial:start */
.testimonial-slider-wrapper {
  padding: 0px 32px !important;
}

.testimonial-slider-wrapper .owl-carousel {
  margin: 32px 0 !important;
}

.testimonial-slider {
  padding: 20px !important;
}

.testimonial-slider-description-wrapper {
  font-size: 14px;
  margin-top: 10px !important;
}

.testimonial-slider-star-container svg {
  height: 20px;
  width: 20px;
}

.testimonial-slider-user-info-wrapper {
  margin-top: 12px !important;
  gap: 20px !important;
}

.testimonial-slider-user-image {
  height: 45px;
  width: 45px;
}

.testimonial-slider-user-info h4 {
  font-size: 16px !important;
}

.testimonial-slider-nav-buttons-wrapper {
  margin: 12px 0 !important;
}

.testimonial-slider-wrapper .owl-dots {
  display: none;
}

.testimonials-nav-btn {
  width: 50px;
  height: 50px;
  padding: 16px;
}

/* testimonial:end */

/* blog start */
.articles-section-main-wrapper {
  padding: 0 32px;
  margin-top: 40px;
}

.articles-section-wrapper {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 18px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 32px !important;
}

/* blog end */

/* trial start */
.trail-section-main-wrapper {
  padding: 0 32px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: full;
  padding: 40px 20px;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 26px;
}

.trial-description {
  width: 100%;
  font-size: 14px;
  margin-top: 12px !important;
}

.start-trial-button {
  margin-top: 20px !important;
}

/* trial end */

/* homepage :end */

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 24px;
}

.tab-button {
  font-size: 14px;
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing-card {
  padding: 24px;
}

.pricing-card-title-wrapper h3 {
  font-size: 24px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 10px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  gap: 8px;
}

.pricing-card-popular-button {
  padding: 6px 10px;
  right: 11.127px;
  top: 6.75px;
  font-size: 12px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [2];
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.empty-prof-card {
  display: none;
}

.pricing-accordion-wrapper {
  padding: 0 16px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 14px !important;
  font-size: 16px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 100%;
  font-size: 14px;
}

.blog-search-input {
  min-width: 200px;
}

.blog-page-title-wrapper {
  gap: 12px !important;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-tabs-wrapper .nav {
  gap: 16px;
}

.blog-tabs-wrapper .nav-link {
  min-width: 100px;
  padding: 8px 20px;
  font-size: 14px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.blog-details-banner {
  height: 400px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 32px 40px !important;
  background: var(--primary--color);
  min-height: 250px;
}

.blog-details-newsletter-title {
  font-size: 24px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  display: none;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 50px;
  width: 50px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input {
  min-width: 200px;
  font-size: 14px;
}

.details-filter-input-btn {
  width: 45px;
  height: 45px;
}

.details-filter-input-btn svg {
  width: 25px;
  height: 25px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 32px;
}

.affiliate-description {
  width: 100%;
}

.affiliate-banner-bg {
  max-width: 380px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 240px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 30px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 30px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 15px !important;
  line-height: 30px;
}

.affiliate-faq .accordion-body p {
  font-size: 14px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.contact-us-main-title {
  font-size: 26px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  margin-top: 12px;
  gap: 24px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* This ensures children stretch to same height */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Make sure flex is explicitly set */
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Stack contents vertically */
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 18px;
}

.contact-us-card-description {
  font-size: 14px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 10px 13px;
  font-size: 14px;
}

.contact-input svg {
  height: 24px;
  width: 24px;
}

.contact-us-label {
  font-size: 16px !important;
}

.contact-form button {
  padding: 14px;
}

/* ===contact :end=== */

/* ===Auth Page::start */
.register-main-wrapper,
.sign-in-main-wrapper {
  margin-top: 88px;
}

.error-page {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.auth-wrapper {
  width: 100% !important;
}

.auth-form {
  padding-top: 30px !important;
}

.auth-title-bold {
  font-size: 28px;
}

.auth-title {
  text-align: center;
}

.auth-input-field {
  font-size: 16px !important;
}

/* ===Auth  Page::end */

/* ====Error Page::start=== */
.error-page-main-wrapper {
  margin-top: 88px !important;
}

.error-image {
  height: 350px;
  margin-top: 20px !important;
}

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

.error-title {
  font-size: 26px;
}

.error-description {
  font-size: 15px;
}

/* ====Error Page::end=== */

/* update */
.testimonials-nav-btn:hover {
  background: #fff;
}

.testimonials-nav-btn:hover svg path {
  stroke: #292d32;
}

/* update */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 12px;
  right: 12px;
}

.chat-bot-message-main-wrapper {
  min-height: 350px;
  height: 350px;
  max-height: 350px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 16px 8px 8px 12px;
}

/* chat bot */
.blog-details-images-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.blog-details-image {
  height: 250px;
}

.blog-details-image img {
  border-radius: 16px;
}
}

/* large mobile devices */
@media only screen and (min-width: 480px) and (max-width: 575px) {

/* navbar */
.nav_links,
.nav_cta_buttons {
  display: none;
}

.nav-logo img {
  max-width: 200px !important;
}

.header {
  height: 88px;
  padding: 0 12px;
}

.responsive-sidebar {
  color: #fff;
  width: 280px;
  min-height: 100vh;
  max-height: 100vh;
  height: 100vh;
  position: fixed;
  background-color: var(--primary--color);
  top: 0;
  left: 0;
  padding: 32px 24px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  z-index: 2;
}

.responsive-sidebar.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-sidebar-logo {
  width: 180px;
}

.nav_links_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}

.menu-item-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.submenu-sidebar {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.submenu-sidebar.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.menu-item-sidebar-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.submenu-sidebar.show .menu-item-sidebar {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* New overlay styles */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.sidebar-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.nav_cta_buttons_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.sidebar-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 44px;
  outline: none;
  padding: 6px 24px;
  cursor: pointer;
}

.sidebar-btn.white {
  background: white;
  color: var(--primary--color);
}

.sidebar-btn.transparent {
  background: transparent;
  color: #fff;
}

/* footer start */
.footer {
  padding: 0 12px !important;
}

.footer-top-section {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 0;
}

.footer-logo {
  width: 200px;
}

.footer-logo-description {
  margin-top: 12px !important;
  font-size: 14px;
}

.footer-item-title {
  font-size: 16px;
}

.footer-item-wrapper {
  margin-top: 8px !important;
}

.footer-item,
.footer-item-description,
.footer-input,
.footer-earning-description {
  font-size: 14px;
}

.hero-filter {
  margin-top: 20px;
}

.footer-form {
  height: 45px !important;
  margin-top: 12px !important;
}

.footer-button {
  padding: 4px 14px;
  font-size: 14px;
  height: 36px;
}

.footer-bottom {
  padding: 16px 0;
  font-size: 14px;
}

.footer-earning-image-wrapper-left,
.footer-earning-image-wrapper-right {
  display: none;
}

.footer-earning-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.footer-earning-title {
  font-size: 16px;
}

.footer-earning-description {
  margin-top: 8px !important;
}

.footer-earning-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 6px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: var(--10-primary-button, #081839);
}

.earning-footer-main-wrapper {
  padding: 0 16px;
}

/* footer end */

/* homepage:start */
.homepage {
  margin-top: 88px;
}

.hero {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  background: #091836;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 1;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.hero {
  padding: 0 16px !important;
}

.button {
  padding: 8px 20px;
  font-size: 14px;
}

.hero-wrapper {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.hero-title,
.glowing-hero-title {
  font-size: 32px;
}

.hero-content {
  padding-bottom: 120px;
}

.banner-filter-input {
  font-size: 14px;
  min-width: 150px;
  width: 100%;
  height: 40px;
}

.hero-search-filter {
  gap: 8px !important;
}

.banner-image {
  height: 130px;
  width: 130px;
  position: absolute;
  right: 4%;
  bottom: 0%;
}

.hero-video-wrapper {
  margin-top: -85px !important;
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 16px;
  height: 250px !important;
  overflow: hidden;
  width: 100% !important;
}

.hero-video-play-btn {
  padding: 12px;
}

.hero-video-play-btn svg {
  height: 32px;
  width: 32px;
}

.hero-video-main-wrapper {
  margin: 0 16px;
}

/* features:Start */
.primary-title {
  font-size: 24px;
}

.featured-cards-wrapper {
  margin: 32px 0 !important;
  gap: 24px;
}

.featured-section {
  padding: 24px 16px !important;
}

.feature-card-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.feature-card-wrapper-reverser {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.feature-image-card {
  width: 100%;
  height: 300px;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.feature-image-card-left,
.feature-image-card-right {
  border-radius: 16px 16px 0 0 !important;
}

.feature-card-right,
.feature-card-left {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0px 16px 16px !important;
  border-top: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.feature-card-info {
  margin-top: 20px;
}

.feature-card-info h3 {
  font-size: 20px;
}

.feature-card-description {
  margin-top: 12px !important;
}

.feature-card p {
  font-size: 16px;
  line-height: 30px;
}

/* features:end */

/* testimonial:start */
.testimonial-slider-wrapper {
  padding: 0px 16px !important;
}

.testimonial-slider-wrapper .owl-carousel {
  margin: 16px 0 !important;
}

.testimonial-slider {
  padding: 20px !important;
}

.testimonial-slider-description-wrapper {
  font-size: 14px;
  margin-top: 10px !important;
}

.testimonial-slider-star-container svg {
  height: 20px;
  width: 20px;
}

.testimonial-slider-user-info-wrapper {
  margin-top: 12px !important;
  gap: 20px !important;
}

.testimonial-slider-user-image {
  height: 45px;
  width: 45px;
}

.testimonial-slider-user-info h4 {
  font-size: 16px !important;
}

.testimonial-slider-nav-buttons-wrapper {
  margin: 12px 0 !important;
}

.testimonial-slider-wrapper .owl-dots {
  display: none;
}

.testimonials-nav-btn {
  width: 40px;
  height: 40px;
  padding: 12px;
}

/* testimonial :end */

/* blog start */
.articles-section-wrapper {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 18px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 32px !important;
}

/* blog end */

/* blog start */
.articles-section-main-wrapper {
  padding: 0 16px;
  margin-top: 40px;
}

.articles-section-wrapper {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 18px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 32px !important;
}

/* blog end */

/* trial start */
.trail-section-main-wrapper {
  padding: 0 16px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: full;
  padding: 40px 20px;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 24px;
}

.trial-description {
  width: 100%;
  font-size: 14px;
  margin-top: 12px !important;
}

.start-trial-button {
  margin-top: 20px !important;
}

.trail-bg-image img {
  height: 100%;
}

/* trial end */

/* homepage :end */

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
  text-align: center;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 24px;
}

.tab-button {
  font-size: 14px;
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.pricing-card {
  padding: 24px;
}

.pricing-card-title-wrapper h3 {
  font-size: 20px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 10px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  gap: 8px;
}

.pricing-card-popular-button {
  padding: 6px 10px;
  right: 11.127px;
  top: 6.75px;
  font-size: 12px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.pricing-accordion-wrapper {
  padding: 0 16px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 14px !important;
  font-size: 16px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 100%;
  font-size: 14px;
}

.blog-search-input {
  min-width: 200px;
}

.blog-page-title-wrapper {
  gap: 12px !important;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-tabs-wrapper .nav {
  gap: 12px;
}

.blog-tabs-wrapper .nav-link {
  min-width: 100px;
  padding: 7px 16px;
  font-size: 14px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 20px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-page-title {
  width: 100% !important;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-banner {
  height: 300px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 32px 40px !important;
  background: var(--primary--color);
  min-height: 250px;
}

.blog-details-newsletter-title {
  font-size: 24px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  display: none;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 50px;
  width: 50px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input {
  min-width: 200px;
  font-size: 14px;
}

.details-filter-input-btn {
  width: 45px;
  height: 45px;
}

.details-filter-input-btn svg {
  width: 25px;
  height: 25px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 28px;
}

.affiliate-description {
  width: 100%;
  font-size: 15px;
}

.affiliate-banner-bg {
  max-height: 300px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 240px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 26px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 30px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 15px !important;
  line-height: 30px;
}

.affiliate-faq .accordion-body p {
  font-size: 14px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.contact-us-main-title {
  font-size: 26px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
  gap: 24px;
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 18px;
}

.contact-us-card-description {
  font-size: 14px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 10px 13px;
  font-size: 14px;
}

.contact-input svg {
  height: 24px;
  width: 24px;
}

.contact-us-label {
  font-size: 16px !important;
}

.contact-form button {
  padding: 12px;
}

/* ===contact :end=== */

/* ===Auth Page::start */
.register-main-wrapper,
.sign-in-main-wrapper {
  margin-top: 88px;
}

.auth-wrapper {
  max-width: 575px;
  min-width: 480px;
}

.error-page {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.auth-wrapper {
  width: 100% !important;
}

.auth-form {
  padding-top: 30px !important;
}

.auth-title-bold {
  font-size: 26px;
}

.auth-title {
  text-align: center;
}

.auth-input-field {
  font-size: 16px !important;
}

.auth-toggle,
.auth-ssl-button,
.auth-input-label,
.auth-button,
.auth-description {
  font-size: 14px !important;
}

/* ===Auth  Page::end */

/* ====Error Page::start=== */
.error-page-main-wrapper {
  margin-top: 88px !important;
}

.error-image {
  height: 350px;
  margin-top: 20px !important;
}

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

.error-title {
  font-size: 26px;
}

.error-description {
  font-size: 15px;
}

/* ====Error Page::end=== */

/* update */
.testimonials-nav-btn:hover {
  background: #fff;
}

.testimonials-nav-btn:hover svg path {
  stroke: #292d32;
}

/* update */

/* price update */
.enterprise-price-card {
  display: none;
}

/* price update */

/* custom */
.banner-filter-input {
  margin-top: 0px;
}

.hero-search-filter-svg {
  margin-top: 0px;
}

.prof-free-card,
.prof-pro-card,
.prof-buss-card {
  display: none;
}

/* custom */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 12px;
  right: 12px;
}

.chat-bot-message-main-wrapper {
  min-height: 320px;
  height: 320px;
  max-height: 320px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 16px 8px 8px 12px;
  width: 320px;
}

.chat-bot-chat-wrapper {
  width: 320px;
}

.user-text-message {
  width: 260px;
}

/* chat bot */

.blog-details-images-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.blog-details-image {
  height: 250px;
}

.blog-details-image img {
  border-radius: 16px;
}
}

/* mobile devices */
@media only screen and (min-width: 375px) and (max-width: 479px) {
.container {
  max-width: 447px;
  margin: 0 auto;
}

/* navbar */
.nav_links,
.nav_cta_buttons {
  display: none;
}

.nav-logo img {
  max-width: 200px !important;
}

.header {
  height: 88px;
  padding: 0 12px;
}

.responsive-sidebar {
  color: #fff;
  width: 280px;
  min-height: 100vh;
  max-height: 100vh;
  height: 100vh;
  position: fixed;
  background-color: var(--primary--color);
  top: 0;
  left: 0;
  padding: 32px 24px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  z-index: 2;
}

.responsive-sidebar.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-sidebar-logo {
  width: 180px;
}

.nav_links_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}

.menu-item-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.submenu-sidebar {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.submenu-sidebar.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.menu-item-sidebar-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.submenu-sidebar.show .menu-item-sidebar {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* New overlay styles */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.sidebar-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.nav_cta_buttons_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.sidebar-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 44px;
  outline: none;
  padding: 6px 24px;
  cursor: pointer;
}

.sidebar-btn.white {
  background: white;
  color: var(--primary--color);
}

.sidebar-btn.transparent {
  background: transparent;
  color: #fff;
}

/* footer start */
.footer {
  padding: 0 16px !important;
}

.footer-top-section {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 0;
}

.footer-logo {
  width: 200px;
}

.footer-logo-description {
  margin-top: 12px !important;
  font-size: 14px;
}

.footer-item-title {
  font-size: 16px;
}

.footer-item-wrapper {
  margin-top: 8px !important;
}

.footer-item,
.footer-item-description,
.footer-input,
.footer-earning-description {
  font-size: 14px;
}

.hero-filter {
  margin-top: 20px;
}

.footer-form {
  height: 45px !important;
  margin-top: 12px !important;
}

.footer-button {
  padding: 4px 14px;
  font-size: 14px;
  height: 36px;
}

.footer-bottom {
  padding: 16px 0;
  font-size: 14px;
}

.footer-earning-image-wrapper-left,
.footer-earning-image-wrapper-right {
  display: none;
}

.footer-earning-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.footer-earning-title {
  font-size: 16px;
}

.footer-earning-description {
  margin-top: 8px !important;
}

.footer-earning-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 6px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: var(--10-primary-button, #081839);
}

.earning-footer-main-wrapper {
  padding: 0 16px;
}

/* footer end */

.homepage {
  margin-top: 88px;
}

.hero {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  background: #091836;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 1;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.hero {
  padding: 0 16px !important;
}

.button {
  padding: 8px 20px;
  font-size: 14px;
}

.hero-wrapper {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.hero-title,
.glowing-hero-title {
  font-size: 32px;
}

.hero-content {
  padding-bottom: 120px;
}

.banner-filter-input {
  font-size: 14px;
  min-width: 150px;
  width: 100%;
  height: 40px;
}

.hero-search-filter {
  gap: 8px !important;
  margin-right: 6px;
}

.banner-image {
  height: 114px;
  width: 121px;
  position: absolute;
  right: 4%;
  bottom: 0%;
}

.hero-video-wrapper {
  margin-top: -60px !important;
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 16px;
  height: 200px !important;
  overflow: hidden;
  width: 100% !important;
}

.hero-video-play-btn {
  padding: 12px;
}

.hero-video-play-btn svg {
  height: 32px;
  width: 32px;
}

.hero-video-main-wrapper {
  margin: 0 24px;
}

/* features:Start */
.primary-title {
  font-size: 24px;
}

.featured-cards-wrapper {
  margin: 32px 0 !important;
  gap: 24px;
  padding: 0 16px;
}

.featured-section {
  padding: 24px 0px !important;
}

.feature-card-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.feature-card-wrapper-reverser {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.feature-image-card {
  width: 100%;
  height: 300px;
}

.feature-image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.feature-image-card-left,
.feature-image-card-right {
  border-radius: 16px 16px 0 0 !important;
}

.feature-card-right,
.feature-card-left {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0px 16px 16px !important;
  border-top: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.feature-card-info {
  margin-top: 20px;
}

.feature-card-info h3 {
  font-size: 20px;
}

.feature-card-description {
  margin-top: 12px !important;
}

.feature-card p {
  font-size: 16px;
  line-height: 30px;
}

/* features:end */

/* testimonial:start */
.testimonial-slider-wrapper {
  padding: 0px 16px !important;
}

.testimonial-slider-wrapper .owl-carousel {
  margin: 16px 0 !important;
}

.testimonial-slider {
  padding: 20px !important;
}

.testimonial-slider-description-wrapper {
  font-size: 14px;
  margin-top: 10px !important;
}

.testimonial-slider-star-container svg {
  height: 20px;
  width: 20px;
}

.testimonial-slider-user-info-wrapper {
  margin-top: 12px !important;
  gap: 20px !important;
}

.testimonial-slider-user-image {
  height: 45px;
  width: 45px;
}

.testimonial-slider-user-info h4 {
  font-size: 16px !important;
}

.testimonial-slider-nav-buttons-wrapper {
  margin: 12px 0 !important;
}

.testimonial-slider-wrapper .owl-dots {
  display: none;
}

.testimonials-nav-btn {
  width: 40px;
  height: 40px;
  padding: 12px;
}

/* testimonial:end */

/* blog start */
.articles-section-main-wrapper {
  padding: 0 24px;
  margin-top: 40px;
}

.articles-section-wrapper {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 18px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 32px !important;
}

/* blog end */

/* trial start */
.trail-section-main-wrapper {
  padding: 0 24px;
}

.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: full;
  padding: 40px 20px;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 24px;
}

.trial-description {
  width: 100%;
  font-size: 14px;
  margin-top: 12px !important;
}

.start-trial-button {
  margin-top: 20px !important;
}

.trail-bg-image {
  display: none;
}

/* trial end */

/* homepage :end */

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
  text-align: center;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 24px;
}

.tab-button {
  font-size: 14px;
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.pricing-card {
  padding: 24px;
}

.pricing-card-title-wrapper h3 {
  font-size: 20px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 8px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  gap: 8px;
}

.pricing-card-popular-button {
  padding: 6px 10px;
  right: 11.127px;
  top: 6.75px;
  font-size: 12px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.pricing-accordion-wrapper {
  padding: 0 12px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 12px !important;
  font-size: 14px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

.indicator {
  width: 103px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 100%;
  font-size: 14px;
}

.blog-search-input {
  min-width: 200px;
}

.blog-page-title-wrapper {
  gap: 12px !important;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-tabs-wrapper .nav {
  gap: 12px;
}

.blog-tabs-wrapper .nav-link {
  min-width: 100px;
  padding: 7px 16px;
  font-size: 14px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 20px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-page-title {
  width: 100% !important;
}

.blog-details-container,
.blog-details-page-main-title {
  padding-top: 24px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-details-banner {
  height: 300px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 24px 16px !important;
  background: var(--primary--color);
  min-height: 200px;
}

.blog-details-newsletter-title {
  font-size: 24px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  display: none;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 40px;
  width: 40px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input {
  min-width: 100px;
  font-size: 14px;
}

.details-filter-input-btn {
  width: 40px;
  height: 40px;
}

.details-filter-input-btn svg {
  width: 20px;
  height: 20px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.affiliate-title {
  font-size: 26px;
}

.affiliate-description {
  width: 100%;
  font-size: 14px;
}

.affiliate-banner-bg {
  max-width: 300px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 240px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 24px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 30px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 15px !important;
  line-height: 30px;
}

.affiliate-faq .accordion-body p {
  font-size: 14px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.contact-us-main-title {
  font-size: 26px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
  gap: 24px;
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 18px;
}

.contact-us-card-description {
  font-size: 14px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 10px 13px;
  font-size: 14px;
}

.contact-input svg {
  height: 24px;
  width: 24px;
}

.contact-us-label {
  font-size: 16px !important;
}

.contact-form button {
  padding: 12px;
}

/* ===contact :end=== */

/* ===Auth Page::start */
.register-main-wrapper,
.sign-in-main-wrapper {
  margin-top: 88px;
}

.auth-wrapper {
  max-width: 479px;
  min-width: 375px;
}

.error-page {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.auth-wrapper {
  width: 100% !important;
}

.auth-form {
  padding-top: 30px !important;
}

.auth-title-bold {
  font-size: 26px;
}

.auth-title {
  text-align: center;
}

.auth-input-field {
  font-size: 16px !important;
}

.auth-toggle,
.auth-ssl-button,
.auth-input-label,
.auth-button,
.auth-description {
  font-size: 14px !important;
}

/* ===Auth Page::end */

/* ====Error Page::start=== */
.error-page-main-wrapper {
  margin-top: 88px !important;
}

.error-image {
  height: 350px;
  margin-top: 20px !important;
}

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

.error-title {
  font-size: 26px;
}

.error-description {
  font-size: 15px;
}

/* ====Error Page::end=== */

/* update */
.testimonials-nav-btn:hover {
  background: #fff;
}

.testimonials-nav-btn:hover svg path {
  stroke: #292d32;
}

/* update */

/* price update */
.enterprise-price-card {
  display: none;
}

/* price update */

/* custom */
.banner-filter-input {
  margin-top: 18px;
}

.banner-filter-input::-webkit-input-placeholder {
  font-size: 13px;
}

.banner-filter-input::-moz-placeholder {
  font-size: 13px;
}

.banner-filter-input:-ms-input-placeholder {
  font-size: 13px;
}

.banner-filter-input::-ms-input-placeholder {
  font-size: 13px;
}

.banner-filter-input::placeholder {
  font-size: 13px;
}

.hero-search-filter-svg {
  margin-top: -1px;
}

.prof-free-card,
.prof-pro-card,
.prof-buss-card {
  display: none;
}

/* custom */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 12px;
  right: 12px;
}

.chat-bot-message-main-wrapper {
  min-height: 380px;
  height: 380px;
  max-height: 380px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 16px 8px 8px 12px;
}


/* chat bot */
.blog-details-images-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.blog-details-image {
  height: 220px;
}

.blog-details-image img {
  border-radius: 16px;
}
}

/* extra small devices */
@media only screen and (min-width: 320px) and (max-width: 374px) {

/* navbar */
.nav_links,
.nav_cta_buttons {
  display: none;
}

.nav-logo img {
  max-width: 200px !important;
}

.header {
  height: 88px;
  padding: 0 12px;
}

.responsive-sidebar {
  color: #fff;
  width: 280px;
  min-height: 100vh;
  max-height: 100vh;
  height: 100vh;
  position: fixed;
  background-color: var(--primary--color);
  top: 0;
  left: 0;
  padding: 32px 24px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  z-index: 2;
}

.responsive-sidebar.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.responsive-sidebar-logo {
  width: 180px;
}

.nav_links_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
}

.menu-item-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.submenu-sidebar {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.submenu-sidebar.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.menu-item-sidebar-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.submenu-sidebar.show .menu-item-sidebar {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* New overlay styles */
.sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.sidebar-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.nav_cta_buttons_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.sidebar-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 44px;
  outline: none;
  padding: 6px 24px;
  cursor: pointer;
}

.sidebar-btn.white {
  background: white;
  color: var(--primary--color);
}

.sidebar-btn.transparent {
  background: transparent;
  color: #fff;
}

/* footer */
.footer {
  padding: 0 12px !important;
}

.footer-top-section {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
  padding-bottom: 0;
}

.footer-logo {
  width: 200px;
}

.footer-logo-description {
  margin-top: 12px !important;
  font-size: 14px;
}

.footer-item-title {
  font-size: 16px;
}

.footer-item-wrapper {
  margin-top: 8px !important;
}

.footer-item,
.footer-item-description,
.footer-input,
.footer-earning-description {
  font-size: 14px;
}

.hero-filter {
  margin-top: 20px;
}

.footer-form {
  height: 40px !important;
  margin-top: 12px !important;
}

.footer-button {
  padding: 4px 14px;
  font-size: 14px;
  height: 32px;
}

.footer-bottom {
  padding: 16px 0;
  font-size: 14px;
}

.footer-earning-image-wrapper-left,
.footer-earning-image-wrapper-right {
  display: none;
}

.footer-earning-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  border-radius: 12px;
  padding: 20px;
  position: relative;
}

.footer-earning-title {
  font-size: 16px;
}

.footer-earning-description {
  margin-top: 8px !important;
}

.footer-earning-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  font-size: 14px;
  padding: 6px 29px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: var(--10-primary-button, #081839);
}

/* homepage :start */
.homepage {
  margin-top: 88px;
}

.hero {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  background: #091836;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 1;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

.hero {
  padding: 0 16px !important;
}

.button {
  padding: 8px 20px;
  font-size: 14px;
}

.hero-wrapper {
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

.hero-title,
.glowing-hero-title {
  font-size: 32px;
}

.hero-content {
  padding-bottom: 120px;
}

.banner-filter-input {
  font-size: 14px;
  min-width: 150px;
  width: 100%;
  height: 40px;
}

.hero-search-filter {
  gap: 8px !important;
}

.banner-image {
  height: 114px;
  width: 121px;
  position: absolute;
  right: 4%;
  bottom: 0%;
}

.hero-video-wrapper {
  margin-top: -60px !important;
  margin-bottom: 30px !important;
  position: relative;
  border-radius: 16px;
  height: 200px !important;
  overflow: hidden;
  width: 100% !important;
}

.hero-video-play-btn {
  padding: 12px;
}

.hero-video-play-btn svg {
  height: 32px;
  width: 32px;
}

/* features:Start */
.primary-title {
  font-size: 24px;
}

.featured-cards-wrapper {
  margin: 32px 0 !important;
  gap: 24px;
}

.featured-section {
  padding: 24px 16px !important;
}

.feature-card-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.feature-card-wrapper-reverser {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.feature-image-card {
  height: 250px;
  width: 100%;
}

.feature-image-card-left,
.feature-image-card-right {
  border-radius: 16px 16px 0 0 !important;
}

.feature-card-right,
.feature-card-left {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0px 16px 16px !important;
  border-top: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.feature-card-info {
  margin-top: 20px;
}

.feature-card-info h3 {
  font-size: 20px;
}

.feature-card-description {
  margin-top: 12px !important;
}

.feature-card p {
  font-size: 16px;
  line-height: 30px;
}

/* features:end */

/* testimonial:start */
.testimonial-slider-wrapper {
  padding: 0px 16px !important;
}

.testimonial-slider-wrapper .owl-carousel {
  margin: 16px 0 !important;
}

.testimonial-slider {
  padding: 20px !important;
}

.testimonial-slider-description-wrapper {
  font-size: 14px;
  margin-top: 10px !important;
}

.testimonial-slider-star-container svg {
  height: 20px;
  width: 20px;
}

.testimonial-slider-user-info-wrapper {
  margin-top: 12px !important;
  gap: 20px !important;
}

.testimonial-slider-user-image {
  height: 45px;
  width: 45px;
}

.testimonial-slider-user-info h4 {
  font-size: 16px !important;
}

.testimonial-slider-nav-buttons-wrapper {
  margin: 12px 0 !important;
}

.testimonial-slider-wrapper .owl-dots {
  display: none;
}

.testimonials-nav-btn {
  width: 40px;
  height: 40px;
  padding: 12px;
}

/* testimonial:end */

/* blog start */
.articles-section-main-wrapper {
  margin-top: 40px;
  padding: 0 16px;
}

.articles-section-wrapper {
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.blog-title-section-homepage {
  margin-top: 12px;
  text-align: center;
}

.blog-cards-section-homepage {
  margin-top: 24px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}

.article-card-image-wrapper img {
  border-radius: 12px;
}

.article-card-big-title {
  font-size: 18px;
}

.article-card-description {
  font-size: 15px;
}

.article-see-all-btn-homepage {
  margin-top: 32px !important;
}

/* blog end */

/* trial start */
.trial-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: full;
  padding: 40px 20px;
  background: -o-linear-gradient(left, #c2d5fd 0%, #c2d5fd 100%);
  background: -webkit-gradient(linear, left top, right top, from(#c2d5fd), to(#c2d5fd));
  background: linear-gradient(to right, #c2d5fd 0%, #c2d5fd 100%);
}

.trial-title {
  font-size: 24px;
}

.trial-description {
  width: 100%;
  font-size: 14px;
  margin-top: 12px !important;
}

.start-trial-button {
  margin-top: 20px !important;
}

.trail-bg-image {
  display: none;
}

.trail-section-main-wrapper,
.earning-footer-main-wrapper,
.hero-video-main-wrapper {
  padding: 0 16px;
}

/* trial end */

/* homepage :end */

/* ===price:start=== */
.pricing-page {
  margin-top: 88px;
}

.pricing-section-wrapper {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pricing-section-wrapper {
  padding-top: 40px;
  text-align: center;
}

.pricing-section-title-wrapper {
  gap: 16px !important;
}

.pricing-container {
  margin-top: 24px;
}

.tab-button {
  font-size: 14px;
  padding: 10px 25px;
}

.content-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.monthly-card-wrapper,
.yearly-card-wrapper,
.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.pricing-card {
  padding: 24px;
}

.pricing-card-title-wrapper h3 {
  font-size: 20px;
}

.pricing-card-price-wrapper {
  margin-top: 24px;
}

.pricing-card-price-wrapper h5 {
  font-size: 24px;
}

.pricing-card-button {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pricing-card-button {
  padding: 8px 0px;
}

.pricing-card-features-wrapper h4 {
  font-size: 18px;
}

.pricing-card-features-description-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 14px;
  gap: 8px;
}

.pricing-card-popular-button {
  padding: 6px 10px;
  right: 11.127px;
  top: 6.75px;
  font-size: 12px;
}

.professional-cards-container {
  padding-top: 20px;
  gap: 8px;
}

.professional-cards-container {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.pricing-accordion-wrapper {
  padding: 0 16px !important;
}

.pricing-accordion-header {
  padding: 16px 20px;
}

.pricing-accordion-header h4 {
  font-size: 18px;
}

.pricing-accordion-content {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-accordion-content td {
  padding: 12px !important;
  font-size: 14px !important;
}

.pricing-accordion-content td svg {
  width: 16px;
  height: 16px;
}

.pricing-dropdown--arrow {
  width: 24px;
  height: 24px;
}

.indicator {
  width: 103px;
}

/* ===price:end=== */

/* ===blog:start=== */
.blog-page-main {
  margin-top: 88px;
}

.blog-page-main-wrapper {
  padding-top: 40px;
  text-align: center;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.blog-search-wrapper {
  padding: 10px 20px;
}

.primary-description {
  width: 100%;
  font-size: 14px;
}

.blog-search-input {
  min-width: 200px;
}

.blog-page-title-wrapper {
  gap: 12px !important;
}

.blog-page-search-wrapper {
  padding: 0 16px !important;
}

.blog-page-tabs-wrapper {
  padding-top: 32px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-tabs-wrapper .nav {
  gap: 12px;
}

.blog-tabs-wrapper .nav-link {
  min-width: 100px;
  padding: 7px 16px;
  font-size: 14px;
}

.blog-page-tabs-wrapper .tab-content {
  margin-top: 20px !important;
  margin-bottom: 40px !important;
}

.blog-tabs-content-main-wrapper {
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

/* ===blog:end=== */

/* ===blog details:start=== */
.blog-details-page-main-wrapper {
  margin-top: 88px !important;
}

.blog-details-page-wrapper {
  padding-top: 40px;
}

.blog-details-page-title {
  width: 100% !important;
}

.blog-details-container {
  padding-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-banner {
  height: 300px;
}

.blog-details-banner img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-details-description-wrapper {
  margin-top: 20px !important;
}

.blog-details-with-title-wrapper {
  margin-top: 20px !important;
}

.blog-details-newsletter-main-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-details-newsletter-warpper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.blog-details-page {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 24px 16px !important;
  background: var(--primary--color);
  min-height: 200px;
}

.blog-details-newsletter-title {
  font-size: 24px;
}

.blog-details-newsletter-description {
  font-size: 16px;
}

.details-bg {
  display: none;
}

.blog-details-newsletter-form {
  gap: 8px !important;
}

.blog-details-newsletter-form-logo {
  height: 40px;
  width: 40px;
}

.blog-details-newsletter-form-logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.details-filter-input {
  min-width: 100px;
  font-size: 14px;
}

.details-filter-input-btn {
  width: 40px;
  height: 40px;
}

.details-filter-input-btn svg {
  width: 20px;
  height: 20px;
}

/* ===blog details:end=== */

/* ===affiliate :start=== */
.affiliate-page-main-wrapper {
  margin-top: 88px;
}

.affiliate-page-banner-section-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.affiliate-title {
  font-size: 26px;
}

.affiliate-description {
  width: 100%;
  font-size: 14px;
}

.affiliate-banner-bg {
  max-width: 300px;
  overflow: hidden;
}

.affiliate-banner-bg img {
  height: 100%;
}

.affiliate-buttons-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.affiliate-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px !important;
  min-width: 240px;
  height: 50px;
}

.affiliate-how-it-works-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.affiliate-how-it-works-title,
.affiliate-faq-title h3 {
  font-size: 24px;
}

.affiliate-how-it-works-cards-wrapper {
  margin-top: 30px !important;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
}

.affiliate-how-it-works-cards-wrapper-join-now-btn {
  margin-top: 14px !important;
}

.affiliate-faq-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
}

.affiliate-faq {
  margin-top: 20px !important;
}

.affiliate-faq .accordion-button {
  font-size: 15px !important;
  line-height: 30px;
}

.affiliate-faq .accordion-body p {
  font-size: 14px !important;
}

/* ===affiliate :end=== */

/* ===contact :start=== */
.contact-us-page-main-wrapper {
  margin-top: 88px;
}

.contact-us-page-wrapper {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.contact-us-main-title {
  font-size: 26px;
}

.contact-us-description {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 16px;
  width: 100%;
}

.contact-us-cards-main-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 12px;
  gap: 24px;
}

.contact-us-card {
  padding: 20px;
  border-radius: 14px;
  gap: 12px;
  width: 100%;
}

.contact-us-card-icon svg {
  height: 24px;
  width: 24px;
}

.contact-us-card-title {
  font-size: 18px;
}

.contact-us-card-description {
  font-size: 14px;
}

.contact-form {
  width: 100%;
  gap: 8px !important;
}

.contact-input {
  padding: 10px 13px;
  font-size: 14px;
}

.contact-input svg {
  height: 24px;
  width: 24px;
}

.contact-us-label {
  font-size: 16px !important;
}

.contact-form button {
  padding: 12px;
}

/* ===contact :end=== */

/* ===Auth Page::start */
.register-main-wrapper,
.sign-in-main-wrapper {
  margin-top: 88px;
}

.auth-wrapper {
  max-width: 320px;
  min-width: 200px;
}

.error-page {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.auth-wrapper {
  width: 100% !important;
}

.auth-form {
  padding-top: 30px !important;
}

.auth-title-bold {
  font-size: 26px;
}

.auth-title {
  text-align: center;
}

.auth-input-field {
  font-size: 16px !important;
}

.auth-toggle,
.auth-ssl-button,
.auth-input-label,
.auth-button,
.auth-description {
  font-size: 14px !important;
}

/* ===Auth Page::end */

/* ====Error Page::start=== */
.error-page-main-wrapper {
  margin-top: 88px !important;
}

.error-image {
  height: 250px;
  margin-top: 20px !important;
}

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

.error-title {
  font-size: 26px;
}

.error-description {
  font-size: 15px;
}

/* ====Error Page::end=== */

/* update */
.testimonials-nav-btn:hover {
  background: #fff;
}

.testimonials-nav-btn:hover svg path {
  stroke: #292d32;
}

/* update */

/* price update */
.enterprise-price-card {
  display: none;
}

/* price update */

/* custom */

.details-filter-input {
  margin-top: 7px;
}

.banner-filter-input::-webkit-input-placeholder {
  font-size: 13px;
}

.banner-filter-input::-moz-placeholder {
  font-size: 13px;
}

.banner-filter-input:-ms-input-placeholder {
  font-size: 13px;
}

.banner-filter-input::-ms-input-placeholder {
  font-size: 13px;
}

.banner-filter-input::placeholder {
  font-size: 13px;
}
.banner-filter-input{
  margin-top: 18px;
}
.hero-search-filter-svg {
  margin-top: -2px;
}

.blog-details-newsletter-form {
  min-height: 20px;
}

.prof-free-card,
.prof-pro-card,
.prof-buss-card {
  display: none;
}

/* custom */

/* chat bot */
.ai-chat-bot-message-icon,
.chat-bot-chat-wrapper {
  bottom: 12px;
  right: 12px;
}

.chat-bot-message-main-wrapper {
  min-height: 380px;
  height: 380px;
  max-height: 380px;
  gap: 8px;
}

.chat-bot-message-main-wrapper {
  padding: 16px 24px;
}

.chat-bot-header {
  padding: 16px 8px 8px 12px;
  width: 320px;
}

.chat-bot-chat-wrapper {
  width: 320px;
}

.user-text-message {
  width: 260px;
}

.blog-details-images-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.blog-details-image {
  height: 220px;
}

.blog-details-image img {
  border-radius: 16px;
}

/* chat bot */
}