@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap");

:root {
  --color-gradient: linear-gradient(
    100deg,
    hsl(320deg 59% 59%) 0%,
    hsl(11deg 100% 70%) 10%,
    hsl(50deg 100% 61%) 20%,
    hsl(123deg 94% 81%) 30%,
    hsl(177deg 100% 83%) 40%,
    hsl(320deg 59% 59%) 50%,
    hsl(11deg 100% 70%) 60%,
    hsl(50deg 100% 61%) 70%,
    hsl(123deg 94% 81%) 80%,
    hsl(177deg 100% 83%) 90%,
    hsl(320deg 59% 59%) 100%
  );
}
@font-face {
  font-family: "Larsseit-medium";
  src: url("../fonts/Larsseit-Medium.eot");
  src: url("../fonts/Larsseit-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Larsseit-Medium.woff2") format("woff2"),
    url("../fonts/Larsseit-Medium.woff") format("woff"),
    url("../fonts/Larsseit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: "Larsseit-extrabold";
  src: url("../fonts/Larsseit-ExtraBold.eot");
  src: url("../fonts/Larsseit-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Larsseit-ExtraBold.woff2") format("woff2"),
    url("../fonts/Larsseit-ExtraBold.woff") format("woff"),
    url("../fonts/Larsseit-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Larsseit-light";
  src: url("../fonts/Larsseit-Light.eot");
  src: url("../fonts/Larsseit-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Larsseit-Light.woff2") format("woff2"),
    url("../fonts/Larsseit-Light.woff") format("woff"),
    url("../fonts/Larsseit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Larsseit-thin";
  src: url("../fonts/Larsseit-Thin.eot");
  src: url("../fonts/Larsseit-Thin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Larsseit-Thin.woff2") format("woff2"),
    url("../fonts/Larsseit-Thin.woff") format("woff"),
    url("../fonts/Larsseit-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circular-medium";
  src: url("../fonts/CircularStd-Medium.eot");
  src: url("../fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CircularStd-Medium.woff2") format("woff2"),
    url("../fonts/CircularStd-Medium.woff") format("woff"),
    url("../fonts/CircularStd-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Circular-light";
  src: url("../fonts/CircularStd-Book.eot");
  src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CircularStd-Book.woff2") format("woff2"),
    url("../fonts/CircularStd-Book.woff") format("woff"),
    url("../fonts/CircularStd-Book.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Circular-bold";
  src: url("../fonts/CircularStd-Bold.eot");
  src: url("../fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CircularStd-Bold.woff2") format("woff2"),
    url("../fonts/CircularStd-Bold.woff") format("woff"),
    url("../fonts/CircularStd-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.btn-brand,
#menu-item-38 a,
.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_submit
  button,
section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit
  .frm_button_submit,
.podcast-newsletter
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_submit
  button {
  font-weight: 500;
  color: #fff !important;
  padding: 12px 24px;
  border-radius: 0.25rem;
  background-color: #e26536;
  border-color: #e26536;
}

.btn-blue {
  font-weight: 500;
  color: #fff !important;
  padding: 12px 24px;
  border-radius: 0.25rem;
  background-color: #0077c9;
  border-color: #0077c9;
  font-size: 14px;
  display: flex;
}

.btn-blue svg {
  margin-right: 8px;
}
.theme.bg-dark-gray {
  background-color: #2a3950;
}
.brand-color {
  color: #e26536;
}

@media (min-width: 991px) {
  .theme.bg-lg-dark-gray {
    background-color: #2a3950 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-dark-gray {
    background-color: #2a3950 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-dark-gray {
    background-color: #2a3950 !important;
  }
}

.theme.bg-active-dark-gray:active {
  background-color: #2a3950;
}

.theme.bg-before-dark-gray:before {
  background-color: #2a3950;
}

.theme.bg-after-dark-gray:after {
  background-color: #2a3950;
}

.theme.bg-hover-dark-gray:hover {
  background-color: #2a3950;
}

.theme.bg-label-checked-dark-gray:checked + label {
  background-color: #2a3950;
}

.theme.color-dark-gray {
  color: #2a3950;
}

@media (min-width: 991px) {
  .theme.color-lg-dark-gray {
    color: #2a3950 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-dark-gray {
    color: #2a3950 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-dark-gray {
    color: #2a3950 !important;
  }
}

.theme.color-active-dark-gray:active {
  color: #2a3950;
}

.theme.color-before-dark-gray:before {
  color: #2a3950;
}

.theme.color-after-dark-gray:after {
  color: #2a3950;
}

.theme.color-hover-dark-gray:hover {
  color: #2a3950;
}

.theme.color-label-checked-dark-gray:checked + label {
  color: #2a3950;
}

.theme.box-shadow-dark-gray {
  box-shadow: 0 3px 10px #2a3950;
}

.theme.fill-dark-gray {
  fill: #2a3950;
}

.theme.border-dark-gray {
  border-color: #2a3950;
}

.theme.border-after-dark-gray:after {
  border-color: #2a3950;
}

.theme.border-before-dark-gray:before {
  border-color: #2a3950;
}

.theme.input-focus-label-dark-gray:focus + label {
  color: #2a3950;
}

.theme.place-holder-dark-gray ::-webkit-input-placeholder {
  color: #2a3950;
}

.theme.place-holder-dark-gray ::-moz-placeholder {
  color: #2a3950;
}

.theme.place-holder-dark-gray :-ms-input-placeholder {
  color: #2a3950;
}

.theme.place-holder-dark-gray :-moz-placeholder {
  color: #2a3950;
}

.theme.bg-whitesmoke {
  background-color: #f8fafd;
}

@media (min-width: 991px) {
  .theme.bg-lg-whitesmoke {
    background-color: #f8fafd !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-whitesmoke {
    background-color: #f8fafd !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-whitesmoke {
    background-color: #f8fafd !important;
  }
}

.theme.bg-active-whitesmoke:active {
  background-color: #f8fafd;
}

.theme.bg-before-whitesmoke:before {
  background-color: #f8fafd;
}

.theme.bg-after-whitesmoke:after {
  background-color: #f8fafd;
}

.theme.bg-hover-whitesmoke:hover {
  background-color: #f8fafd;
}

.theme.bg-label-checked-whitesmoke:checked + label {
  background-color: #f8fafd;
}

.theme.color-whitesmoke {
  color: #f8fafd;
}

@media (min-width: 991px) {
  .theme.color-lg-whitesmoke {
    color: #f8fafd !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-whitesmoke {
    color: #f8fafd !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-whitesmoke {
    color: #f8fafd !important;
  }
}

.theme.color-active-whitesmoke:active {
  color: #f8fafd;
}

.theme.color-before-whitesmoke:before {
  color: #f8fafd;
}

.theme.color-after-whitesmoke:after {
  color: #f8fafd;
}

.theme.color-hover-whitesmoke:hover {
  color: #f8fafd;
}

.theme.color-label-checked-whitesmoke:checked + label {
  color: #f8fafd;
}

.theme.box-shadow-whitesmoke {
  box-shadow: 0 3px 10px #f8fafd;
}

.theme.fill-whitesmoke {
  fill: #f8fafd;
}

.theme.border-whitesmoke {
  border-color: #f8fafd;
}

.theme.border-after-whitesmoke:after {
  border-color: #f8fafd;
}

.theme.border-before-whitesmoke:before {
  border-color: #f8fafd;
}

.theme.input-focus-label-whitesmoke:focus + label {
  color: #f8fafd;
}

.theme.place-holder-whitesmoke ::-webkit-input-placeholder {
  color: #f8fafd;
}

.theme.place-holder-whitesmoke ::-moz-placeholder {
  color: #f8fafd;
}

.theme.place-holder-whitesmoke :-ms-input-placeholder {
  color: #f8fafd;
}

.theme.place-holder-whitesmoke :-moz-placeholder {
  color: #f8fafd;
}

.theme.bg-fog {
  background-color: #e5e5e5;
}

@media (min-width: 991px) {
  .theme.bg-lg-fog {
    background-color: #e5e5e5 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-fog {
    background-color: #e5e5e5 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-fog {
    background-color: #e5e5e5 !important;
  }
}

.theme.bg-active-fog:active {
  background-color: #e5e5e5;
}

.theme.bg-before-fog:before {
  background-color: #e5e5e5;
}

.theme.bg-after-fog:after {
  background-color: #e5e5e5;
}

.theme.bg-hover-fog:hover {
  background-color: #e5e5e5;
}

.theme.bg-label-checked-fog:checked + label {
  background-color: #e5e5e5;
}

.theme.color-fog {
  color: #e5e5e5;
}

@media (min-width: 991px) {
  .theme.color-lg-fog {
    color: #e5e5e5 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-fog {
    color: #e5e5e5 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-fog {
    color: #e5e5e5 !important;
  }
}

.theme.color-active-fog:active {
  color: #e5e5e5;
}

.theme.color-before-fog:before {
  color: #e5e5e5;
}

.theme.color-after-fog:after {
  color: #e5e5e5;
}

.theme.color-hover-fog:hover {
  color: #e5e5e5;
}

.theme.color-label-checked-fog:checked + label {
  color: #e5e5e5;
}

.theme.box-shadow-fog {
  box-shadow: 0 3px 10px #e5e5e5;
}

.theme.fill-fog {
  fill: #e5e5e5;
}

.theme.border-fog {
  border-color: #e5e5e5;
}

.theme.border-after-fog:after {
  border-color: #e5e5e5;
}

.theme.border-before-fog:before {
  border-color: #e5e5e5;
}

.theme.input-focus-label-fog:focus + label {
  color: #e5e5e5;
}

.theme.place-holder-fog ::-webkit-input-placeholder {
  color: #e5e5e5;
}

.theme.place-holder-fog ::-moz-placeholder {
  color: #e5e5e5;
}

.theme.place-holder-fog :-ms-input-placeholder {
  color: #e5e5e5;
}

.theme.place-holder-fog :-moz-placeholder {
  color: #e5e5e5;
}

.theme.bg-light-gray {
  background-color: #f1f1f1;
}

@media (min-width: 991px) {
  .theme.bg-lg-light-gray {
    background-color: #f1f1f1 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-light-gray {
    background-color: #f1f1f1 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-light-gray {
    background-color: #f1f1f1 !important;
  }
}

.theme.bg-active-light-gray:active {
  background-color: #f1f1f1;
}

.theme.bg-before-light-gray:before {
  background-color: #f1f1f1;
}

.theme.bg-after-light-gray:after {
  background-color: #f1f1f1;
}

.theme.bg-hover-light-gray:hover {
  background-color: #f1f1f1;
}

.theme.bg-label-checked-light-gray:checked + label {
  background-color: #f1f1f1;
}

.theme.color-light-gray {
  color: #f1f1f1;
}

@media (min-width: 991px) {
  .theme.color-lg-light-gray {
    color: #f1f1f1 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-light-gray {
    color: #f1f1f1 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-light-gray {
    color: #f1f1f1 !important;
  }
}

.theme.color-active-light-gray:active {
  color: #f1f1f1;
}

.theme.color-before-light-gray:before {
  color: #f1f1f1;
}

.theme.color-after-light-gray:after {
  color: #f1f1f1;
}

.theme.color-hover-light-gray:hover {
  color: #f1f1f1;
}

.theme.color-label-checked-light-gray:checked + label {
  color: #f1f1f1;
}

.theme.box-shadow-light-gray {
  box-shadow: 0 3px 10px #f1f1f1;
}

.theme.fill-light-gray {
  fill: #f1f1f1;
}

.theme.border-light-gray {
  border-color: #f1f1f1;
}

.theme.border-after-light-gray:after {
  border-color: #f1f1f1;
}

.theme.border-before-light-gray:before {
  border-color: #f1f1f1;
}

.theme.input-focus-label-light-gray:focus + label {
  color: #f1f1f1;
}

.theme.place-holder-light-gray ::-webkit-input-placeholder {
  color: #f1f1f1;
}

.theme.place-holder-light-gray ::-moz-placeholder {
  color: #f1f1f1;
}

.theme.place-holder-light-gray :-ms-input-placeholder {
  color: #f1f1f1;
}

.theme.place-holder-light-gray :-moz-placeholder {
  color: #f1f1f1;
}

.theme.bg-white {
  background-color: #fff;
}

@media (min-width: 991px) {
  .theme.bg-lg-white {
    background-color: #fff !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-white {
    background-color: #fff !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-white {
    background-color: #fff !important;
  }
}

.theme.bg-active-white:active {
  background-color: #fff;
}

.theme.bg-before-white:before {
  background-color: #fff;
}

.theme.bg-after-white:after {
  background-color: #fff;
}

.theme.bg-hover-white:hover {
  background-color: #fff;
}

.theme.bg-label-checked-white:checked + label {
  background-color: #fff;
}

.theme.color-white {
  color: #fff;
}

@media (min-width: 991px) {
  .theme.color-lg-white {
    color: #fff !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-white {
    color: #fff !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-white {
    color: #fff !important;
  }
}

.theme.color-active-white:active {
  color: #fff;
}

.theme.color-before-white:before {
  color: #fff;
}

.theme.color-after-white:after {
  color: #fff;
}

.theme.color-hover-white:hover {
  color: #fff;
}

.theme.color-label-checked-white:checked + label {
  color: #fff;
}

.theme.box-shadow-white {
  box-shadow: 0 3px 10px #fff;
}

.theme.fill-white {
  fill: #fff;
}

.theme.border-white {
  border-color: #fff;
}

.theme.border-after-white:after {
  border-color: #fff;
}

.theme.border-before-white:before {
  border-color: #fff;
}

.theme.input-focus-label-white:focus + label {
  color: #fff;
}

.theme.place-holder-white ::-webkit-input-placeholder {
  color: #fff;
}

.theme.place-holder-white ::-moz-placeholder {
  color: #fff;
}

.theme.place-holder-white :-ms-input-placeholder {
  color: #fff;
}

.theme.place-holder-white :-moz-placeholder {
  color: #fff;
}

.theme.bg-white-smoke {
  background-color: #f8fafd;
}

@media (min-width: 991px) {
  .theme.bg-lg-white-smoke {
    background-color: #f8fafd !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-white-smoke {
    background-color: #f8fafd !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-white-smoke {
    background-color: #f8fafd !important;
  }
}

.theme.bg-active-white-smoke:active {
  background-color: #f8fafd;
}

.theme.bg-before-white-smoke:before {
  background-color: #f8fafd;
}

.theme.bg-after-white-smoke:after {
  background-color: #f8fafd;
}

.theme.bg-hover-white-smoke:hover {
  background-color: #f8fafd;
}

.theme.bg-label-checked-white-smoke:checked + label {
  background-color: #f8fafd;
}

.theme.color-white-smoke {
  color: #f8fafd;
}

@media (min-width: 991px) {
  .theme.color-lg-white-smoke {
    color: #f8fafd !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-white-smoke {
    color: #f8fafd !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-white-smoke {
    color: #f8fafd !important;
  }
}

.theme.color-active-white-smoke:active {
  color: #f8fafd;
}

.theme.color-before-white-smoke:before {
  color: #f8fafd;
}

.theme.color-after-white-smoke:after {
  color: #f8fafd;
}

.theme.color-hover-white-smoke:hover {
  color: #f8fafd;
}

.theme.color-label-checked-white-smoke:checked + label {
  color: #f8fafd;
}

.theme.box-shadow-white-smoke {
  box-shadow: 0 3px 10px #f8fafd;
}

.theme.fill-white-smoke {
  fill: #f8fafd;
}

.theme.border-white-smoke {
  border-color: #f8fafd;
}

.theme.border-after-white-smoke:after {
  border-color: #f8fafd;
}

.theme.border-before-white-smoke:before {
  border-color: #f8fafd;
}

.theme.input-focus-label-white-smoke:focus + label {
  color: #f8fafd;
}

.theme.place-holder-white-smoke ::-webkit-input-placeholder {
  color: #f8fafd;
}

.theme.place-holder-white-smoke ::-moz-placeholder {
  color: #f8fafd;
}

.theme.place-holder-white-smoke :-ms-input-placeholder {
  color: #f8fafd;
}

.theme.place-holder-white-smoke :-moz-placeholder {
  color: #f8fafd;
}

.theme.bg-black {
  background-color: #000;
}

@media (min-width: 991px) {
  .theme.bg-lg-black {
    background-color: #000 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-black {
    background-color: #000 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-black {
    background-color: #000 !important;
  }
}

.theme.bg-active-black:active {
  background-color: #000;
}

.theme.bg-before-black:before {
  background-color: #000;
}

.theme.bg-after-black:after {
  background-color: #000;
}

.theme.bg-hover-black:hover {
  background-color: #000;
}

.theme.bg-label-checked-black:checked + label {
  background-color: #000;
}

.theme.color-black {
  color: #000;
}

@media (min-width: 991px) {
  .theme.color-lg-black {
    color: #000 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-black {
    color: #000 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-black {
    color: #000 !important;
  }
}

.theme.color-active-black:active {
  color: #000;
}

.theme.color-before-black:before {
  color: #000;
}

.theme.color-after-black:after {
  color: #000;
}

.theme.color-hover-black:hover {
  color: #000;
}

.theme.color-label-checked-black:checked + label {
  color: #000;
}

.theme.box-shadow-black {
  box-shadow: 0 3px 10px #000;
}

.theme.fill-black {
  fill: #000;
}

.theme.border-black {
  border-color: #000;
}

.theme.border-after-black:after {
  border-color: #000;
}

.theme.border-before-black:before {
  border-color: #000;
}

.theme.input-focus-label-black:focus + label {
  color: #000;
}

.theme.place-holder-black ::-webkit-input-placeholder {
  color: #000;
}

.theme.place-holder-black ::-moz-placeholder {
  color: #000;
}

.theme.place-holder-black :-ms-input-placeholder {
  color: #000;
}

.theme.place-holder-black :-moz-placeholder {
  color: #000;
}

.theme.bg-light-gold {
  background-color: #ffab40;
}

@media (min-width: 991px) {
  .theme.bg-lg-light-gold {
    background-color: #ffab40 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-light-gold {
    background-color: #ffab40 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-light-gold {
    background-color: #ffab40 !important;
  }
}

.theme.bg-active-light-gold:active {
  background-color: #ffab40;
}

.theme.bg-before-light-gold:before {
  background-color: #ffab40;
}

.theme.bg-after-light-gold:after {
  background-color: #ffab40;
}

.theme.bg-hover-light-gold:hover {
  background-color: #ffab40;
}

.theme.bg-label-checked-light-gold:checked + label {
  background-color: #ffab40;
}

.theme.color-light-gold {
  color: #ffab40;
}

@media (min-width: 991px) {
  .theme.color-lg-light-gold {
    color: #ffab40 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-light-gold {
    color: #ffab40 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-light-gold {
    color: #ffab40 !important;
  }
}

.theme.color-active-light-gold:active {
  color: #ffab40;
}

.theme.color-before-light-gold:before {
  color: #ffab40;
}

.theme.color-after-light-gold:after {
  color: #ffab40;
}

.theme.color-hover-light-gold:hover {
  color: #ffab40;
}

.theme.color-label-checked-light-gold:checked + label {
  color: #ffab40;
}

.theme.box-shadow-light-gold {
  box-shadow: 0 3px 10px #ffab40;
}

.theme.fill-light-gold {
  fill: #ffab40;
}

.theme.border-light-gold {
  border-color: #ffab40;
}

.theme.border-after-light-gold:after {
  border-color: #ffab40;
}

.theme.border-before-light-gold:before {
  border-color: #ffab40;
}

.theme.input-focus-label-light-gold:focus + label {
  color: #ffab40;
}

.theme.place-holder-light-gold ::-webkit-input-placeholder {
  color: #ffab40;
}

.theme.place-holder-light-gold ::-moz-placeholder {
  color: #ffab40;
}

.theme.place-holder-light-gold :-ms-input-placeholder {
  color: #ffab40;
}

.theme.place-holder-light-gold :-moz-placeholder {
  color: #ffab40;
}

.theme.bg-gold {
  background-color: #ff9201;
}

@media (min-width: 991px) {
  .theme.bg-lg-gold {
    background-color: #ff9201 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-gold {
    background-color: #ff9201 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-gold {
    background-color: #ff9201 !important;
  }
}

.theme.bg-active-gold:active {
  background-color: #ff9201;
}

.theme.bg-before-gold:before {
  background-color: #ff9201;
}

.theme.bg-after-gold:after {
  background-color: #ff9201;
}

.theme.bg-hover-gold:hover {
  background-color: #ff9201;
}

.theme.bg-label-checked-gold:checked + label {
  background-color: #ff9201;
}

.theme.color-gold {
  color: #ff9201;
}

@media (min-width: 991px) {
  .theme.color-lg-gold {
    color: #ff9201 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-gold {
    color: #ff9201 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-gold {
    color: #ff9201 !important;
  }
}

.theme.color-active-gold:active {
  color: #ff9201;
}

.theme.color-before-gold:before {
  color: #ff9201;
}

.theme.color-after-gold:after {
  color: #ff9201;
}

.theme.color-hover-gold:hover {
  color: #ff9201;
}

.theme.color-label-checked-gold:checked + label {
  color: #ff9201;
}

.theme.box-shadow-gold {
  box-shadow: 0 3px 10px #ff9201;
}

.theme.fill-gold {
  fill: #ff9201;
}

.theme.border-gold {
  border-color: #ff9201;
}

.theme.border-after-gold:after {
  border-color: #ff9201;
}

.theme.border-before-gold:before {
  border-color: #ff9201;
}

.theme.input-focus-label-gold:focus + label {
  color: #ff9201;
}

.theme.place-holder-gold ::-webkit-input-placeholder {
  color: #ff9201;
}

.theme.place-holder-gold ::-moz-placeholder {
  color: #ff9201;
}

.theme.place-holder-gold :-ms-input-placeholder {
  color: #ff9201;
}

.theme.place-holder-gold :-moz-placeholder {
  color: #ff9201;
}

.theme.bg-dark-brown {
  background-color: #e26536;
}

@media (min-width: 991px) {
  .theme.bg-lg-dark-brown {
    background-color: #e26536 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-dark-brown {
    background-color: #e26536 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-dark-brown {
    background-color: #e26536 !important;
  }
}

.theme.bg-active-dark-brown:active {
  background-color: #e26536;
}

.theme.bg-before-dark-brown:before {
  background-color: #e26536;
}

.theme.bg-after-dark-brown:after {
  background-color: #e26536;
}

.theme.bg-hover-dark-brown:hover {
  background-color: #e26536;
}

.theme.bg-label-checked-dark-brown:checked + label {
  background-color: #e26536;
}

.theme.color-dark-brown {
  color: #e26536;
}

@media (min-width: 991px) {
  .theme.color-lg-dark-brown {
    color: #e26536 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-dark-brown {
    color: #e26536 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-dark-brown {
    color: #e26536 !important;
  }
}

.theme.color-active-dark-brown:active {
  color: #e26536;
}

.theme.color-before-dark-brown:before {
  color: #e26536;
}

.theme.color-after-dark-brown:after {
  color: #e26536;
}

.theme.color-hover-dark-brown:hover {
  color: #e26536;
}

.theme.color-label-checked-dark-brown:checked + label {
  color: #e26536;
}

.theme.box-shadow-dark-brown {
  box-shadow: 0 3px 10px #e26536;
}

.theme.fill-dark-brown {
  fill: #e26536;
}

.theme.border-dark-brown {
  border-color: #e26536;
}

.theme.border-after-dark-brown:after {
  border-color: #e26536;
}

.theme.border-before-dark-brown:before {
  border-color: #e26536;
}

.theme.input-focus-label-dark-brown:focus + label {
  color: #e26536;
}

.theme.place-holder-dark-brown ::-webkit-input-placeholder {
  color: #e26536;
}

.theme.place-holder-dark-brown ::-moz-placeholder {
  color: #e26536;
}

.theme.place-holder-dark-brown :-ms-input-placeholder {
  color: #e26536;
}

.theme.place-holder-dark-brown :-moz-placeholder {
  color: #e26536;
}

.theme.bg-pale-white {
  background-color: #f4f4f4;
}

@media (min-width: 991px) {
  .theme.bg-lg-pale-white {
    background-color: #f4f4f4 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-pale-white {
    background-color: #f4f4f4 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-pale-white {
    background-color: #f4f4f4 !important;
  }
}

.theme.bg-active-pale-white:active {
  background-color: #f4f4f4;
}

.theme.bg-before-pale-white:before {
  background-color: #f4f4f4;
}

.theme.bg-after-pale-white:after {
  background-color: #f4f4f4;
}

.theme.bg-hover-pale-white:hover {
  background-color: #f4f4f4;
}

.theme.bg-label-checked-pale-white:checked + label {
  background-color: #f4f4f4;
}

.theme.color-pale-white {
  color: #f4f4f4;
}

@media (min-width: 991px) {
  .theme.color-lg-pale-white {
    color: #f4f4f4 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-pale-white {
    color: #f4f4f4 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-pale-white {
    color: #f4f4f4 !important;
  }
}

.theme.color-active-pale-white:active {
  color: #f4f4f4;
}

.theme.color-before-pale-white:before {
  color: #f4f4f4;
}

.theme.color-after-pale-white:after {
  color: #f4f4f4;
}

.theme.color-hover-pale-white:hover {
  color: #f4f4f4;
}

.theme.color-label-checked-pale-white:checked + label {
  color: #f4f4f4;
}

.theme.box-shadow-pale-white {
  box-shadow: 0 3px 10px #f4f4f4;
}

.theme.fill-pale-white {
  fill: #f4f4f4;
}

.theme.border-pale-white {
  border-color: #f4f4f4;
}

.theme.border-after-pale-white:after {
  border-color: #f4f4f4;
}

.theme.border-before-pale-white:before {
  border-color: #f4f4f4;
}

.theme.input-focus-label-pale-white:focus + label {
  color: #f4f4f4;
}

.theme.place-holder-pale-white ::-webkit-input-placeholder {
  color: #f4f4f4;
}

.theme.place-holder-pale-white ::-moz-placeholder {
  color: #f4f4f4;
}

.theme.place-holder-pale-white :-ms-input-placeholder {
  color: #f4f4f4;
}

.theme.place-holder-pale-white :-moz-placeholder {
  color: #f4f4f4;
}

.theme.bg-ocean-blue {
  background-color: #0077c9;
}

.theme.black-faded {
  background-color: #211e2a;
}
.theme.bg-light-blue {
  background-color: #daf0ff;
}

@media (min-width: 991px) {
  .theme.bg-lg-ocean-blue {
    background-color: #0077c9 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-ocean-blue {
    background-color: #0077c9 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-ocean-blue {
    background-color: #0077c9 !important;
  }
}

.theme.bg-active-ocean-blue:active {
  background-color: #0077c9;
}

.theme.bg-before-ocean-blue:before {
  background-color: #0077c9;
}

.theme.bg-after-ocean-blue:after {
  background-color: #0077c9;
}

.theme.bg-hover-ocean-blue:hover {
  background-color: #0077c9;
}

.theme.bg-label-checked-ocean-blue:checked + label {
  background-color: #0077c9;
}

.theme.color-ocean-blue {
  color: #0077c9;
}

@media (min-width: 991px) {
  .theme.color-lg-ocean-blue {
    color: #0077c9 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-ocean-blue {
    color: #0077c9 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-ocean-blue {
    color: #0077c9 !important;
  }
}

.theme.color-active-ocean-blue:active {
  color: #0077c9;
}

.theme.color-before-ocean-blue:before {
  color: #0077c9;
}

.theme.color-after-ocean-blue:after {
  color: #0077c9;
}

.theme.color-hover-ocean-blue:hover {
  color: #0077c9;
}

.theme.color-label-checked-ocean-blue:checked + label {
  color: #0077c9;
}

.theme.box-shadow-ocean-blue {
  box-shadow: 0 3px 10px #0077c9;
}

.theme.fill-ocean-blue {
  fill: #0077c9;
}

.theme.border-ocean-blue {
  border-color: #0077c9;
}

.theme.border-after-ocean-blue:after {
  border-color: #0077c9;
}

.theme.border-before-ocean-blue:before {
  border-color: #0077c9;
}

.theme.input-focus-label-ocean-blue:focus + label {
  color: #0077c9;
}

.theme.place-holder-ocean-blue ::-webkit-input-placeholder {
  color: #0077c9;
}

.theme.place-holder-ocean-blue ::-moz-placeholder {
  color: #0077c9;
}

.theme.place-holder-ocean-blue :-ms-input-placeholder {
  color: #0077c9;
}

.theme.place-holder-ocean-blue :-moz-placeholder {
  color: #0077c9;
}

.theme.bg-navy-blue-opa-8 {
  background-color: rgba(0, 94, 155, 0.8);
}

@media (min-width: 991px) {
  .theme.bg-lg-navy-blue-opa-8 {
    background-color: rgba(0, 94, 155, 0.8) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-navy-blue-opa-8 {
    background-color: rgba(0, 94, 155, 0.8) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-navy-blue-opa-8 {
    background-color: rgba(0, 94, 155, 0.8) !important;
  }
}

.theme.bg-active-navy-blue-opa-8:active {
  background-color: rgba(0, 94, 155, 0.8);
}

.theme.bg-before-navy-blue-opa-8:before {
  background-color: rgba(0, 94, 155, 0.8);
}

.theme.bg-after-navy-blue-opa-8:after {
  background-color: rgba(0, 94, 155, 0.8);
}

.theme.bg-hover-navy-blue-opa-8:hover {
  background-color: rgba(0, 94, 155, 0.8);
}

.theme.bg-label-checked-navy-blue-opa-8:checked + label {
  background-color: rgba(0, 94, 155, 0.8);
}

.theme.color-navy-blue-opa-8 {
  color: rgba(0, 94, 155, 0.8);
}

@media (min-width: 991px) {
  .theme.color-lg-navy-blue-opa-8 {
    color: rgba(0, 94, 155, 0.8) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-navy-blue-opa-8 {
    color: rgba(0, 94, 155, 0.8) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-navy-blue-opa-8 {
    color: rgba(0, 94, 155, 0.8) !important;
  }
}

.theme.color-active-navy-blue-opa-8:active {
  color: rgba(0, 94, 155, 0.8);
}

.theme.color-before-navy-blue-opa-8:before {
  color: rgba(0, 94, 155, 0.8);
}

.theme.color-after-navy-blue-opa-8:after {
  color: rgba(0, 94, 155, 0.8);
}

.theme.color-hover-navy-blue-opa-8:hover {
  color: rgba(0, 94, 155, 0.8);
}

.theme.color-label-checked-navy-blue-opa-8:checked + label {
  color: rgba(0, 94, 155, 0.8);
}

.theme.box-shadow-navy-blue-opa-8 {
  box-shadow: 0 3px 10px rgba(0, 94, 155, 0.8);
}

.theme.fill-navy-blue-opa-8 {
  fill: rgba(0, 94, 155, 0.8);
}

.theme.border-navy-blue-opa-8 {
  border-color: rgba(0, 94, 155, 0.8);
}

.theme.border-after-navy-blue-opa-8:after {
  border-color: rgba(0, 94, 155, 0.8);
}

.theme.border-before-navy-blue-opa-8:before {
  border-color: rgba(0, 94, 155, 0.8);
}

.theme.input-focus-label-navy-blue-opa-8:focus + label {
  color: rgba(0, 94, 155, 0.8);
}

.theme.place-holder-navy-blue-opa-8 ::-webkit-input-placeholder {
  color: rgba(0, 94, 155, 0.8);
}

.theme.place-holder-navy-blue-opa-8 ::-moz-placeholder {
  color: rgba(0, 94, 155, 0.8);
}

.theme.place-holder-navy-blue-opa-8 :-ms-input-placeholder {
  color: rgba(0, 94, 155, 0.8);
}

.theme.place-holder-navy-blue-opa-8 :-moz-placeholder {
  color: rgba(0, 94, 155, 0.8);
}

.theme.bg-red {
  background-color: #e00e0e;
}

@media (min-width: 991px) {
  .theme.bg-lg-red {
    background-color: #e00e0e !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-red {
    background-color: #e00e0e !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-red {
    background-color: #e00e0e !important;
  }
}

.theme.bg-active-red:active {
  background-color: #e00e0e;
}

.theme.bg-before-red:before {
  background-color: #e00e0e;
}

.theme.bg-after-red:after {
  background-color: #e00e0e;
}

.theme.bg-hover-red:hover {
  background-color: #e00e0e;
}

.theme.bg-label-checked-red:checked + label {
  background-color: #e00e0e;
}

.theme.color-red {
  color: #e00e0e;
}

@media (min-width: 991px) {
  .theme.color-lg-red {
    color: #e00e0e !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-red {
    color: #e00e0e !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-red {
    color: #e00e0e !important;
  }
}

.theme.color-active-red:active {
  color: #e00e0e;
}

.theme.color-before-red:before {
  color: #e00e0e;
}

.theme.color-after-red:after {
  color: #e00e0e;
}

.theme.color-hover-red:hover {
  color: #e00e0e;
}

.theme.color-label-checked-red:checked + label {
  color: #e00e0e;
}

.theme.box-shadow-red {
  box-shadow: 0 3px 10px #e00e0e;
}

.theme.fill-red {
  fill: #e00e0e;
}

.theme.border-red {
  border-color: #e00e0e;
}

.theme.border-after-red:after {
  border-color: #e00e0e;
}

.theme.border-before-red:before {
  border-color: #e00e0e;
}

.theme.input-focus-label-red:focus + label {
  color: #e00e0e;
}

.theme.place-holder-red ::-webkit-input-placeholder {
  color: #e00e0e;
}

.theme.place-holder-red ::-moz-placeholder {
  color: #e00e0e;
}

.theme.place-holder-red :-ms-input-placeholder {
  color: #e00e0e;
}

.theme.place-holder-red :-moz-placeholder {
  color: #e00e0e;
}

.theme.bg-blue-linear-gradient {
  background-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

@media (min-width: 991px) {
  .theme.bg-lg-blue-linear-gradient {
    background-color: linear-gradient(
      180deg,
      #0077c9 0,
      #2a3950 67.64%
    ) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-blue-linear-gradient {
    background-color: linear-gradient(
      180deg,
      #0077c9 0,
      #2a3950 67.64%
    ) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-blue-linear-gradient {
    background-color: linear-gradient(
      180deg,
      #0077c9 0,
      #2a3950 67.64%
    ) !important;
  }
}

.theme.bg-active-blue-linear-gradient:active {
  background-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.bg-before-blue-linear-gradient:before {
  background-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.bg-after-blue-linear-gradient:after {
  background-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.bg-hover-blue-linear-gradient:hover {
  background-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.bg-label-checked-blue-linear-gradient:checked + label {
  background-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.color-blue-linear-gradient {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

@media (min-width: 991px) {
  .theme.color-lg-blue-linear-gradient {
    color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-blue-linear-gradient {
    color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-blue-linear-gradient {
    color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%) !important;
  }
}

.theme.color-active-blue-linear-gradient:active {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.color-before-blue-linear-gradient:before {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.color-after-blue-linear-gradient:after {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.color-hover-blue-linear-gradient:hover {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.color-label-checked-blue-linear-gradient:checked + label {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.box-shadow-blue-linear-gradient {
  box-shadow: 0 3px 10px linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.fill-blue-linear-gradient {
  fill: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.border-blue-linear-gradient {
  border-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.border-after-blue-linear-gradient:after {
  border-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.border-before-blue-linear-gradient:before {
  border-color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.input-focus-label-blue-linear-gradient:focus + label {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.place-holder-blue-linear-gradient ::-webkit-input-placeholder {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.place-holder-blue-linear-gradient ::-moz-placeholder {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.place-holder-blue-linear-gradient :-ms-input-placeholder {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.place-holder-blue-linear-gradient :-moz-placeholder {
  color: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

.theme.bg-light-black {
  background-color: #444;
}

@media (min-width: 991px) {
  .theme.bg-lg-light-black {
    background-color: #444 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-light-black {
    background-color: #444 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-light-black {
    background-color: #444 !important;
  }
}

.theme.bg-active-light-black:active {
  background-color: #444;
}

.theme.bg-before-light-black:before {
  background-color: #444;
}

.theme.bg-after-light-black:after {
  background-color: #444;
}

.theme.bg-hover-light-black:hover {
  background-color: #444;
}

.theme.bg-label-checked-light-black:checked + label {
  background-color: #444;
}

.theme.color-light-black {
  color: #444;
}

@media (min-width: 991px) {
  .theme.color-lg-light-black {
    color: #444 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-light-black {
    color: #444 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-light-black {
    color: #444 !important;
  }
}

.theme.color-active-light-black:active {
  color: #444;
}

.theme.color-before-light-black:before {
  color: #444;
}

.theme.color-after-light-black:after {
  color: #444;
}

.theme.color-hover-light-black:hover {
  color: #444;
}

.theme.color-label-checked-light-black:checked + label {
  color: #444;
}

.theme.box-shadow-light-black {
  box-shadow: 0 3px 10px #444;
}

.theme.fill-light-black {
  fill: #444;
}

.theme.border-light-black {
  border-color: #444;
}

.theme.border-after-light-black:after {
  border-color: #444;
}

.theme.border-before-light-black:before {
  border-color: #444;
}

.theme.input-focus-label-light-black:focus + label {
  color: #444;
}

.theme.place-holder-light-black ::-webkit-input-placeholder {
  color: #444;
}

.theme.place-holder-light-black ::-moz-placeholder {
  color: #444;
}

.theme.place-holder-light-black :-ms-input-placeholder {
  color: #444;
}

.theme.place-holder-light-black :-moz-placeholder {
  color: #444;
}

.theme.bg-semi-black {
  background-color: #1a1818;
}

@media (min-width: 991px) {
  .theme.bg-lg-semi-black {
    background-color: #1a1818 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-semi-black {
    background-color: #1a1818 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-semi-black {
    background-color: #1a1818 !important;
  }
}

.theme.bg-active-semi-black:active {
  background-color: #1a1818;
}

.theme.bg-before-semi-black:before {
  background-color: #1a1818;
}

.theme.bg-after-semi-black:after {
  background-color: #1a1818;
}

.theme.bg-hover-semi-black:hover {
  background-color: #1a1818;
}

.theme.bg-label-checked-semi-black:checked + label {
  background-color: #1a1818;
}

.theme.color-semi-black {
  color: #1a1818;
}

/* --- principle-animation --- */
.principle-animation {
  position: relative;
  width: 350px;
  height: 350px;
  background-color: #dcecff;
  transform-origin: center center;
  margin: auto;
  border-radius: 50%;
}

.principle-animation .customer {
  position: absolute;
  width: 115px;
  height: 115px;
  top: 120px;
  left: 120px;
}

.ring {
  position: absolute;
  transform: translate(-50%, -50%);
  transform-origin: center;
}

.ring1 {
  width: 300px;
  height: 300px;
  top: 25px;
  left: 25px;
}

.ring2 {
  width: 220px;
  height: 220px;
  top: 65px;
  left: 65px;
}

@keyframes rotate1 {
  from {
    transform: rotate(0deg);
  }

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

@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }

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

.ring1 {
  animation: rotate1 10s linear infinite;
}

.ring2 {
  animation: rotate2 10s linear infinite;
}

/* --- principle-animation --- */
.custom-clutch-widget {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  max-width: 230px;
}
@media (min-width: 991px) {
  .theme.color-lg-semi-black {
    color: #1a1818 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-semi-black {
    color: #1a1818 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-semi-black {
    color: #1a1818 !important;
  }
}

.theme.color-active-semi-black:active {
  color: #1a1818;
}

.theme.color-before-semi-black:before {
  color: #1a1818;
}

.theme.color-after-semi-black:after {
  color: #1a1818;
}

.theme.color-hover-semi-black:hover {
  color: #1a1818;
}

.theme.color-label-checked-semi-black:checked + label {
  color: #1a1818;
}

.theme.box-shadow-semi-black {
  box-shadow: 0 3px 10px #1a1818;
}

.theme.fill-semi-black {
  fill: #1a1818;
}

.theme.border-semi-black {
  border-color: #1a1818;
}

.theme.border-after-semi-black:after {
  border-color: #1a1818;
}

.theme.border-before-semi-black:before {
  border-color: #1a1818;
}

.theme.input-focus-label-semi-black:focus + label {
  color: #1a1818;
}

.theme.place-holder-semi-black ::-webkit-input-placeholder {
  color: #1a1818;
}

.theme.place-holder-semi-black ::-moz-placeholder {
  color: #1a1818;
}

.theme.place-holder-semi-black :-ms-input-placeholder {
  color: #1a1818;
}

.theme.place-holder-semi-black :-moz-placeholder {
  color: #1a1818;
}

.theme.bg-dark {
  background-color: #1c1919;
}

@media (min-width: 991px) {
  .theme.bg-lg-dark {
    background-color: #1c1919 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-dark {
    background-color: #1c1919 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-dark {
    background-color: #1c1919 !important;
  }
}

.theme.bg-active-dark:active {
  background-color: #1c1919;
}

.theme.bg-before-dark:before {
  background-color: #1c1919;
}

.theme.bg-after-dark:after {
  background-color: #1c1919;
}

.theme.bg-hover-dark:hover {
  background-color: #1c1919;
}

.theme.bg-label-checked-dark:checked + label {
  background-color: #1c1919;
}

.theme.color-dark {
  color: #1c1919;
}

@media (min-width: 991px) {
  .theme.color-lg-dark {
    color: #1c1919 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-dark {
    color: #1c1919 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-dark {
    color: #1c1919 !important;
  }
}

.theme.color-active-dark:active {
  color: #1c1919;
}

.theme.color-before-dark:before {
  color: #1c1919;
}

.theme.color-after-dark:after {
  color: #1c1919;
}

.theme.color-hover-dark:hover {
  color: #1c1919;
}

.theme.color-label-checked-dark:checked + label {
  color: #1c1919;
}

.theme.box-shadow-dark {
  box-shadow: 0 3px 10px #1c1919;
}

.theme.fill-dark {
  fill: #1c1919;
}

.theme.border-dark {
  border-color: #1c1919;
}

.theme.border-after-dark:after {
  border-color: #1c1919;
}

.theme.border-before-dark:before {
  border-color: #1c1919;
}

.theme.input-focus-label-dark:focus + label {
  color: #1c1919;
}

.theme.place-holder-dark ::-webkit-input-placeholder {
  color: #1c1919;
}

.theme.place-holder-dark ::-moz-placeholder {
  color: #1c1919;
}

.theme.place-holder-dark :-ms-input-placeholder {
  color: #1c1919;
}

.theme.place-holder-dark :-moz-placeholder {
  color: #1c1919;
}

.theme.bg-transparent {
  background-color: transparent;
}

@media (min-width: 991px) {
  .theme.bg-lg-transparent {
    background-color: transparent !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-transparent {
    background-color: transparent !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-transparent {
    background-color: transparent !important;
  }
}

.theme.bg-active-transparent:active {
  background-color: transparent;
}

.theme.bg-before-transparent:before {
  background-color: transparent;
}

.theme.bg-after-transparent:after {
  background-color: transparent;
}

.theme.bg-hover-transparent:hover {
  background-color: transparent;
}

.theme.bg-label-checked-transparent:checked + label {
  background-color: transparent;
}

.theme.color-transparent {
  color: transparent;
}

@media (min-width: 991px) {
  .theme.color-lg-transparent {
    color: transparent !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-transparent {
    color: transparent !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-transparent {
    color: transparent !important;
  }
}

.theme.color-active-transparent:active {
  color: transparent;
}

.theme.color-before-transparent:before {
  color: transparent;
}

.theme.color-after-transparent:after {
  color: transparent;
}

.theme.color-hover-transparent:hover {
  color: transparent;
}

.theme.color-label-checked-transparent:checked + label {
  color: transparent;
}

.theme.box-shadow-transparent {
  box-shadow: 0 3px 10px transparent;
}

.theme.fill-transparent {
  fill: transparent;
}

.theme.border-transparent {
  border-color: transparent;
}

.theme.border-after-transparent:after {
  border-color: transparent;
}

.theme.border-before-transparent:before {
  border-color: transparent;
}

.theme.input-focus-label-transparent:focus + label {
  color: transparent;
}

.theme.place-holder-transparent ::-webkit-input-placeholder {
  color: transparent;
}

.theme.place-holder-transparent ::-moz-placeholder {
  color: transparent;
}

.theme.place-holder-transparent :-ms-input-placeholder {
  color: transparent;
}

.theme.place-holder-transparent :-moz-placeholder {
  color: transparent;
}

.theme.bg-light-brown {
  background-color: #cbc0ad;
}

@media (min-width: 991px) {
  .theme.bg-lg-light-brown {
    background-color: #cbc0ad !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-light-brown {
    background-color: #cbc0ad !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-light-brown {
    background-color: #cbc0ad !important;
  }
}

.theme.bg-active-light-brown:active {
  background-color: #cbc0ad;
}

.theme.bg-before-light-brown:before {
  background-color: #cbc0ad;
}

.theme.bg-after-light-brown:after {
  background-color: #cbc0ad;
}

.theme.bg-hover-light-brown:hover {
  background-color: #cbc0ad;
}

.theme.bg-label-checked-light-brown:checked + label {
  background-color: #cbc0ad;
}

.theme.color-light-brown {
  color: #cbc0ad;
}

@media (min-width: 991px) {
  .theme.color-lg-light-brown {
    color: #cbc0ad !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-light-brown {
    color: #cbc0ad !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-light-brown {
    color: #cbc0ad !important;
  }
}

.theme.color-active-light-brown:active {
  color: #cbc0ad;
}

.theme.color-before-light-brown:before {
  color: #cbc0ad;
}

.theme.color-after-light-brown:after {
  color: #cbc0ad;
}

.theme.color-hover-light-brown:hover {
  color: #cbc0ad;
}

.theme.color-label-checked-light-brown:checked + label {
  color: #cbc0ad;
}

.theme.box-shadow-light-brown {
  box-shadow: 0 3px 10px #cbc0ad;
}

.theme.fill-light-brown {
  fill: #cbc0ad;
}

.theme.border-light-brown {
  border-color: #cbc0ad;
}

.theme.border-after-light-brown:after {
  border-color: #cbc0ad;
}

.theme.border-before-light-brown:before {
  border-color: #cbc0ad;
}

.theme.input-focus-label-light-brown:focus + label {
  color: #cbc0ad;
}

.theme.place-holder-light-brown ::-webkit-input-placeholder {
  color: #cbc0ad;
}

.theme.place-holder-light-brown ::-moz-placeholder {
  color: #cbc0ad;
}

.theme.place-holder-light-brown :-ms-input-placeholder {
  color: #cbc0ad;
}

.theme.place-holder-light-brown :-moz-placeholder {
  color: #cbc0ad;
}

.theme.bg-droplet-blue {
  background-color: #17d4e2;
}

@media (min-width: 991px) {
  .theme.bg-lg-droplet-blue {
    background-color: #17d4e2 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-droplet-blue {
    background-color: #17d4e2 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-droplet-blue {
    background-color: #17d4e2 !important;
  }
}

.theme.bg-active-droplet-blue:active {
  background-color: #17d4e2;
}

.theme.bg-before-droplet-blue:before {
  background-color: #17d4e2;
}

.theme.bg-after-droplet-blue:after {
  background-color: #17d4e2;
}

.theme.bg-hover-droplet-blue:hover {
  background-color: #17d4e2;
}

.theme.bg-label-checked-droplet-blue:checked + label {
  background-color: #17d4e2;
}

.theme.color-droplet-blue {
  color: #17d4e2;
}

@media (min-width: 991px) {
  .theme.color-lg-droplet-blue {
    color: #17d4e2 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-droplet-blue {
    color: #17d4e2 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-droplet-blue {
    color: #17d4e2 !important;
  }
}

.theme.color-active-droplet-blue:active {
  color: #17d4e2;
}

.theme.color-before-droplet-blue:before {
  color: #17d4e2;
}

.theme.color-after-droplet-blue:after {
  color: #17d4e2;
}

.theme.color-hover-droplet-blue:hover {
  color: #17d4e2;
}

.theme.color-label-checked-droplet-blue:checked + label {
  color: #17d4e2;
}

.theme.box-shadow-droplet-blue {
  box-shadow: 0 3px 10px #17d4e2;
}

.theme.fill-droplet-blue {
  fill: #17d4e2;
}

.theme.border-droplet-blue {
  border-color: #17d4e2;
}

.theme.border-after-droplet-blue:after {
  border-color: #17d4e2;
}

.theme.border-before-droplet-blue:before {
  border-color: #17d4e2;
}

.theme.input-focus-label-droplet-blue:focus + label {
  color: #17d4e2;
}

.theme.place-holder-droplet-blue ::-webkit-input-placeholder {
  color: #17d4e2;
}

.theme.place-holder-droplet-blue ::-moz-placeholder {
  color: #17d4e2;
}

.theme.place-holder-droplet-blue :-ms-input-placeholder {
  color: #17d4e2;
}

.theme.place-holder-droplet-blue :-moz-placeholder {
  color: #17d4e2;
}

.theme.bg-card-bottom {
  background-color: #f8f8f9;
}

@media (min-width: 991px) {
  .theme.bg-lg-card-bottom {
    background-color: #f8f8f9 !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-card-bottom {
    background-color: #f8f8f9 !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-card-bottom {
    background-color: #f8f8f9 !important;
  }
}

.theme.bg-active-card-bottom:active {
  background-color: #f8f8f9;
}

.theme.bg-before-card-bottom:before {
  background-color: #f8f8f9;
}

.theme.bg-after-card-bottom:after {
  background-color: #f8f8f9;
}

.theme.bg-hover-card-bottom:hover {
  background-color: #f8f8f9;
}

.theme.bg-label-checked-card-bottom:checked + label {
  background-color: #f8f8f9;
}

.theme.color-card-bottom {
  color: #f8f8f9;
}

@media (min-width: 991px) {
  .theme.color-lg-card-bottom {
    color: #f8f8f9 !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-card-bottom {
    color: #f8f8f9 !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-card-bottom {
    color: #f8f8f9 !important;
  }
}

.theme.color-active-card-bottom:active {
  color: #f8f8f9;
}

.theme.color-before-card-bottom:before {
  color: #f8f8f9;
}

.theme.color-after-card-bottom:after {
  color: #f8f8f9;
}

.theme.color-hover-card-bottom:hover {
  color: #f8f8f9;
}

.theme.color-label-checked-card-bottom:checked + label {
  color: #f8f8f9;
}

.theme.box-shadow-card-bottom {
  box-shadow: 0 3px 10px #f8f8f9;
}

.theme.fill-card-bottom {
  fill: #f8f8f9;
}

.theme.border-card-bottom {
  border-color: #f8f8f9;
}

.theme.border-after-card-bottom:after {
  border-color: #f8f8f9;
}

.theme.border-before-card-bottom:before {
  border-color: #f8f8f9;
}

.theme.input-focus-label-card-bottom:focus + label {
  color: #f8f8f9;
}

.theme.place-holder-card-bottom ::-webkit-input-placeholder {
  color: #f8f8f9;
}

.theme.place-holder-card-bottom ::-moz-placeholder {
  color: #f8f8f9;
}

.theme.place-holder-card-bottom :-ms-input-placeholder {
  color: #f8f8f9;
}

.theme.place-holder-card-bottom :-moz-placeholder {
  color: #f8f8f9;
}

.theme.bg-low-black-opa {
  background-color: rgba(0, 0, 0, 0.25);
}

@media (min-width: 991px) {
  .theme.bg-lg-low-black-opa {
    background-color: rgba(0, 0, 0, 0.25) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-low-black-opa {
    background-color: rgba(0, 0, 0, 0.25) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-low-black-opa {
    background-color: rgba(0, 0, 0, 0.25) !important;
  }
}

.theme.bg-active-low-black-opa:active {
  background-color: rgba(0, 0, 0, 0.25);
}

.theme.bg-before-low-black-opa:before {
  background-color: rgba(0, 0, 0, 0.25);
}

.theme.bg-after-low-black-opa:after {
  background-color: rgba(0, 0, 0, 0.25);
}

.theme.bg-hover-low-black-opa:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

.theme.bg-label-checked-low-black-opa:checked + label {
  background-color: rgba(0, 0, 0, 0.25);
}

.theme.color-low-black-opa {
  color: rgba(0, 0, 0, 0.25);
}

@media (min-width: 991px) {
  .theme.color-lg-low-black-opa {
    color: rgba(0, 0, 0, 0.25) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-low-black-opa {
    color: rgba(0, 0, 0, 0.25) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-low-black-opa {
    color: rgba(0, 0, 0, 0.25) !important;
  }
}

.theme.color-active-low-black-opa:active {
  color: rgba(0, 0, 0, 0.25);
}

.theme.color-before-low-black-opa:before {
  color: rgba(0, 0, 0, 0.25);
}

.theme.color-after-low-black-opa:after {
  color: rgba(0, 0, 0, 0.25);
}

.theme.color-hover-low-black-opa:hover {
  color: rgba(0, 0, 0, 0.25);
}

.theme.color-label-checked-low-black-opa:checked + label {
  color: rgba(0, 0, 0, 0.25);
}

.theme.box-shadow-low-black-opa {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}

.theme.fill-low-black-opa {
  fill: rgba(0, 0, 0, 0.25);
}

.theme.border-low-black-opa {
  border-color: rgba(0, 0, 0, 0.25);
}

.theme.border-after-low-black-opa:after {
  border-color: rgba(0, 0, 0, 0.25);
}

.theme.border-before-low-black-opa:before {
  border-color: rgba(0, 0, 0, 0.25);
}

.theme.input-focus-label-low-black-opa:focus + label {
  color: rgba(0, 0, 0, 0.25);
}

.theme.place-holder-low-black-opa ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.theme.place-holder-low-black-opa ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.theme.place-holder-low-black-opa :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.theme.place-holder-low-black-opa :-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.theme.bg-mid-black-opa {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 991px) {
  .theme.bg-lg-mid-black-opa {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-mid-black-opa {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-mid-black-opa {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
}

.theme.bg-active-mid-black-opa:active {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme.bg-before-mid-black-opa:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme.bg-after-mid-black-opa:after {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme.bg-hover-mid-black-opa:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme.bg-label-checked-mid-black-opa:checked + label {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme.color-mid-black-opa {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 991px) {
  .theme.color-lg-mid-black-opa {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-mid-black-opa {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-mid-black-opa {
    color: rgba(0, 0, 0, 0.5) !important;
  }
}

.theme.color-active-mid-black-opa:active {
  color: rgba(0, 0, 0, 0.5);
}

.theme.color-before-mid-black-opa:before {
  color: rgba(0, 0, 0, 0.5);
}

.theme.color-after-mid-black-opa:after {
  color: rgba(0, 0, 0, 0.5);
}

.theme.color-hover-mid-black-opa:hover {
  color: rgba(0, 0, 0, 0.5);
}

.theme.color-label-checked-mid-black-opa:checked + label {
  color: rgba(0, 0, 0, 0.5);
}

.theme.box-shadow-mid-black-opa {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.theme.fill-mid-black-opa {
  fill: rgba(0, 0, 0, 0.5);
}

.theme.border-mid-black-opa {
  border-color: rgba(0, 0, 0, 0.5);
}

.theme.border-after-mid-black-opa:after {
  border-color: rgba(0, 0, 0, 0.5);
}

.theme.border-before-mid-black-opa:before {
  border-color: rgba(0, 0, 0, 0.5);
}

.theme.input-focus-label-mid-black-opa:focus + label {
  color: rgba(0, 0, 0, 0.5);
}

.theme.place-holder-mid-black-opa ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.theme.place-holder-mid-black-opa ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.theme.place-holder-mid-black-opa :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.theme.place-holder-mid-black-opa :-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.theme.bg-high-black-opa {
  background-color: rgba(0, 0, 0, 0.75);
}

@media (min-width: 991px) {
  .theme.bg-lg-high-black-opa {
    background-color: rgba(0, 0, 0, 0.75) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-high-black-opa {
    background-color: rgba(0, 0, 0, 0.75) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-high-black-opa {
    background-color: rgba(0, 0, 0, 0.75) !important;
  }
}

.theme.bg-active-high-black-opa:active {
  background-color: rgba(0, 0, 0, 0.75);
}

.theme.bg-before-high-black-opa:before {
  background-color: rgba(0, 0, 0, 0.75);
}

.theme.bg-after-high-black-opa:after {
  background-color: rgba(0, 0, 0, 0.75);
}

.theme.bg-hover-high-black-opa:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

.theme.bg-label-checked-high-black-opa:checked + label {
  background-color: rgba(0, 0, 0, 0.75);
}

.theme.color-high-black-opa {
  color: rgba(0, 0, 0, 0.75);
}

@media (min-width: 991px) {
  .theme.color-lg-high-black-opa {
    color: rgba(0, 0, 0, 0.75) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-high-black-opa {
    color: rgba(0, 0, 0, 0.75) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-high-black-opa {
    color: rgba(0, 0, 0, 0.75) !important;
  }
}

.theme.color-active-high-black-opa:active {
  color: rgba(0, 0, 0, 0.75);
}

.theme.color-before-high-black-opa:before {
  color: rgba(0, 0, 0, 0.75);
}

.theme.color-after-high-black-opa:after {
  color: rgba(0, 0, 0, 0.75);
}

.theme.color-hover-high-black-opa:hover {
  color: rgba(0, 0, 0, 0.75);
}

.theme.color-label-checked-high-black-opa:checked + label {
  color: rgba(0, 0, 0, 0.75);
}

.theme.box-shadow-high-black-opa {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.75);
}

.theme.fill-high-black-opa {
  fill: rgba(0, 0, 0, 0.75);
}

.theme.border-high-black-opa {
  border-color: rgba(0, 0, 0, 0.75);
}

.theme.border-after-high-black-opa:after {
  border-color: rgba(0, 0, 0, 0.75);
}

.theme.border-before-high-black-opa:before {
  border-color: rgba(0, 0, 0, 0.75);
}

.theme.input-focus-label-high-black-opa:focus + label {
  color: rgba(0, 0, 0, 0.75);
}

.theme.place-holder-high-black-opa ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}

.theme.place-holder-high-black-opa ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}

.theme.place-holder-high-black-opa :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.75);
}

.theme.place-holder-high-black-opa :-moz-placeholder {
  color: rgba(0, 0, 0, 0.75);
}

.theme.bg-low-white-opa {
  background-color: rgba(255, 255, 255, 0.25);
}

@media (min-width: 991px) {
  .theme.bg-lg-low-white-opa {
    background-color: rgba(255, 255, 255, 0.25) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-low-white-opa {
    background-color: rgba(255, 255, 255, 0.25) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-low-white-opa {
    background-color: rgba(255, 255, 255, 0.25) !important;
  }
}

.theme.bg-active-low-white-opa:active {
  background-color: rgba(255, 255, 255, 0.25);
}

.theme.bg-before-low-white-opa:before {
  background-color: rgba(255, 255, 255, 0.25);
}

.theme.bg-after-low-white-opa:after {
  background-color: rgba(255, 255, 255, 0.25);
}

.theme.bg-hover-low-white-opa:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.theme.bg-label-checked-low-white-opa:checked + label {
  background-color: rgba(255, 255, 255, 0.25);
}

.theme.color-low-white-opa {
  color: rgba(255, 255, 255, 0.25);
}

@media (min-width: 991px) {
  .theme.color-lg-low-white-opa {
    color: rgba(255, 255, 255, 0.25) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-low-white-opa {
    color: rgba(255, 255, 255, 0.25) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-low-white-opa {
    color: rgba(255, 255, 255, 0.25) !important;
  }
}

.theme.color-active-low-white-opa:active {
  color: rgba(255, 255, 255, 0.25);
}

.theme.color-before-low-white-opa:before {
  color: rgba(255, 255, 255, 0.25);
}

.theme.color-after-low-white-opa:after {
  color: rgba(255, 255, 255, 0.25);
}

.theme.color-hover-low-white-opa:hover {
  color: rgba(255, 255, 255, 0.25);
}

.theme.color-label-checked-low-white-opa:checked + label {
  color: rgba(255, 255, 255, 0.25);
}

.theme.box-shadow-low-white-opa {
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.25);
}

.theme.fill-low-white-opa {
  fill: rgba(255, 255, 255, 0.25);
}

.theme.border-low-white-opa {
  border-color: rgba(255, 255, 255, 0.25);
}

.theme.border-after-low-white-opa:after {
  border-color: rgba(255, 255, 255, 0.25);
}

.theme.border-before-low-white-opa:before {
  border-color: rgba(255, 255, 255, 0.25);
}

.theme.input-focus-label-low-white-opa:focus + label {
  color: rgba(255, 255, 255, 0.25);
}

.theme.place-holder-low-white-opa ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.theme.place-holder-low-white-opa ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.theme.place-holder-low-white-opa :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.theme.place-holder-low-white-opa :-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.theme.bg-mid-white-opa {
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 991px) {
  .theme.bg-lg-mid-white-opa {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-mid-white-opa {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-mid-white-opa {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
}

.theme.bg-active-mid-white-opa:active {
  background-color: rgba(255, 255, 255, 0.5);
}

.theme.bg-before-mid-white-opa:before {
  background-color: rgba(255, 255, 255, 0.5);
}

.theme.bg-after-mid-white-opa:after {
  background-color: rgba(255, 255, 255, 0.5);
}

.theme.bg-hover-mid-white-opa:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.theme.bg-label-checked-mid-white-opa:checked + label {
  background-color: rgba(255, 255, 255, 0.5);
}

.theme.color-mid-white-opa {
  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 991px) {
  .theme.color-lg-mid-white-opa {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-mid-white-opa {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-mid-white-opa {
    color: rgba(255, 255, 255, 0.5) !important;
  }
}

.theme.color-active-mid-white-opa:active {
  color: rgba(255, 255, 255, 0.5);
}

.theme.color-before-mid-white-opa:before {
  color: rgba(255, 255, 255, 0.5);
}

.theme.color-after-mid-white-opa:after {
  color: rgba(255, 255, 255, 0.5);
}

.theme.color-hover-mid-white-opa:hover {
  color: rgba(255, 255, 255, 0.5);
}

.theme.color-label-checked-mid-white-opa:checked + label {
  color: rgba(255, 255, 255, 0.5);
}

.theme.box-shadow-mid-white-opa {
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.5);
}

.theme.fill-mid-white-opa {
  fill: rgba(255, 255, 255, 0.5);
}

.theme.border-mid-white-opa {
  border-color: rgba(255, 255, 255, 0.5);
}

.theme.border-after-mid-white-opa:after {
  border-color: rgba(255, 255, 255, 0.5);
}

.theme.border-before-mid-white-opa:before {
  border-color: rgba(255, 255, 255, 0.5);
}

.theme.input-focus-label-mid-white-opa:focus + label {
  color: rgba(255, 255, 255, 0.5);
}

.theme.place-holder-mid-white-opa ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.theme.place-holder-mid-white-opa ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.theme.place-holder-mid-white-opa :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.theme.place-holder-mid-white-opa :-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.theme.bg-high-white-opa {
  background-color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 991px) {
  .theme.bg-lg-high-white-opa {
    background-color: rgba(255, 255, 255, 0.75) !important;
  }
}

@media (min-width: 767px) {
  .theme.bg-md-high-white-opa {
    background-color: rgba(255, 255, 255, 0.75) !important;
  }
}

@media (min-width: 575px) {
  .theme.bg-sm-high-white-opa {
    background-color: rgba(255, 255, 255, 0.75) !important;
  }
}

.theme.bg-active-high-white-opa:active {
  background-color: rgba(255, 255, 255, 0.75);
}

.theme.bg-before-high-white-opa:before {
  background-color: rgba(255, 255, 255, 0.75);
}

.theme.bg-after-high-white-opa:after {
  background-color: rgba(255, 255, 255, 0.75);
}

.theme.bg-hover-high-white-opa:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

.theme.bg-label-checked-high-white-opa:checked + label {
  background-color: rgba(255, 255, 255, 0.75);
}

.theme.color-high-white-opa {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 991px) {
  .theme.color-lg-high-white-opa {
    color: rgba(255, 255, 255, 0.75) !important;
  }
}

@media (min-width: 767px) {
  .theme.color-md-high-white-opa {
    color: rgba(255, 255, 255, 0.75) !important;
  }
}

@media (min-width: 575px) {
  .theme.color-sm-high-white-opa {
    color: rgba(255, 255, 255, 0.75) !important;
  }
}

.theme.color-active-high-white-opa:active {
  color: rgba(255, 255, 255, 0.75);
}

.theme.color-before-high-white-opa:before {
  color: rgba(255, 255, 255, 0.75);
}

.theme.color-after-high-white-opa:after {
  color: rgba(255, 255, 255, 0.75);
}

.theme.color-hover-high-white-opa:hover {
  color: rgba(255, 255, 255, 0.75);
}

.theme.color-label-checked-high-white-opa:checked + label {
  color: rgba(255, 255, 255, 0.75);
}

.theme.box-shadow-high-white-opa {
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.75);
}

.theme.fill-high-white-opa {
  fill: rgba(255, 255, 255, 0.75);
}

.theme.border-high-white-opa {
  border-color: rgba(255, 255, 255, 0.75);
}

.theme.border-after-high-white-opa:after {
  border-color: rgba(255, 255, 255, 0.75);
}

.theme.border-before-high-white-opa:before {
  border-color: rgba(255, 255, 255, 0.75);
}

.theme.input-focus-label-high-white-opa:focus + label {
  color: rgba(255, 255, 255, 0.75);
}

.theme.place-holder-high-white-opa ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.theme.place-holder-high-white-opa ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.theme.place-holder-high-white-opa :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.theme.place-holder-high-white-opa :-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.z-index-20 {
  z-index: 20;
}

.z-index-19 {
  z-index: 19;
}

.z-index-18 {
  z-index: 18;
}

.z-index-17 {
  z-index: 17;
}

.z-index-16 {
  z-index: 16;
}

.z-index-15 {
  z-index: 15;
}

.z-index-14 {
  z-index: 14;
}

.z-index-13 {
  z-index: 13;
}

.z-index-12 {
  z-index: 12;
}

.z-index-11 {
  z-index: 11;
}

.z-index-10 {
  z-index: 10;
}

.z-index-9 {
  z-index: 9;
}

.z-index-8 {
  z-index: 8;
}

.z-index-7 {
  z-index: 7;
}

.z-index-6 {
  z-index: 6;
}

.z-index-5 {
  z-index: 5;
}

.z-index-4 {
  z-index: 4;
}

.z-index-3 {
  z-index: 3;
}

.z-index-2 {
  z-index: 2;
}

.z-index-1 {
  z-index: 1;
}

body {
  font-family: "Circular-light";
  font-size: 0.9rem;
  color: #2a3950;
}

@media (min-width: 768px) {
  body {
    font-size: 1.1rem;
  }
}

.fs-13px {
  font-size: 13px !important;
}

.fs-1rem {
  font-size: 1rem !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1250px;
  }
}

.white-space-nowrap {
  white-space: nowrap;
}

.text-stroke-gray-fill {
  -webkit-text-stroke: 1px #000;
  -webkit-text-fill-color: #f4f4f4;
}

.text-stroke-white-fill {
  -webkit-text-stroke: 0.4px #fff;
  -webkit-text-fill-color: transparent;
}

.text-outline-none {
  text-shadow: none !important;
}

.text-outline {
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
    0 0 1px #000;
}

.max-width-80 {
  max-width: 80%;
}

.line-height-1 {
  line-height: 1;
}

.line-height-1x5 {
  line-height: 1.5;
}

.line-height-2 {
  line-height: 2;
}

.font-Larsseit-thin {
  font-family: "Larsseit-thin";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Larsseit-light {
  font-family: "Larsseit-light";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Larsseit-normal {
  font-family: "Larsseit-normal";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Larsseit-medium {
  font-family: "Larsseit-medium";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Larsseit-bold {
  font-family: "Larsseit-bold";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Larsseit-extrabold {
  font-family: "Larsseit-extrabold";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Circular-light {
  font-family: "Circular-light";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Circular-medium {
  font-family: "Circular-medium";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Circular-bold {
  font-family: "Circular-bold";
  font-family: "IBM Plex Sans", sans-serif;
}

.font-Circular-extrabold {
  font-family: "Circular-extrabold";
  font-family: "IBM Plex Sans", sans-serif;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
}

a {
  color: inherit;
}

/* a:hover {
  outline: none;
  text-decoration: none;
  color: inherit;
} */

.column-count-2 {
  column-count: 1;
}

@media (min-width: 575px) {
  .column-count-2 {
    column-count: 2;
  }
}

.large {
  font-size: 110%;
}

.larger {
  font-size: 120%;
}

.smaller {
  font-size: 90%;
}

.cursor-pointer {
  cursor: pointer;
}

.bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-contain {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.h-m100vh {
  min-height: 100vh;
}

.h-100vh {
  height: 100vh;
}

.h-95vh {
  height: 55vh;
}

.border-radius-30 {
  border-radius: 4px;
}

.content-style {
  line-height: 1.8;
}

p {
  margin-bottom: 0;
}

.decoration-none {
  text-decoration: none !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.border-radius-0 {
  border-radius: 0;
}

.border-0 {
  border: 0 !important;
}

.top {
  top: 0 !important;
}

.left {
  left: 0 !important;
}

.bottom {
  bottom: 0 !important;
}

.right {
  right: 0 !important;
}

.overflow-hidden {
  overflow: hidden;
}

.outline-none {
  outline: none !important;
}

.title-top-line:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 10px;
  height: 5px;
  width: 125px;
  background-image: url("/wp-content/uploads/2023/12/underline.png");
  background-repeat: no-repeat;
}

.title-center-line:before {
  width: 166px;
  background-image: url("/wp-content/uploads/2023/12/underline-center.png");
  left: calc(50% - 88px);
}

#podcast-platforms img {
  height: auto;
  height: 42px;
  width: -webkit-fill-available;
  object-fit: contain;
}

.extra-large-title {
  font-size: 2.8rem;
}

@media (min-width: 575px) {
  .extra-large-title {
    font-size: 3.2rem;
  }
}

@media (min-width: 768px) {
  .extra-large-title {
    font-size: 3.6rem;
  }
}

@media (min-width: 992px) {
  .extra-large-title {
    font-size: 4rem;
  }
}

/* .section-title {
  font-size: 1.8rem;
  max-width: 650px;
} */

@media (min-width: 575px) {
  .section-title {
    font-size: 2.1rem;
  }
}

@media (min-width: 768px) {
  .section-title {
    font-size: 2.4rem;
  }
}

@media (min-width: 992px) {
  .section-title {
    font-size: 2.6rem;
  }
}

.sub-section-title {
  font-size: 1.1rem;
}

@media (min-width: 575px) {
  .sub-section-title {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  .sub-section-title {
    font-size: 1.4rem;
  }
}

@media (min-width: 992px) {
  .sub-section-title {
    font-size: 1.2rem;
  }
}

.big-text {
  font-size: 1.3rem;
}

@media (min-width: 575px) {
  .big-text {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .big-text {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .big-text {
    font-size: 2rem;
  }
}

.banner-title {
  font-size: 2.2rem;
}

@media (min-width: 575px) {
  .banner-title {
    font-size: 2.6rem;
  }
}

@media (min-width: 768px) {
  .banner-title {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .banner-title {
    font-size: 3.25rem;
  }
}

.common-insight .single-post .single-post-warp {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px rgba(69, 71, 75, 0.18);
  height: 100%;
}

.common-insight .single-post:hover .image-holder a {
  transform: scale(1.1);
}

.common-insight .single-post:hover .post-content h5 {
  left: 20px;
}

.common-insight .single-post .post-content {
  padding: 0 1rem 1rem;
}

.common-insight .single-post:hover .post-content .arrow-holder:after {
  right: 15px;
}

.common-insight .single-post:hover .post-content .excerpt-holder {
  left: 20px;
}

.common-insight .single-post:hover .post-content .single-category {
  left: 20px;
}

.common-insight .single-post .image-holder {
  height: 225px;
  overflow: hidden;
}

.common-insight .single-post .image-holder a {
  transition: all 0.5s ease;
}

.common-insight .single-post .post-content h5 {
  left: 0;
  margin-bottom: 0.5rem;
  transition: all 0.5s ease;
}

.common-insight .single-post .post-content .arrow-holder {
  width: 20%;
}

.common-insight .single-post .post-content .arrow-holder:after {
  transition: all 0.5s ease;
  background-image: url("../images/gold_arrow_right.svg");
  height: 15px;
  width: 25px;
  cursor: pointer;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

.common-insight .single-post .post-content .excerpt-holder {
  left: 0;
  transition: all 0.5s ease;
}

.common-insight .single-post .post-content .single-category {
  transition: all 0.5s ease;
  left: 0;
  padding: 15px 25px;
  border-radius: 30px;
}

.common-insight .all-insight-link-holder .view-all-holder:hover {
  background-color: #2a3950;
}

.common-insight .all-insight-link-holder .view-all-holder:hover .text-wrap h2 {
  -webkit-text-stroke: 0;
  animation: marquee 8s linear infinite;
}

.common-insight .all-insight-link-holder .view-all-holder:hover .small-wrap {
  color: #fff;
}

.common-insight .all-insight-link-holder .view-all-holder .text-wrap {
  width: 250px;
  margin: 0;
  white-space: nowrap;
  box-sizing: border-box;
}

.common-insight .all-insight-link-holder .view-all-holder .text-wrap h2 {
  display: inline-block;
  padding-left: 100%;
}

.common-insight .all-insight-link-holder .view-all-holder .small-wrap .w-90 {
  width: 90%;
}

.common-insight .all-insight-link-holder .view-all-holder .small-wrap .w-10 {
  width: 10%;
}

.common-insight
  .all-insight-link-holder
  .view-all-holder
  .small-wrap
  .w-10:after {
  transition: all 0.5s ease;
  background-image: url(../images/gold_arrow_right.svg);
  height: 15px;
  width: 25px;
  cursor: pointer;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.menu .navbar .navbar-brand {
  width: 180px;
}

.menu .navbar .navbar-toggle.open {
  transform: rotate(-45deg);
}

.menu .navbar .wrapper-menu {
  width: 50px;
  height: 35px;
  cursor: pointer;
  transition: transform 330ms ease-out;
}

.menu .navbar .wrapper-menu .line-menu {
  border-radius: 5px;
  width: 30px;
  height: 3px;
}

.menu .navbar .wrapper-menu .line-menu.half {
  width: 50%;
}

.menu .navbar .wrapper-menu .line-menu.start {
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: right;
  left: 1px;
  position: relative;
}

.menu .navbar .wrapper-menu .line-menu.end {
  align-self: flex-end;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
  position: relative;
  right: -1px;
}

.menu .navbar .wrapper-menu.open {
  transform: rotate(-45deg);
}

.menu .navbar .wrapper-menu.open .line-menu.start {
  transform: rotate(-90deg) translateX(3px);
}

.menu .navbar .wrapper-menu.open .line-menu.end {
  transform: rotate(-90deg) translateX(-3px);
}

.menu .navbar .collapse:not(.show) {
  left: -100%;
  display: block;
}

@media (min-width: 991px) {
  .menu .navbar .collapse:not(.show) {
    left: 0;
  }
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse.show {
    display: block;
    left: 0;
  }
}

.menu .navbar .navbar-collapse {
  transition: all 0.5s;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  overflow: auto;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse {
    position: relative;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
  }
}

.menu .navbar .navbar-collapse .menu-section {
  text-align: left;
  margin-top: 75px;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section {
    text-align: center;
    margin-top: 0;
    display: flex;
    align-items: center;
  }
}

.menu .navbar .navbar-collapse .menu-section .current-menu-item:before {
  content: "";
  background-color: #ff9201;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: 0;
  display: none;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .current-menu-item:before {
    display: block;
  }
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item-has-children.rotate:after {
  transform: rotate(90deg);
}

@media (min-width: 991px) {
  .menu
    .navbar
    .navbar-collapse
    .menu-section
    .menu-item-has-children.rotate:after {
    transform: rotate(-90deg);
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item-has-children {
  padding-right: 20px;
  position: relative;
}

.menu .navbar .navbar-collapse .menu-section .menu-item-has-children:after {
  cursor: pointer;
  content: "";
  background-image: url("../images/angle-arrow-left.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 10px;
  transform: rotate(-90deg);
  position: absolute;
  width: 20px;
  right: 30px;
  top: 21px;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item-has-children:after {
    right: -12px;
    top: 23px;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item:last-child {
  height: inherit;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item:last-child {
    height: auto;
    margin: 5px 8px 5px 5px;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item:last-child:before {
  display: none !important;
}

.menu .navbar .navbar-collapse .menu-section .menu-item:last-child a {
  color: #fff;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item:last-child:hover:before {
  display: none;
}

.menu .navbar .navbar-collapse .menu-section .menu-item {
  position: relative;
  margin-left: 0;
  margin-bottom: 1rem;
  padding: 5px 0;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item {
    margin-left: 1.5rem;
    margin-bottom: 0;
    padding: 15px 10px;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item:hover:before {
  content: "";
  background-color: #ff9201;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: 0;
  display: none;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item:hover:before {
    display: block;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item:hover .sub-menu {
  height: 200px;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item:hover .sub-menu {
    visibility: visible;
    opacity: 1;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item a {
  padding-left: 5%;
  text-transform: capitalize;
  text-decoration: none;
  /* font-weight: 300; */
  font-size: 1rem;
  color: #1c1919;
}

@media (min-width: 575px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item a {
    padding-left: 20%;
  }
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item a {
    text-align: center;
    padding-left: 0;
  }
}

@media (min-width: 575px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item a {
    font-size: 1.2rem;
  }
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item a {
    font-size: 1rem;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu.show-sub {
  height: 100%;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu.show-sub {
    height: 200px;
  }
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu:not(.show-sub) {
  height: 0;
}

@media (min-width: 991px) {
  .menu
    .navbar
    .navbar-collapse
    .menu-section
    .menu-item
    .sub-menu:not(.show-sub) {
    height: 200px;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu {
  z-index: 6;
  overflow: hidden;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu {
    height: 200px;
    background-color: rgba(0, 94, 155, 1);
    padding: 0;
    width: 100%;
    position: fixed;
    justify-content: space-between;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    top: 88px;
    left: 0;
    flex-wrap: wrap;
  }

  .menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu .menu-item {
    margin: 0;
    width: 145px;
  }
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item:last-child {
  border-radius: 0;
  background-color: transparent;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item:last-child
  a {
  color: #1c1919;
}

@media (min-width: 991px) {
  .menu
    .navbar
    .navbar-collapse
    .menu-section
    .menu-item
    .sub-menu
    .menu-item:last-child
    a {
    color: #fff;
  }
}

.menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu .menu-item {
  position: relative;
  margin: 0;
  width: 100%;
  display: flex;
}

@media (min-width: 991px) {
  .menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu .menu-item {
    justify-content: center;
    align-items: center;
    max-width: 20%;
    height: auto;
  }
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item:before {
  display: none;
}

.menu .navbar .navbar-collapse .menu-section .menu-item .sub-menu .menu-item a {
  font-size: 0.9rem;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item
  a:after {
  display: none;
  cursor: pointer;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

@media (min-width: 991px) {
  .menu
    .navbar
    .navbar-collapse
    .menu-section
    .menu-item
    .sub-menu
    .menu-item
    a:after {
    display: block;
  }
}

@media (min-width: 575px) {
  .menu
    .navbar
    .navbar-collapse
    .menu-section
    .menu-item
    .sub-menu
    .menu-item
    a {
    font-size: 1rem;
  }
}

@media (min-width: 991px) {
  .menu
    .navbar
    .navbar-collapse
    .menu-section
    .menu-item
    .sub-menu
    .menu-item
    a {
    font-size: 1rem;
    color: #fff;
    padding: 35px 0 0 0;
    position: absolute;
    width: calc(100% - 20px);
  }
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1357
  a:after {
  background-image: url("../images/icons/Emerging Technology.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1363
  a:after {
  background-image: url("../images/icons/Product Engineering.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1567
  a:after {
  background-image: url("../images/icons/Cloud Services.svg");
  height: 30px;
  width: 30px;
}
.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1361
  a:after {
  background-image: url("../images/icons/Managed Services.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1365
  a:after {
  background-image: url("../images/icons/Advisory Services.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1481
  a:after {
  background-image: url("../images/icons/Talent Augmentation.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1364
  a:after {
  background-image: url("../images/icons/Application Development & Modernization.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1566
  a:after {
  background-image: url("../images/icons/Data Services.svg");
  height: 30px;
  width: 30px;
}
.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1576
  a:after {
  background-image: url("../images/icons/Security Services.svg");
  height: 30px;
  width: 30px;
}

.menu
  .navbar
  .navbar-collapse
  .menu-section
  .menu-item
  .sub-menu
  .menu-item-1577
  a:after {
  background-image: url("../images/icons/Modern WorkPlace.svg");
  height: 30px;
  width: 30px;
}
section.home-banner-section
  .slider-holder
  .slick-list
  .slick-slide
  .single-slide
  .banner-text
  .slide-text-holder
  .changing-text-holder
  #cursorBlink {
  background: #0f0;
  line-height: 17px;
  margin-left: 3px;
  -webkit-animation: blink 1s infinite;
  width: 2px;
  height: 33px;
}

@-webkit-keyframes blink {
  0% {
    background: transparent;
  }

  50% {
    background: #ffab40;
  }

  100% {
    background: transparent;
  }
}

section.home-banner-section .progressbar-holder {
  z-index: 2;
  position: absolute;
  width: calc(100% - 16px);
  bottom: 30px;
}

section.home-banner-section .progressbar-holder div {
  display: block;
  width: 10%;
  padding: 0;
  cursor: pointer;
  margin-right: 5%;
  float: left;
  color: #fff;
}

section.home-banner-section .progressbar-holder div span.progressBar {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.4);
  display: block;
}

section.home-banner-section
  .progressbar-holder
  div
  span.progressBar
  .inProgress {
  background-color: #ffab40;
  width: 0;
  height: 3px;
}

section.home-banner-section .progressbar-holder div:last-child {
  margin-right: 0;
}

section.software-craftsman-section .section-top {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

@media (max-width: 992px) {
  section.software-craftsman-section .section-top {
    background-image: none !important;
  }
}

section.software-craftsman-section
  .section-top
  .section-text-holder
  .text-hghlyt {
  background-color: #ff9201;
  color: #fff;
  padding: 3px;
  font-weight: normal;
}

section.software-craftsman-section .section-bottom .service-wrapper {
  background-color: #f4f4f4;
}

section.software-craftsman-section .section-bottom .service-wrapper:hover {
  background-color: #2a3950;
  color: #fff;
}

section.software-craftsman-section .section-bottom .service-image img {
  max-width: 90px;
}

section.clients-section .contain-images {
  max-width: 700px;
}

section.clients-section .contain-images .image-holder {
  max-height: 38px;
}

section.partner-section {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

section.testimonial-section
  .testimonial-holder
  .slick-list
  .slick-track
  .slick-slide
  .single-testimonial {
  height: 200px;
}

section.testimonial-section
  .testimonial-holder
  .slick-list
  .slick-track
  .slick-slide
  .single-testimonial
  .testimonial-text {
  height: 200px;
  overflow-y: scroll;
}

section.testimonial-section
  .testimonial-holder
  .slick-list
  .slick-track
  .slick-slide
  .single-testimonial
  .testimonial-text::-webkit-scrollbar {
  display: none;
}

section.testimonial-section
  .number-holder
  .slick-list
  .slick-track
  .slick-slide
  .number_inner {
  height: 55px;
}

@media (min-width: 991px) {
  section.testimonial-section
    .number-holder
    .slick-list
    .slick-track
    .slick-slide
    .number_inner {
    height: 70px;
  }
}

section.testimonial-section
  .number-holder
  .slick-list
  .slick-track
  .slick-slide
  p {
  padding-top: 10px;
  position: absolute;
  font-size: 1.5rem;
  font-family: "Larsseit-bold";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

section.testimonial-section
  .number-holder
  .slick-list
  .slick-track
  .slick-current
  p {
  -webkit-text-stroke: 0;
  -webkit-text-fill-color: #e26536;
  color: #e26536;
  font-size: 3rem;
}

@media (min-width: 991px) {
  section.testimonial-section
    .number-holder
    .slick-list
    .slick-track
    .slick-current
    p {
    font-size: 4rem;
  }
}

section.our-services-what-we-do-section .page-text strong {
  font-weight: normal;
  color: #ffab40;
}

section.our-services-what-we-do-section .what-we-do-holder ul li:before {
  background-image: url("../images/gold_arrow_right.svg");
  height: 20px;
  width: 30px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
}

section.flip-switch-section .svg-holder .fill-color .st0,
section.flip-switch-section .svg-holder .fill-color .st5 {
  stroke: #ff9201;
}

section.flip-switch-section .svg-holder #logo #initial_x5F_logo {
  cursor: pointer;
}

section.flip-switch-section
  .svg-holder
  #logo
  #initial_x5F_logo
  #white_x5F_logo {
  animation: opacited 3s linear infinite;
}

section.flip-switch-section .svg-holder #logo #final_x5F_logo .animated {
  transform-origin: center;
  animation: ripple1 2s linear 5;
}

@keyframes ripple1 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes opacited {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

section.flip-switch-section .before-flip .banner-title strong {
  font-weight: normal;
  color: #ff9201;
}

section.flip-switch-section
  .after-flip
  .services-shell
  .sub-section-title
  a:before {
  background-image: url("../images/light_gold_arrow_right.svg");
  height: 20px;
  width: 30px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

section.techonologies-section
  .single-section
  .section-tabs-holder
  .nav-tabs
  li
  .active {
  color: #ffab40;
}

section.techonologies-section
  .single-section
  .section-tabs-holder
  .nav-tabs
  .divider:before {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #2a3950;
  position: absolute;
  left: 10px;
  top: 5px;
}

section.techonologies-section
  .single-section
  .section-tabs-holder
  .tab-content
  .tab-pane
  p
  strong {
  background-color: #ff9201;
  color: #fff;
  padding: 3px;
  font-weight: normal;
}

section.insights-active-post-section .styled-button {
  border-radius: 30px;
}

section.insights-posts-section
  .filter-holder
  .single-radio
  .form-group
  input[type="radio"] {
  display: none;
}

section.insights-posts-section .filter-holder .single-radio .form-group label {
  padding-left: 1.8rem;
  cursor: pointer;
}

section.insights-posts-section
  .filter-holder
  .single-radio
  .form-group
  label:before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: #f3f3f3;
  border: 1px solid #ccc;
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

section.insights-posts-section
  .filter-holder
  .single-radio
  .form-group
  label:after {
  opacity: 0;
  left: 4px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  background: #ffab40;
  -webkit-transform: scale(2);
  transform: scale(2);
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

section.insights-posts-section
  .filter-holder
  .single-radio
  .form-group
  label:hover:before {
  background: #fff;
}

section.insights-posts-section
  .filter-holder
  .single-radio
  .selected
  label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

section.insights-posts-section
  .filter-holder
  .single-radio
  .selected
  label:before {
  background: #fff;
  border: 1px solid #ffab40;
}

section.insights-posts-section
  .posts-holder
  .single-post:hover
  .image-holder
  a {
  transform: scale(1.1);
}

section.insights-posts-section
  .posts-holder
  .single-post:hover
  .post-content
  h5 {
  left: 20px;
}

section.insights-posts-section
  .posts-holder
  .single-post:hover
  .post-content
  .arrow-holder:after {
  right: 15px;
}

section.insights-posts-section
  .posts-holder
  .single-post:hover
  .post-content
  .excerpt-holder {
  left: 20px;
}

section.insights-posts-section
  .posts-holder
  .single-post:hover
  .post-content
  .single-category {
  left: 20px;
}

section.insights-posts-section .posts-holder .single-post .image-holder {
  height: 450px;
  overflow: hidden;
}

section.insights-posts-section .posts-holder .single-post .image-holder a {
  transition: all 0.5s ease;
}

section.insights-posts-section .posts-holder .single-post .post-content h5 {
  left: 0;
  width: 80%;
  transition: all 0.5s ease;
}

section.insights-posts-section
  .posts-holder
  .single-post
  .post-content
  .arrow-holder {
  width: 20%;
}

section.insights-posts-section
  .posts-holder
  .single-post
  .post-content
  .arrow-holder:after {
  transition: all 0.5s ease;
  background-image: url("../images/gold_arrow_right.svg");
  height: 15px;
  width: 25px;
  cursor: pointer;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

section.insights-posts-section
  .posts-holder
  .single-post
  .post-content
  .excerpt-holder {
  left: 0;
  transition: all 0.5s ease;
}

section.insights-posts-section
  .posts-holder
  .single-post
  .post-content
  .single-category {
  transition: all 0.5s ease;
  left: 0;
  padding: 15px 25px;
  border-radius: 30px;
}

section.careers-top-section .embed-container p iframe {
  width: 100%;
  height: 265px;
}

@media (min-width: 575px) {
  section.careers-top-section .embed-container p iframe {
    height: 325px;
  }
}

@media (min-width: 768px) {
  section.careers-top-section .embed-container p iframe {
    height: 400px;
  }
}

@media (min-width: 991px) {
  section.careers-top-section .embed-container p iframe {
    height: 550px;
  }
}

@media (min-width: 1150px) {
  section.careers-top-section .embed-container p iframe {
    height: 700px;
  }
}

section.join-us-section .floating-images {
  left: 50%;
}

section.join-us-section .floating-images .designer-img {
  transform: rotate(-60deg);
  bottom: -60%;
  left: 40%;
}

@media (min-width: 575px) {
  section.join-us-section .floating-images .designer-img {
    left: 40%;
  }
}

@media (min-width: 767px) {
  section.join-us-section .floating-images .designer-img {
    left: 20%;
  }
}

@media (min-width: 992px) {
  section.join-us-section .floating-images .designer-img {
    bottom: -60%;
    left: 20%;
  }
}

section.you-could-be-section
  .accordion-holder
  .card
  .card-header
  .btn:not(.collapsed) {
  color: #0077c9;
}

section.you-could-be-section .accordion-holder .card .card-header .btn {
  text-decoration: none;
  color: #e26536;
}

section.you-could-be-section .accordion-holder .card .card-header .collapsed {
  color: #e26536;
}

section.you-could-be-section .accordion-holder .card .card-header span {
  transition: 0.5s all;
  transform: rotate(90deg);
}

section.you-could-be-section .accordion-holder .card .card-header span i {
  font-size: 17px;
}

section.you-could-be-section
  .accordion-holder
  .card
  .card-header
  span:not(.collapsed) {
  transform: rotate(45deg);
}

section.you-could-be-section .accordion-holder .card .card-body p strong {
  margin-bottom: 5px;
  color: #e26536;
  font-size: 1.4rem;
  font-weight: normal;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_error_style {
  color: #e00e0e;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields {
  width: 100%;
  max-width: 500px;
  margin: auto;
  position: relative;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_doing_ajax
  input {
  pointer-events: none !important;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  label {
  font-family: "Circular-light";
  font-size: 0.88rem;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input {
  font-family: "Circular-light";
  height: auto;
  outline: none;
  font-size: 1rem;
  width: 100%;
  padding: 20px 125px 20px 20px;
  border-radius: 8px;
  border: 0;
  background: #f1f1f1;
  box-shadow: none;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input:focus {
  box-shadow: none;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_error {
  color: #e00e0e;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_dropzone {
  margin: auto;
  font-family: "Circular-light";
  font-size: 1rem;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_none_container
  .frm-g-recaptcha {
  display: flex;
  justify-content: center;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit {
  position: absolute;
  right: -10px;
}

section.you-could-be-section
  .resume-form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit
  .frm_button_submit {
  box-shadow: none;
  font-family: "Circular-light";
  font-size: 1rem;
  margin: 0;
  outline: none;
  border: 0;
  background: #e26536;
  padding: 20px;
  border-radius: 35px;
  color: #fff;
  cursor: pointer;
}

section.internship-section
  .slider-shell
  .numbers-holder
  .slick-list
  .slick-track
  .slick-slide
  .number_inner {
  height: 70px;
}

section.internship-section
  .slider-shell
  .numbers-holder
  .slick-list
  .slick-track
  .slick-slide
  p {
  padding-top: 10px;
  position: absolute;
  font-size: 1.5rem;
  font-family: "Larsseit-bold";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

section.internship-section
  .slider-shell
  .numbers-holder
  .slick-list
  .slick-track
  .slick-current
  p {
  -webkit-text-stroke: 0;
  -webkit-text-fill-color: #e26536;
  text-shadow: none;
  color: #e26536;
  font-size: 2.8rem;
}

@media (min-width: 575px) {
  section.internship-section
    .slider-shell
    .numbers-holder
    .slick-list
    .slick-track
    .slick-current
    p {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  section.internship-section
    .slider-shell
    .numbers-holder
    .slick-list
    .slick-track
    .slick-current
    p {
    font-size: 4rem;
  }
}

section.team-section {
  background: linear-gradient(180deg, #0077c9 0, #2a3950 67.64%);
}

section.team-section .single-member .image-holder {
  border-style: solid;
  border-width: 4px;
  width: 150px;
  height: 150px;
}

section.team-section .single-member .image-holder img {
  width: 150px;
  height: 150px;
}

section.team-section
  .single-member
  .content-holder
  .social-icons
  .linkedin
  span {
  background-image: url("../images/linkedin.png");
  padding: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}

section.team-section .single-member .content-holder .social-icons .email span {
  background-image: url("../images/email.png");
  padding: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}

section.team-section
  .single-member
  .content-holder
  .social-icons
  .twitter
  span {
  background-image: url("../images/twitter.png");
  padding: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}

section.contact-section .contact-form .frm_error_style p {
  color: #e00e0e;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_doing_ajax
  input {
  pointer-events: none !important;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_doing_ajax
  textarea {
  pointer-events: none !important;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field {
  margin-bottom: 15px;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_primary_label {
  margin-bottom: 0;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_primary_label
  .frm_required {
  font-size: 80%;
  color: #e00e0e;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  label {
  font-family: "Circular-light";
  font-size: 0.88rem;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input {
  font-family: "Circular-light";
  font-size: 1rem;
  height: auto;
  outline: none;
  border: 0;
  padding: 15px 15px;
  border-radius: 5px;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input:focus {
  box-shadow: none;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  textarea {
  font-family: "Circular-light";
  font-size: 1rem;
  outline: none;
  border: 0;
  padding: 15px 15px;
  border-radius: 5px;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  textarea:focus {
  box-shadow: none;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_error {
  color: #e00e0e;
}

section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit
  .frm_button_submit {
  box-shadow: none;
  font-size: 1rem;
  outline: none;
  margin: 0;
  border: 0;
  cursor: pointer;
}

section.contact-section
  .home-contact-form
  .frm_form_fields
  .frm_fields_container
  #frm_field_14_container {
  display: none;
}

section.privacy-top-section .page-excerpt strong {
  font-weight: normal;
  color: #ffab40;
}

section.privacy-section .privacy-holder .single-privacy .content-holder strong {
  font-weight: normal;
  color: #ffab40;
}

section.fb-policy-top-section .page-excerpt strong {
  font-weight: normal;
  color: #ffab40;
}

.footer-section #menu-primary-footer-menu .menu-item {
  padding-bottom: 10px;
}

.footer-section #menu-secondary-footer-menu .menu-item {
  padding-bottom: 10px;
}

.footer-section .top-section #menu-secondary-footer-menu .menu-item {
  padding-bottom: 10px;
}

.footer-section .top-section #menu-footer-locations .menu-item {
  padding-bottom: 10px;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_error_style {
  color: #e00e0e;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container {
  display: flex;
  flex-direction: column;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_doing_ajax
  input {
  pointer-events: none !important;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_form_field {
  width: 100%;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_form_field
  input,
.podcast-newsletter .frm_fields_container .frm_form_field input {
  height: auto;
  outline: none;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  padding: 15px;
  background: #f1f1f1;
  border-radius: 0.25rem;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_form_field
  .frm_error {
  color: #e00e0e;
}

.footer-section
  .top-section
  .textwidget
  .frm_forms
  .frm-show-form
  .frm_fields_container
  .frm_submit
  button {
  margin: 0;
  outline: none;
  cursor: pointer;
}

.footer-section .bottom-section .textwidget .elementor-heading-title {
  margin-bottom: 15px;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .footer-section .bottom-section .textwidget .elementor-heading-title {
    font-size: 1.4rem;
  }
}

.footer-section .bottom-section .textwidget .elementor-heading-title a {
  padding-bottom: 5px;
  position: relative;
}

.footer-section .bottom-section .textwidget .elementor-heading-title a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #2a3950;
}

.footer-section .bottom-section .social-media-holder .fab {
  font-size: 2rem;
}

.footer-section .lower-footer-section:before {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 2px;
  background-color: #ff9201;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.footer-section .lower-footer-section .footer-logo .limit-logo {
  max-width: 150px;
}

@media (min-width: 768px) {
  .footer-section .lower-footer-section .footer-logo .limit-logo {
    max-width: 180px;
  }
}

section.single-insight-banner-section .author-info-holder h2 span:after {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 10px;
  top: 10px;
}

section.single-insight-content-section .section-content-holder {
  max-width: 700px;
  width: 100%;
  margin: auto;
}

section.single-insight-content-section .section-content-holder p strong {
  font-weight: normal;
  color: #e26536;
}

section.single-insight-content-section .section-content-holder img {
  width: 100%;
}

section.single-insight-content-section.casestudy-single-content-section
  .section-content-holder {
  max-width: 100%;
}

section.single-insight-content-section.casestudy-single-content-section
  .section-content-holder
  .img_container {
  max-width: 500px;
}

.form_section .frm_forms .frm_message {
  text-align: center;
}

.form_section .frm-show-form {
  max-width: 700px;
  width: 100%;
  margin: auto;
}

.form_section .frm-show-form .frm_error_style {
  color: #e00e0e;
}

.form_section .frm-show-form .frm_fields_container {
  position: relative;
  display: block !important;
  max-width: 700px;
  margin: auto;
}

.form_section .frm-show-form .frm_fields_container .frm_doing_ajax input {
  pointer-events: none !important;
}

.form_section .frm-show-form .frm_fields_container .frm_form_field {
  width: 100%;
  margin-bottom: 20px;
}

.form_section .frm-show-form .frm_fields_container .frm_form_field input {
  width: 90%;
  font-family: "Circular-light";
  outline: none;
  font-size: 1rem;
  padding: 20px 110px 20px 20px;
  background: #f1f1f1 !important;
  border-radius: 10px;
  border: 0;
  height: auto;
  box-shadow: none;
}

.form_section .frm-show-form .frm_fields_container .frm_form_field input:focus {
  box-shadow: none;
}

@media (min-width: 575px) {
  .form_section .frm-show-form .frm_fields_container .frm_form_field input {
    padding: 20px 100px 20px 20px;
  }
}

@media (min-width: 768px) {
  .form_section .frm-show-form .frm_fields_container .frm_form_field input {
    padding: 20px 110px 20px 20px;
  }
}

@media (min-width: 992px) {
  .form_section .frm-show-form .frm_fields_container .frm_form_field input {
    padding: 20px 130px 20px 20px;
  }
}

.form_section .frm-show-form .frm_fields_container .frm_form_field .frm_error {
  color: #e00e0e;
}

.form_section .frm-show-form .frm_fields_container .frm_submit {
  position: absolute;
  right: 15px;
  top: 0;
}

.form_section .frm-show-form .frm_fields_container .frm_submit button {
  box-shadow: none;
  font-family: "Circular-light";
  font-size: 1rem;
  margin: 0;
  padding: 20px 75px 20px 25px;
  outline: none;
  border: 0;
  background: #e26536 !important;
  color: #fff;
  border-radius: 40px;
  cursor: pointer;
}

.form_section .frm-show-form .frm_fields_container .frm_submit:after {
  content: "";
  background-image: url("../images/form-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  pointer-events: none;
}

section.how-we-can-help-section .section-content-holder .img-holder {
  max-width: 100px;
}

section.how-we-can-help-section
  .section-content-holder
  .content-holder
  p
  strong {
  background-color: #ff9201;
  color: #fff;
  padding: 3px;
  font-weight: normal;
}

section.cloud-partners-section .max-limit {
  max-height: 40px;
}

@media (min-width: 767px) {
  section.cloud-partners-section .max-limit {
    max-height: 65px;
  }
}

section.solutions-section .solutions-holder .single-solution:before {
  background-image: url("../images/selection_circle.svg");
  height: 10px;
  width: 10px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
}

section.solutions-section .form-holder .frm_forms .frm-show-form {
  width: 100%;
  max-width: 650px;
  margin: auto;
  position: relative;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_error_style {
  color: #e00e0e;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_doing_ajax
  input {
  pointer-events: none !important;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field {
  margin-right: 25px;
  margin-bottom: 20px;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input {
  font-family: "Circular-light";
  outline: none;
  height: auto;
  font-size: 1rem;
  width: 100%;
  padding: 20px 125px 20px 20px;
  border-radius: 8px;
  border: 0;
  background: #f1f1f1;
  box-shadow: none;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input:focus {
  box-shadow: none;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_error {
  color: #e00e0e;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit {
  position: absolute;
  right: -10px;
}

section.solutions-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit
  .frm_button_submit {
  box-shadow: none;
  font-family: "Circular-light";
  font-size: 1rem;
  outline: none;
  border: 0;
  margin: 0;
  background: #e26536;
  padding: 20px;
  border-radius: 35px;
  color: #fff;
  cursor: pointer;
}

section.insight-section .case-study-holder .single-post:hover .image-holder a {
  transform: scale(1.1);
}

section.insight-section
  .case-study-holder
  .single-post:hover
  .post-content
  a
  h5 {
  left: 20px;
}

section.insight-section
  .case-study-holder
  .single-post:hover
  .post-content
  a
  .arrow-holder {
  width: 20%;
}

section.insight-section
  .case-study-holder
  .single-post:hover
  .post-content
  a
  .arrow-holder:after {
  right: 15px;
}

section.insight-section
  .case-study-holder
  .single-post:hover
  .post-content
  .excerpt-holder {
  left: 20px;
}

section.insight-section
  .case-study-holder
  .single-post:hover
  .post-content
  .single-category {
  left: 20px;
}

section.insight-section .case-study-holder .image-holder {
  height: 450px;
  overflow: hidden;
}

section.insight-section .case-study-holder .image-holder a {
  transition: all 0.5s ease;
}

section.insight-section .case-study-holder .post-content a h5 {
  left: 0;
  transition: all 0.5s ease;
}

section.insight-section .case-study-holder .post-content a .arrow-holder {
  width: 20%;
}

section.insight-section .case-study-holder .post-content a .arrow-holder:after {
  transition: all 0.5s ease;
  background-image: url(../images/gold_arrow_right.svg);
  height: 15px;
  width: 25px;
  cursor: pointer;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

section.insight-section .case-study-holder .post-content .excerpt-holder {
  left: 0;
  transition: all 0.5s ease;
}

section.insight-section .case-study-holder .post-content .single-category {
  transition: all 0.5s ease;
  left: 0;
  padding: 15px 25px;
  border-radius: 30px;
}

.how-did-we-help-section .single-post:hover .image-holder a {
  transform: scale(1.1);
}

.how-did-we-help-section .single-post:hover .post-content h5 {
  left: 20px;
}

.how-did-we-help-section .single-post:hover .post-content .arrow-holder:after {
  right: 15px;
}

.how-did-we-help-section .single-post:hover .post-content .excerpt-holder {
  left: 20px;
}

.how-did-we-help-section .single-post:hover .post-content .single-category {
  left: 20px;
}

.how-did-we-help-section .single-post .image-holder {
  height: 450px;
  overflow: hidden;
}

.how-did-we-help-section .single-post .image-holder a {
  transition: all 0.5s ease;
}

.how-did-we-help-section .single-post .post-content h5 {
  left: 0;
  width: 80%;
  transition: all 0.5s ease;
}

.how-did-we-help-section .single-post .post-content .arrow-holder {
  width: 20%;
}

.how-did-we-help-section .single-post .post-content .arrow-holder:after {
  transition: all 0.5s ease;
  background-image: url(../images/gold_arrow_right.svg);
  height: 15px;
  width: 25px;
  cursor: pointer;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

.how-did-we-help-section .single-post .post-content .excerpt-holder {
  left: 0;
  transition: all 0.5s ease;
}

.how-did-we-help-section .single-post .post-content .single-category {
  transition: all 0.5s ease;
  left: 0;
  padding: 15px 25px;
  border-radius: 30px;
}

.why-ncompas-section
  .why-ncompas-content-holder
  .why-ncompass-bottom-section
  .img-holder
  img {
  max-width: 115px;
}

.why-ncompas-section .form-holder .frm_forms .frm-show-form {
  width: 100%;
  max-width: 650px;
  margin: auto;
  position: relative;
}

.why-ncompas-section .form-holder .frm_forms .frm-show-form .frm_error_style {
  color: #e00e0e;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_doing_ajax
  input {
  pointer-events: none !important;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field {
  margin-right: 25px;
  margin-bottom: 20px;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input {
  font-family: "Circular-light";
  outline: none;
  height: auto;
  font-size: 1rem;
  width: 100%;
  padding: 20px 125px 20px 20px;
  border-radius: 8px;
  border: 0;
  background: #f1f1f1;
  box-shadow: none;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input:focus {
  box-shadow: none;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  .frm_error {
  color: #e00e0e;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit {
  position: absolute;
  right: -10px;
}

.why-ncompas-section
  .form-holder
  .frm_forms
  .frm-show-form
  .frm_form_fields
  .frm_fields_container
  .frm_submit
  .frm_button_submit {
  box-shadow: none;
  font-family: "Circular-light";
  font-size: 1rem;
  outline: none;
  border: 0;
  margin: 0;
  background: #e26536;
  padding: 20px;
  border-radius: 35px;
  color: #fff;
  cursor: pointer;
}

.invest-in-it-section .invest-in-it-services ul li a:before {
  background-image: url(../images/light_gold_arrow_right.svg);
  height: 20px;
  width: 30px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%;
}

.home-sider .single-slide {
  min-height: 450px;
  max-height: 550px;
  height: calc(100vh - 70px);
}
.banner-section {
  display: flex;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .home-sider .single-slide {
    height: calc(100vh - 75px);
  }

  #menu-item-38 a {
    width: 100%;
    display: inline-block;
  }
}

/* value-proposition-wrapper */

.value-proposition-wrapper,
.value-proposition-wrapper2 {
  border-radius: 4px;
  border: 1px solid #dedede;
}

.value-proposition-wrapper:hover {
  border-radius: 4px;
  border: 1px solid #0077c9;
  background-color: #0077c9;
  color: #fff;
}

.img-holder-technology {
  background-color: #fff;
  border-radius: 16px;
  padding: 2rem;
}

.img-holder-technology img {
  width: 100px;
  height: 40px;
  object-fit: contain;
}

.ebook-list li {
  position: relative;
  list-style: none;
}

.ebook-list li:before {
  content: "";
  position: absolute;
  height: 50px;
  width: 50px;
  background-image: url("/wp-content/themes/ncompas/images/check.svg");
  background-repeat: no-repeat;
  left: -35px;
}

.what-we-believe {
  padding-left: 3rem;
}

.what-we-believe li:before {
  left: -45px;
}

.what-we-believe li:nth-child(1):before {
  background-image: url("/wp-content/themes/ncompas/images/icons/happy-icon-1.svg");
}

.what-we-believe li:nth-child(2):before {
  background-image: url("/wp-content/themes/ncompas/images/icons/happy-icon-2.svg");
}

.what-we-believe li:nth-child(3):before {
  background-image: url("/wp-content/themes/ncompas/images/icons/happy-icon-3.svg");
}

.what-we-believe li:nth-child(4):before {
  background-image: url("/wp-content/themes/ncompas/images/icons/happy-icon-4.svg");
}

.main-clients img {
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: grayscale(100%);
}

.footer-logo img {
  max-width: 190px;
}

.footer-awards {
  border-top: 1px solid #b5b4b4;
  border-bottom: 1px solid #b5b4b4;
}

#menu-terms-footer {
  display: flex;
  gap: 20px;
}

#menu-terms-footer li {
  position: relative;
}

#menu-terms-footer li:nth-last-child(1)::after {
  content: "|";
  position: absolute;
  left: -12px;
}

.new-software-craftsmen .value-proposition-wrapper,
.value-proposition-wrapper3 {
  /* background-color: #FFF; */
  border: none;
}

.founder-review .founder-img {
  max-width: 48px;
  max-height: 48px;
  border-radius: 100%;
  margin-right: 12px;
}

.founder-review .founder-company-img {
  max-width: 92px;
  max-height: 48px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.founder-review h4 {
  font-size: 16px;
}

.founder-review p {
  font-size: 12px;
}

.e-book .widget-title {
  display: none;
}

.img-multiply {
  mix-blend-mode: multiply;
}

.contact-form-parent {
  position: relative;
}

#contact-section {
  margin-top: 90px !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.contact-form-child {
  /* position: absolute; */
  width: 100%;
  /* bottom: -250px; */
  box-shadow: 0px 0px 16px 0px rgba(155, 163, 180, 0.25);
}

/* #home-sider .single-slide {
    max-height: calc(100vh - 200px);
}
*/
@media screen and (max-width: 768px) {
  #contact-section {
    margin-top: 70px !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .contact-form-child {
    position: relative;
    bottom: 0px;
    margin-bottom: 2rem;
  }
}
section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  input,
section.contact-section
  .contact-form
  .frm_form_fields
  .frm_fields_container
  .frm_form_field
  textarea {
  border: 1px solid #ccc;
}

.accordion {
  border-top: 1px solid #dedede !important;
  font-size: 20px !important;
  background-color: white;
  cursor: pointer;
  padding: 1rem;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.accordion:first-child {
  border-top: 0px !important;
}

.accordion.accordion:focus {
  outline: none;
}

.accordion:after {
  content: "\002B";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

/* .active:after {
  content: "\2212";
} */

.panel {
  padding: 0.25rem 1rem;
  background-color: white;
  height: 0px;
  overflow: hidden;
  transition: height 0.2s ease-out;
}

.arrow-holder .fa-long-arrow-right {
  right: -26px !important;
  top: 3px;
}

.slide-text-holder {
  max-width: 700px;
}

.testimonial-section .title-top-line:before {
  bottom: -10px;
}
/* ---- Animation ---- */

.slider {
  height: 60px;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.slider:after,
.slider:before {
  position: absolute;
  background-image: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  content: "";
  height: 100%;
  width: 25%;
  z-index: 2;
  pointer-events: none;
}

.slider:before {
  left: 0;
  top: 0;
}

.slider:after {
  right: 0;
  top: 0;
  transform: rotate(180deg);
}

.slide-track {
  width: calc(150px * 20);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.slide {
  width: 150px;
  height: 60px;
  filter: grayscale(100%);
  display: grid;
  place-items: center;
  transition: 0.5s;
  cursor: pointer;
}

.slide:hover {
  transform: scale(0.8);
  filter: grayscale(0);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-150px * 10));
  }
}

@media screen and (max-width: 768px) {
  .slide-track {
    width: calc(80px * 30);
  }

  .slide {
    width: 80px;
  }

  @keyframes scroll {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(calc(-80px * 10));
    }
  }
}

/* ---- Animation ---- */
.apply-now {
  color: #ffa500;
}

.fa fa-long-arrow-right {
  right: -26px !important;
  top: 5px;
}

/* --- Podcast --- */

#menu-item-1682 {
  display: none !important;
}

#podcast-banner {
  margin-top: 75px;
}

.gradient-text {
  font-size: 2.5rem;
  color: #ffffff;
  font-weight: bolder;
  /* line-height: 3rem;
    background: var(--color-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 12px transparent; */
}

.podcast-banner-description {
  max-width: 650px;
  margin: auto;
}
#podcast-banner .h1 {
  font-weight: bold;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#podcast-banner .podcast-logo {
  width: 100px;
}

#podcast-banner .entry-tagline {
  background-color: #fff;
  color: #211e2a;
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 4px 10px;
}
.blend-mode-multiply {
  mix-blend-mode: multiply;
}

#podcast-banner .entry-tagline .post-meta-span + .post-meta-span:before {
  content: "//";
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1em;
  margin: 0 0.875rem;
}

.site-archive-post {
  list-style: none;
}

.site-archive-posts .site-column-widget-wrapper {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  justify-content: space-between;
}

.also-available-list {
  list-style: none;
  display: flex;
  gap: 1rem;
}

.also-available-list img {
  max-width: 75px;
}

.site-archive-posts .entry-preview {
  flex: 1;
}

.site-archive-post .entry-preview-wrapper > *:not(:first-child) {
  margin-top: 0.25rem;
}

.site-archive-posts .site-archive-post:not(:first-of-type) {
  border-top: dashed 2px #ddd;
  margin-top: 40px;
  padding-top: 40px;
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: var(--color-gradient);
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  background: none;
}

.entry-excerpt iframe {
  margin-top: 1.875rem;
}

.site-archive-post .entry-tagline .post-meta-span-time,
.single .entry-tagline .post-meta-span-time {
  background-color: #e26536;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 0.75rem;
  font-size: 14px;
}

.site-archive-posts {
  padding: 0px;
}

.site-archive-post .entry-tagline .post-meta-span + .post-meta-span,
.single .entry-tagline .post-meta-span + .post-meta-span {
  margin-inline-start: 1rem;
}
.podcast-newsletter .frm_fields_container {
  display: flex;
  align-items: center;
}

.podcast-newsletter .frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 0px;
}

.podcast-newsletter aside {
  margin-bottom: 0px !important;
}
.listen-us select {
  background-color: transparent;
  border: 2px solid #fff;
  padding: 6px 12px;
  border-radius: 0.25rem;
  color: #fff;
}
.listen-us option {
  color: #1a1818;
}
.text-blue {
  color: #0077c9;
}
.podcast-filter .tab-pane {
  padding: 0px;
}
.podcast-filter .nav-tabs {
  border-bottom: none;
}
.podcast-filter .nav-tabs .nav-item {
  margin-right: 12px;
  margin-bottom: 12px;
}
.podcast-filter .nav-tabs .nav-link {
  border: 1px solid #45474b;
  border-radius: 0.25rem;
}
.podcast-filter .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #0077c9;
  border-color: #0077c9;
}
.podcast-filter .active:after {
  content: "" !important;
}
#menu-item-1682 {
  position: relative;
  margin-left: 32px;
}
#menu-item-1682::after {
  content: "New";
  display: inline-block;
  background-color: #e26536;
  color: white;
  padding: 0px 4px;
  font-size: 10px;
  border-radius: 4px;
  margin-left: 8px;
  position: absolute;
  top: 23px;
  left: -33px;
  opacity: 0;
  animation: fadeIn 2s infinite;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(1px);
  }
}

@media (min-width: 767px) {
  #podcast-banner {
    margin-top: 85px;
  }

  .gradient-text {
    font-size: 5rem;
    /* line-height: 8rem;
        -webkit-text-stroke: 16px transparent; */
  }

  .podcast-newsletter .frm_fields_container {
    justify-content: center;
  }
}

/* --- Existing Styles --- */
.banner-title {
  font-family: "Bricolage Grotesque";
  font-weight: 600;
  font-size: 64px;
  /* line-height: 100%; */
  letter-spacing: 0px;
  text-align: center;
  /* Adjusted margin-bottom for more space below heading */
  /* margin-bottom: 40px; */
  color: black;
}

.gradient-text {
  font-weight: bold;
  display: inline-block;
  background: linear-gradient(90deg, #7a5fff 0%, #0066ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.normal-text {
  font-weight: 600;
  color: #000; /* Solid black */
}

/* --- New/Modified Styles --- */

/* Ask Input Container (Search Bar) */
.ask-input-container {
  display: inline-flex;
  align-items: center;
  /* New background and border */
  background-color: #e6ecff;
  border: 1px solid #a0b0ff; /* Example border color matching blue/purple theme */
  border-radius: 30px;
  padding: 8px 20px;
  margin-top: 30px; /* Space above the search bar */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ask-input-field {
  border: none;
  outline: none;
  font-family: "Bricolage Grotesque";
  font-size: 16px;
  padding: 5px 0;
  /* Increased width */
  width: 450px;
  background: transparent;
  color: #333; /* Ensure text is readable */
}

.ask-input-field::placeholder {
  color: #666; /* Style placeholder text */
}

.ask-search-button {
  background: linear-gradient(95.47deg, #345ff8 0.81%, #713fff 66.49%);
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0; /* Prevent button from shrinking */
}

/* Question Buttons */
.question-buttons {
  /* Increased margin-top */
  margin-top: 40px; /* Space below the search bar */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* Increased space between buttons */
  gap: 20px;
  font-family: "Bricolage Grotesque";
}

.question-btn {
  display: inline-flex; /* Ensure flex properties work */
  align-items: center;
  /* Button styling */
  background-color: #fff;
  border: 1px solid #d3d3d3; /* Light grey border */
  border-radius: 25px; /* Rounded corners */
  padding: 10px 20px; /* Padding inside button */
  font-family: "Bricolage Grotesque", sans-serif;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  /* Transition for hover effect */
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Subtle initial shadow */
}

.question-btn img {
  /* Style for icon inside button, already had margin-right inline */
  vertical-align: middle; /* Align icon nicely */
}

.question-btn:hover {
  transform: translateY(-5px); /* Move up slightly */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); /* Larger shadow */
  border-color: #a0b0ff; /* Optional: Change border color on hover */
}

/* Main CTA Buttons */
.main-cta-buttons {
  /* Increased margin-top */
  margin-top: 60px; /* Space below question buttons */
  display: flex;
  justify-content: center;
  /* Increased space between buttons */
  gap: 30px;
  flex-wrap: wrap;
}

.cta-button {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  font-family: "Bricolage Grotesque";
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
  border-radius: 100px;
  transition: all 0.3s ease;
  gap: 8px;
  cursor: pointer;
}

.primary-button {
  color: #fff;
  background: linear-gradient(95.47deg, #345ff8 0.81%, #713fff 66.49%);
  border: none; /* Ensure no default border */
}

.secondary-button {
  color: #713fff;
  background-color: #fff;
  border: 1px solid #713fff;
}

/* Ensure responsive layout */
@media (max-width: 768px) {
  .banner-title {
    font-size: 40px; /* Smaller font on small screens */
  }
  .ask-input-field {
    width: 100%; /* Full width on smaller screens */
    min-width: 200px; /* Ensure minimum size */
  }
  .ask-input-container {
    width: 90%; /* Adjust container width */
    max-width: 450px; /* Prevent it from getting too wide */
  }
  .question-buttons,
  .main-cta-buttons {
    flex-direction: column; /* Stack buttons vertically on small screens */
    align-items: center; /* Center stacked buttons */
    gap: 15px; /* Adjust gap for vertical stacking */
  }
  .cta-button,
  .question-btn {
    width: 90%; /* Make buttons take up most of the width */
    max-width: 300px; /* Max width for stacked buttons */
    justify-content: center; /* Center content in stacked buttons */
  }
  .question-btn img {
    margin-right: 10px; /* Adjust icon margin */
  }
  .question-buttons {
    /* Adjust top margin when stacked */
    margin-top: 30px;
  }
  .main-cta-buttons {
    /* Adjust top margin when stacked */
    margin-top: 40px;
  }
}

/* Partnership Services */
.shape {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: float 6s ease-in-out infinite;
}

.shape:nth-child(1) {
  width: 100px;
  height: 100px;
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}

.shape:nth-child(2) {
  width: 60px;
  height: 60px;
  top: 20%;
  right: 20%;
  animation-delay: 2s;
}

.shape:nth-child(3) {
  width: 80px;
  height: 80px;
  bottom: 20%;
  left: 15%;
  animation-delay: 4s;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(180deg);
  }
}

.containersssssss {
  background: linear-gradient(
    180deg,
    rgba(255, 219, 206, 0.25) 0%,
    rgba(243, 197, 255, 0.25) 100%
  );
  max-width: 2900px;
  margin: 0 auto; /* Center the container */
  /* padding: 12vh; */
  font-family: "Bricolage Grotesque";
}

.header {
  text-align: center;
  margin-bottom: 3rem;
  animation: fadeInUp 1s ease-out;
  margin-bottom: 40%;
}

.title {
  font-size: 3rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.title .highlight-purple {
  background: linear-gradient(45deg, #9f7aea, #667eea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.title .highlight-pink {
  background: linear-gradient(45deg, #f093fb, #f5576c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.partners-section {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  animation: fadeInUp 1s ease-out 0.2s both;
}

.partners-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem;
  align-items: center;
  justify-items: center;
}

.partner-logo {
  width: 120px;
  height: 60px;
  /* background: white; */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #2d3748;
  /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid transparent;
}

.partner-logo:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  border-color: #667eea;
}

.search-section {
  border-radius: 20px;
  padding: 2.5rem;

  max-width: 900px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.search-container {
  position: relative;
  margin-bottom: 2rem;
}

.search-input {
  width: 100%;
  padding: 1.2rem 3rem 1.2rem 1.5rem;
  font-size: 1.1rem;
  border: 2px solid #e2e8f0;
  border-radius: 15px;
  outline: none;
  transition: all 0.3s ease;
  background: white;
}

.search-input:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.search-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #667eea;
  font-size: 1.2rem;
}

.suggestions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

.suggestion-card {
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.suggestion-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  border-color: #667eea;
}

.suggestion-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.icon-purple {
  background: linear-gradient(135deg, #9f7aea, #667eea);
}
.icon-teal {
  background: linear-gradient(135deg, #38b2ac, #319795);
}
.icon-pink {
  background: linear-gradient(135deg, #f093fb, #f5576c);
}
.icon-green {
  background: linear-gradient(135deg, #48bb78, #38a169);
}

.suggestion-text {
  color: #2d3748;
  font-weight: 500;
  font-size: 0.95rem;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive design */
@media (max-width: 768px) {
  .title {
    font-size: 2rem;
  }

  .partners-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .partner-logo {
    width: 100px;
    height: 50px;
    font-size: 0.8rem;
  }

  .suggestions {
    grid-template-columns: 1fr;
  }
}

/* Interactive cursor effect */
.cursor-glow {
  position: fixed;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, rgba(102, 126, 234, 0.6), transparent);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.1s ease;
}

/* CUSSTOMERS SECTION START*/
.customers-black-box {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  white-space: nowrap;
  width: 100%;
  font-family: IBM Plex Sans;
  margin-bottom: 4rem;
}

@media (max-width: 480px) {
  .customers-black-box {
    margin-top: 15px;
  }
}

/* Wrapper to ensure animation continuity */
.customers-grid-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.customers-grid-container {
  display: flex;
  gap: 30px;
  width: fit-content; /* Ensures the container expands dynamically */
  animation: scroll 10s linear infinite;
}

.c-grid-item {
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: IBM Plex Sans;
}

.c-grid-item img {
  width: 220px; /* Ensure logos don't get too large */
  max-height: 100px; /* Limit logo height */
}

/* Stop rotation on hover */
.customers-black-box:hover .customers-grid-container {
  animation-play-state: paused;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .customers-black-box {
    display: flex;
    justify-content: flex-start; /* Aligns items to the start */
  }

  .customers-grid-container {
    flex-wrap: nowrap; /* Prevents wrapping into multiple rows */
    gap: 3%; /* Reduces spacing for smaller screens */
  }

  .c-grid-item {
    width: 120px; /* Adjusts width for mobile */
    height: 60px;
    padding: 10px; /* Adjust padding */
  }
  .c-grid-item img {
    max-width: 120px;
    max-height: 60px;
  }
}

/* CUSSTOMERS SECTION START*/
.customers-black-box {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  white-space: nowrap;
  width: 100%;
  font-family: IBM Plex Sans;
  margin-bottom: 4rem;
}

@media (max-width: 480px) {
  .customers-black-box {
    margin-top: 15px;
  }
}

/* Wrapper to ensure animation continuity */
.customers-grid-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.customers-grid-container {
  display: flex;
  gap: 30px;
  width: fit-content; /* Ensures the container expands dynamically */
  animation: scroll 10s linear infinite;
}

.c-grid-item {
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: IBM Plex Sans;
}

.c-grid-item img {
  width: 220px; /* Ensure logos don't get too large */
  max-height: 100px; /* Limit logo height */
}

/* Stop rotation on hover */
.customers-black-box:hover .customers-grid-container {
  animation-play-state: paused;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .customers-black-box {
    display: flex;
    justify-content: flex-start; /* Aligns items to the start */
  }

  .customers-grid-container {
    flex-wrap: nowrap; /* Prevents wrapping into multiple rows */
    gap: 3%; /* Reduces spacing for smaller screens */
  }

  .c-grid-item {
    width: 120px; /* Adjusts width for mobile */
    height: 60px;
    padding: 10px; /* Adjust padding */
  }
  .c-grid-item img {
    max-width: 120px;
    max-height: 60px;
  }
}

.hero-section {
  /* max-width: 900px; */
  /* margin: 60px auto 30px auto; Adjust margin as needed */
  text-align: center;
  padding: 0 20px; /* Add some padding for smaller screens */
}

.hero-section h1 {
  font-size: 2.2em; /* Adjust font size */
  font-weight: 600; /* Medium-bold */
  color: #2c3e50; /* Darker text color */
  margin-bottom: 20px;
}

/* Solutions Grid Styling */
.solutions-grid {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(350px, 1fr)
  ); /* Responsive grid */
  gap: 30px; /* Space between cards */
  max-width: 1100px; /* Max width for the grid */
  margin: 0 auto; /* Center the grid */
  /* padding: 20px; Add padding around the grid */
}

.solution-card {
  /* position: relative; */
  background-color: #fff;
  border-radius: 10px;
  /* padding: 30px; */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease;
  z-index: 1;
  overflow: hidden; /* Ensure the border stays inside */
}

.solution-card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 10px;
  background: linear-gradient(113.2deg, #2440f9 0%, #fd0cb9 100%);
  z-index: -1;
}
.solution-icon {
  width: 90px; /* adjust size as needed */
  height: 80px;
  margin-bottom: 10px;
}

.solution-card::after {
  content: "";
  position: absolute;
  top: 10.15px;
  left: 30.15px;
  right: 25.15px;
  bottom: 17.15px;
  background: #fff;
  border-radius: 8px;
  z-index: -1;
}
/* Card Hover Effect */
.solution-card:hover {
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px); /* Slight lift effect */
}

.solution-card h2 {
  font-size: 1.4em;
  margin-top: 15px; /* Space below icon */
  margin-bottom: 15px;
  font-weight: 600;
}

.solution-card p {
  font-size: 1rem;
  color: #666;
  margin-bottom: 25px; /* Space above button */
  flex-grow: 1; /* Allows paragraph to take up available space */
}

.card-actionable::before {
  background: linear-gradient(90deg, #fd0cb9 0%, #ffb031 38.89%);
}

.card-safeai::before {
  background: linear-gradient(90deg, #8538ff -1.36%, #fd0cb9 18.99%);
}

.card-intelligent::before {
  background: linear-gradient(90deg, #0cbf2d 0%, #3195f4 52.53%);
}

.card-securedcloud::before {
  background: linear-gradient(90deg, #416bff -0.94%, #ff51e2 32.68%);
}
/* Icon Placeholders (replace with actual SVGs or images) */
.icon-placeholder {
  width: 60px; /* Size of the icon */
  height: 60px;
  /* background-color: #f0f0f0; Light grey background for placeholder */
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em; /* For visual representation if using text */
  margin-bottom: 10px;
  /* border: 1px solid #e0e0e0; */
}

/* Specific background colors for icons based on image */
.icon-placeholder.tree {
  background-color: #f3e5f5; /* Light purple */
}
.icon-placeholder.shield {
  background-color: #e8f5e9; /* Light green */
}
.icon-placeholder.gears {
  background-color: #e3f2fd; /* Light blue */
}
.icon-placeholder.cloud {
  background-color: #ede7f6; /* Lighter purple */
}

/* Button Styling */
.learn-more-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ffffff; /* White background */
  color: #007bff; /* Blue text, common for links, but can be adjusted */
  border: 1px solid #007bff; /* Blue border */
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  align-self: flex-start; /* Aligns button to the left */
}

/* .learn-more-button:hover {
    background-color: #007bff; 
    color: #ffffff; 
    border-color: #007bff;
} */

/* Responsive Adjustments */
@media (max-width: 768px) {
  .hero-section h1 {
    font-size: 1.8em;
    margin-bottom: 10px;
  }

  .solutions-grid {
    grid-template-columns: 1fr; /* Stack cards on smaller screens */
  }

  .solution-card {
    /* padding: 25px; */
  }
}