@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Light"), local("Open-Sans-300"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans"), local("Open-Sans-regular"),
    url("../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Semibold"), local("Open-Sans-600"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.woff")
      format("woff"),
    url("../../assets/help/assets/css/../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Bold"), local("Open-Sans-700"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: normal;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Extrabold"), local("Open-Sans-800"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800/Open-Sans-800.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Light Italic"), local("Open-Sans-300italic"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-300italic/Open-Sans-300italic.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: italic;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Italic"), local("Open-Sans-italic"),
    url("../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: italic;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Semibold Italic"), local("Open-Sans-600italic"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-600italic/Open-Sans-600italic.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Bold Italic"), local("Open-Sans-700italic"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-700italic/Open-Sans-700italic.svg#OpenSans")
      format("svg");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: italic;
  src: url("../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.eot");
  src: url("../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.eot?#iefix")
      format("embedded-opentype"),
    local("Open Sans Extrabold Italic"), local("Open-Sans-800italic"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.woff2")
      format("woff2"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.woff")
      format("woff"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.ttf")
      format("truetype"),
    url("../../assets/help/assets/css/fonts/Open-Sans-800italic/Open-Sans-800italic.svg#OpenSans")
      format("svg");
}
@font-face {
  font-family: "Merriweather";
  font-weight: 300;
  font-style: normal;
  src: url("fonts/Merriweather-300/Merriweather-300.eot");
  src: url("fonts/Merriweather-300/Merriweather-300.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Light"), local("Merriweather-300"),
    url("fonts/Merriweather-300/Merriweather-300.woff2") format("woff2"),
    url("fonts/Merriweather-300/Merriweather-300.woff") format("woff"),
    url("fonts/Merriweather-300/Merriweather-300.ttf") format("truetype"),
    url("fonts/Merriweather-300/Merriweather-300.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Merriweather-regular/Merriweather-regular.eot");
  src: url("fonts/Merriweather-regular/Merriweather-regular.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather"), local("Merriweather-regular"),
    url("fonts/Merriweather-regular/Merriweather-regular.woff2") format("woff2"),
    url("fonts/Merriweather-regular/Merriweather-regular.woff") format("woff"),
    url("fonts/Merriweather-regular/Merriweather-regular.ttf")
      format("truetype"),
    url("fonts/Merriweather-regular/Merriweather-regular.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Merriweather-700/Merriweather-700.eot");
  src: url("fonts/Merriweather-700/Merriweather-700.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Bold"), local("Merriweather-700"),
    url("fonts/Merriweather-700/Merriweather-700.woff2") format("woff2"),
    url("fonts/Merriweather-700/Merriweather-700.woff") format("woff"),
    url("fonts/Merriweather-700/Merriweather-700.ttf") format("truetype"),
    url("fonts/Merriweather-700/Merriweather-700.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 900;
  font-style: normal;
  src: url("fonts/Merriweather-900/Merriweather-900.eot");
  src: url("fonts/Merriweather-900/Merriweather-900.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Black"), local("Merriweather-900"),
    url("fonts/Merriweather-900/Merriweather-900.woff2") format("woff2"),
    url("fonts/Merriweather-900/Merriweather-900.woff") format("woff"),
    url("fonts/Merriweather-900/Merriweather-900.ttf") format("truetype"),
    url("fonts/Merriweather-900/Merriweather-900.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 300;
  font-style: italic;
  src: url("fonts/Merriweather-300italic/Merriweather-300italic.eot");
  src: url("fonts/Merriweather-300italic/Merriweather-300italic.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Light Italic"), local("Merriweather-300italic"),
    url("fonts/Merriweather-300italic/Merriweather-300italic.woff2")
      format("woff2"),
    url("fonts/Merriweather-300italic/Merriweather-300italic.woff")
      format("woff"),
    url("fonts/Merriweather-300italic/Merriweather-300italic.ttf")
      format("truetype"),
    url("fonts/Merriweather-300italic/Merriweather-300italic.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 400;
  font-style: italic;
  src: url("fonts/Merriweather-italic/Merriweather-italic.eot");
  src: url("fonts/Merriweather-italic/Merriweather-italic.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Italic"), local("Merriweather-italic"),
    url("fonts/Merriweather-italic/Merriweather-italic.woff2") format("woff2"),
    url("fonts/Merriweather-italic/Merriweather-italic.woff") format("woff"),
    url("fonts/Merriweather-italic/Merriweather-italic.ttf") format("truetype"),
    url("fonts/Merriweather-italic/Merriweather-italic.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 700;
  font-style: italic;
  src: url("fonts/Merriweather-700italic/Merriweather-700italic.eot");
  src: url("fonts/Merriweather-700italic/Merriweather-700italic.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Bold Italic"), local("Merriweather-700italic"),
    url("fonts/Merriweather-700italic/Merriweather-700italic.woff2")
      format("woff2"),
    url("fonts/Merriweather-700italic/Merriweather-700italic.woff")
      format("woff"),
    url("fonts/Merriweather-700italic/Merriweather-700italic.ttf")
      format("truetype"),
    url("fonts/Merriweather-700italic/Merriweather-700italic.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Merriweather";
  font-weight: 900;
  font-style: italic;
  src: url("fonts/Merriweather-900italic/Merriweather-900italic.eot");
  src: url("fonts/Merriweather-900italic/Merriweather-900italic.eot?#iefix")
      format("embedded-opentype"),
    local("Merriweather Black Italic"), local("Merriweather-900italic"),
    url("fonts/Merriweather-900italic/Merriweather-900italic.woff2")
      format("woff2"),
    url("fonts/Merriweather-900italic/Merriweather-900italic.woff")
      format("woff"),
    url("fonts/Merriweather-900italic/Merriweather-900italic.ttf")
      format("truetype"),
    url("fonts/Merriweather-900italic/Merriweather-900italic.svg#Merriweather")
      format("svg");
}

@font-face {
  font-family: "Ruda";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Ruda-regular/Ruda-regular.eot");
  src: url("fonts/Ruda-regular/Ruda-regular.eot?#iefix")
      format("embedded-opentype"),
    local("Ruda"), local("Ruda-regular"),
    url("fonts/Ruda-regular/Ruda-regular.woff2") format("woff2"),
    url("fonts/Ruda-regular/Ruda-regular.woff") format("woff"),
    url("fonts/Ruda-regular/Ruda-regular.ttf") format("truetype"),
    url("fonts/Ruda-regular/Ruda-regular.svg#Ruda") format("svg");
}

@font-face {
  font-family: "Ruda";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Ruda-700/Ruda-700.eot");
  src: url("fonts/Ruda-700/Ruda-700.eot?#iefix") format("embedded-opentype"),
    local("Ruda Bold"), local("Ruda-700"),
    url("fonts/Ruda-700/Ruda-700.woff2") format("woff2"),
    url("fonts/Ruda-700/Ruda-700.woff") format("woff"),
    url("fonts/Ruda-700/Ruda-700.ttf") format("truetype"),
    url("fonts/Ruda-700/Ruda-700.svg#Ruda") format("svg");
}

@font-face {
  font-family: "Ruda";
  font-weight: 900;
  font-style: normal;
  src: url("fonts/Ruda-900/Ruda-900.eot");
  src: url("fonts/Ruda-900/Ruda-900.eot?#iefix") format("embedded-opentype"),
    local("Ruda Black"), local("Ruda-900"),
    url("fonts/Ruda-900/Ruda-900.woff2") format("woff2"),
    url("fonts/Ruda-900/Ruda-900.woff") format("woff"),
    url("fonts/Ruda-900/Ruda-900.ttf") format("truetype"),
    url("fonts/Ruda-900/Ruda-900.svg#Ruda") format("svg");
}

html {
  max-width: 100%;
  overflow-x: hidden;
}

:root {
  --primary-color: #3a1c71;
  --primary-btn: #7b4bd2;
  --hover-color: #875cd6;
  --shadow-color: #bc99f8;
}

/*LOGIN CONFIGURATION PAGE*/
.form-login {
  font-family: "Ruda", sans-serif;
  max-width: 370px;
  margin: 0 auto 0;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.form-login h2.form-login-heading {
  margin: 0;
  padding: 25px 20px;
  text-align: center;
  background: #68dff0;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
}
.login-wrap {
  /* padding: 20px; */
}
.login-wrap .registration {
  text-align: center;
}
.login-wrap input {
  margin-bottom: 4%;
}
.btn-theme {
  color: rgba(255, 255, 255, 0.7);
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
/* Bootstrap Modifications */
.signup-modal-header {
  background: var(--primary-color);
}

.signup-modal-title {
  color: rgb(255, 255, 255);
}

.btn-round {
  border-radius: 20px;
  -webkit-border-radius: 20px;
}

.accordion-heading .accordion-toggle {
  display: block;
  cursor: pointer;
  border-top: 1px solid #f5f5f5;
  padding: 5px 0px;
  line-height: 28.75px;
  text-transform: uppercase;
  color: #1a1a1a;
  background-color: #ffffff;
  outline: none !important;
  text-decoration: none;
}
.modal-body {
  font-family: "Ruda", sans-serif;
}
.monthly_plans {
  position: relative;
  left: 14em;
}

.yearly_plans {
  position: relative;
  left: 21em;
}

.feature {
  background: var(--primary-color) none repeat scroll 0 0;
  border-bottom: 2px solid red;
  color: #f1f1f1;
  font-size: 16px;
  padding: 15px 24px;
}

.feature:hover {
  background: #e5a253;
  cursor: pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.fa.fa-check {
  color: #2cc14f;
}
.fa.fa-times {
  color: #ba5340;
}
.fa {
  font-size: 16px;
}
.form-control:focus {
  border-color: var(--primary-color);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px var(--shadow-color);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--shadow-color);
}

.swiper {
  width: 100%;
  height: auto;
  display: flex;
  /* max-width: 1400px; */
  margin: 0 auto;
  overflow: hidden;
  padding: 30px;

}
.swiper-wrapper {
  display: flex;
  justify-content: center;
}
.swiper-slide {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* min-height: 100px; */
  cursor: pointer;
  transition: box-shadow 0.3s ease;
  border: 1px solid #d7d5d2;
  border-radius: 12px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-slide img {
 max-height: 100px;
 object-fit: contain;
 width: 100%;
}
mark {
  background-color: #ffeb3b; /* A bright yellow */
  color: black;
  padding: 0px 5px; /* Add slight padding around the text */
  border-radius: 11px;
}
#homeHeading mark {
    white-space: nowrap;
}