@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=DM+Serif+Text:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prata&display=swap");
@import 'custom.css';
:root {
  --c-black: #000;
  --c-white:#fff;
  --c-primary:#e0547d;
  --c-secondary:#00466c;
  --c-light:#eaf4fc;
  --c-body: #00466C;
  --check-text:#C7DFF2;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-size: 18px;
  color: var(--c-body);
}
@media screen and (min-width: 768px) {
  body {
    font-size: 20px;
  }
}
body a {
  text-decoration: none;
}

html,
body {
  font-family: "Open Sans";
}
html a,
body a {
  text-decoration: none;
  font-family: "DM Serif Text", "Regular";
}

@media screen and (min-width: 370px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 576px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  line-height: 1.1;
  font-family: "DM Serif Text", "Regular";
}

h2 {
  font-size: 34px;
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 56px;
  }
}
@media screen and (min-width: 1400px) {
  h2 {
    font-size: 64px;
  }
}
h2.sec-title-2 {
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  h2.sec-title-2 {
    font-size: 36px;
  }
}
@media screen and (min-width: 992px) {
  h2.sec-title-2 {
    font-size: 42px;
  }
}
@media screen and (min-width: 1400px) {
  h2.sec-title-2 {
    font-size: 48px;
  }
}

.bg-lblue {
  background-color: var(--c-light);
}

.btn-type-1 {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 30px;
  color: var(--c-primary);
  border: 2px solid var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  margin-top: 12px;
}
@media screen and (min-width: 992px) {
  .btn-type-1 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.btn-type-1:hover {
  color: var(--c-white);
  background-color: var(--c-primary);
}


.show-more {
  text-align: center;
}
.show-more .show-more-btn {
  display: inline-block;
  line-height: 1.2;
  padding: 10px 24px;
  border-radius: 24px;
  color: var(--c-primary);
  border: 2px solid var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  margin-top: 12px;
  font-weight: 500;
  cursor: pointer;
}
.show-more .show-more-btn:hover {
  color: var(--c-white);
  background-color: var(--c-primary);
}

ul.description {
  list-style: none;
}

@media screen and (max-width: 767.5px) {
  .hide-on-mobile {
    display: none !important;
  }
}

header#header {
  position: relative;
}
header#header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header#header .header-main {
  padding: 2rem 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1200px) {
  header#header .header-main .container {
    max-width: 1400px;
  }
}
header#header .header-main .decoration-main {
  position: relative;
}
header#header .header-main .decoration-main .decoration-inner {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 8%;
  top: 21px;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  header#header .header-main .decoration-main .decoration-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1400px) {
  header#header .header-main .decoration-main .decoration-inner {
    top: 20px;
    right: 8%;
  }
}
header#header .header-main .decoration-main .decoration-inner .para p {
  color: var(--c-white);
  font-family: "Caveat", "bold";
  font-size: 24px;
  font-weight: 800;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
header#header .header-main .decoration-main .decoration-inner .arrow {
  max-width: 70px;
  position: relative;
  margin-top: -25.5%;
  padding-left: 10px;
}
header#header .header-main .decoration-main .decoration-inner .arrow img {
  width: 100%;
  height: auto;
}
header#header .header-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header#header .header-main .logo {
  max-width: 130px;
}
header#header .header-main .logo img {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  header#header .header-main .logo {
    max-width: 160px;
  }
}
@media screen and (min-width: 1400px) {
  header#header .header-main .logo {
    max-width: 200px;
  }
}
@media screen and (min-width: 1600px) {
  header#header .header-main .logo {
    max-width: 230px;
  }
}
header#header .header-main .nav-links {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin: 0;
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  header#header .header-main .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header#header .header-main .nav-links .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header#header .header-main .nav-links .nav-item:last-child a {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
  padding: 10px 25px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1.5px solid #fff;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 14px;
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}
@media screen and (min-width: 1400px) {
  header#header .header-main .nav-links .nav-item:last-child a {
    font-size: 15px;
  }
}
header#header .header-main .nav-links .nav-item:last-child a:hover::after {
  border: none;
  width: 0;
}
header#header .header-main .nav-links .nav-item:last-child a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
}
@media screen and (min-width: 1200px) {
  header#header .header-main .nav-links .nav-item:last-child a {
    display: none;
  }
}
header#header .header-main .nav-links .nav-item > a,
header#header .header-main .nav-links .nav-item.has-child {
  color: var(--c-white);
  font-weight: 600;
  display: block;
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
}
@media screen and (min-width: 1400px) {
  header#header .header-main .nav-links .nav-item > a,
  header#header .header-main .nav-links .nav-item.has-child {
    font-size: 15px;
  }
}
header#header .header-main .nav-links .nav-item > a::after {
  content: "";
  height: 0;
  width: 1px;
  border-bottom: 2px solid var(--c-white);
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
  margin-bottom: -2px;
  padding-bottom: 2px;
  display: block;
  opacity: 0;
}
header#header .header-main .nav-links .nav-item > a:hover::after, header#header .header-main .nav-links .nav-item > a:focus {
  width: 100%;
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  header#header .header-main .nav-links .nav-item.has-child {
    position: relative;
  }
  header#header .header-main .nav-links .nav-item.has-child .caret {
    display: none;
  }
  header#header .header-main .nav-links .nav-item.has-child:hover {
    --sub-show:1;
    --sub-visible:visible;
  }
  header#header .header-main .nav-links .nav-item.has-child > a {
    padding-bottom: 13px;
    margin-bottom: -13px;
  }
  header#header .header-main .nav-links .nav-item.has-child > a::after {
    display: none;
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu {
    position: absolute;
    z-index: 9;
    top: calc(100% + 13px);
    left: 0;
    width: 240px;
    background-color: var(--c-primary);
    list-style: none;
    padding: 12px 0;
    margin: 0;
    border-radius: 20px;
    opacity: var(--sub-show, 0);
    -webkit-transition: 0.32s all ease-in-out;
    transition: 0.32s all ease-in-out;
    visibility: var(--sub-visible, hidden);
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu::before {
    content: "";
    position: absolute;
    left: 40px;
    top: -12px;
    border-width: 0 10px 13px 10px;
    border-style: solid;
    border-color: var(--c-primary) transparent;
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu li a {
    color: var(--c-white);
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 20px;
    font-family: "Open Sans";
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0.32s ease-in-out;
    transition: all 0.32s ease-in-out;
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu li a:hover {
    padding-left: 25px;
  }
}
@media screen and (max-width: 1199.5px) {
  header#header .header-main .nav-links .nav-item.has-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header#header .header-main .nav-links .nav-item.has-child .caret {
    padding-left: 10px;
    margin-top: -3px;
    cursor: pointer;
  }
  header#header .header-main .nav-links .nav-item.has-child .caret svg {
    display: block;
    color: var(--c-primary);
    width: 1.5em;
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu {
    width: 100%;
    display: none;
    padding: 10px 0;
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu li {
    text-align: center;
    margin-bottom: 0;
  }
  header#header .header-main .nav-links .nav-item.has-child .sub-menu li a {
    color: var(--c-white);
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 20px;
    font-family: "Open Sans";
    font-weight: 600;
    line-height: 1;
  }
}

.toggle-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 1200px) {
  .toggle-col {
    display: none;
  }
}
.toggle-col .search-button {
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--c-white);
  cursor: pointer;
  margin-right: 15px;
}
.toggle-col .toggle-btn {
  width: 24px;
  height: 28px;
  position: relative;
  cursor: pointer;
  z-index: 101;
}
.toggle-col .toggle-btn span {
  width: 24px;
  border-radius: 10px;
  border-bottom: 3px solid var(--c-white);
  position: absolute;
  top: calc(50% - 2px);
  left: 3px;
}
.toggle-col .toggle-btn span:nth-child(2) {
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.menu-open .toggle-col .toggle-btn span:nth-child(2) {
  opacity: 0;
}
.toggle-col .toggle-btn span:nth-child(1) {
  margin-top: -7px;
  -webkit-transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
}
.menu-open .toggle-col .toggle-btn span:nth-child(1) {
  -webkit-transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.toggle-col .toggle-btn span:nth-child(3) {
  margin-top: 7px;
  -webkit-transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
}
.menu-open .toggle-col .toggle-btn span:nth-child(3) {
  -webkit-transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

header#header {
  /* mobile-menu css start here */
  /* form-with-btn */
}
@media screen and (max-width: 1199.5px) {
  header#header .mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #000;
    display: none;
  }
  header#header .mobile-menu .links-main {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  header#header .mobile-menu ul.nav-links {
    display: block !important;
  }
  header#header .mobile-menu ul.nav-links li {
    margin: 0 0 20px;
  }
  header#header .mobile-menu ul.nav-links li a {
    font-size: 20px;
  }
}
header#header .form-with-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 20px;
}
@media screen and (max-width: 1199.5px) {
  header#header .form-with-btn {
    display: none;
  }
}
header#header .form-with-btn .search-item {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-right: 16px;
  position: relative;
  color: var(--c-white);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header#header .form-with-btn .search-item i {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header#header .form-with-btn .form-control {
  padding: 12px 20px 12px 42px;
  border-radius: 30px;
  border: 2px solid #fff;
  color: var(--c-white);
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  width: 100%;
}
header#header .form-with-btn .form-control::-webkit-input-placeholder {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
}
header#header .form-with-btn .form-control::-moz-placeholder {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
}
header#header .form-with-btn .form-control:-ms-input-placeholder {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
}
header#header .form-with-btn .form-control::-ms-input-placeholder {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
}
header#header .form-with-btn .form-control::placeholder {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
}
header#header .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header#header .link a {
  color: var(--c-white);
  font-family: "DM Serif Text", "Regular";
  padding: 10px 25px;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1.5px solid #fff;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 14px;
  background-color: var(--c-primary);
  border-color: var(--c-primary);
}
@media screen and (min-width: 1400px) {
  header#header .link a {
    font-size: 16px;
  }
}
header#header .link a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
}
header#header .modal-dialog {
  margin: 0;
  background-color: var(--c-secondary);
  color: var(--c-white);
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
header#header .modal-dialog .modal-content {
  background-color: var(--c-secondary);
  color: var(--c-white);
  position: unset;
  border: none;
}
header#header .modal-dialog .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--c-white);
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
header#header .modal-dialog .modal-body {
  border: none;
}
header#header .modal-dialog .modal-body .form-control {
  padding: 12px 20px;
  border-radius: 30px;
  background-color: transparent;
  border: 1.5px solid var(--c-white);
}
header#header .modal-dialog .modal-body .form-control::-webkit-input-placeholder {
  color: var(--c-white);
}
header#header .modal-dialog .modal-body .form-control::-moz-placeholder {
  color: var(--c-white);
}
header#header .modal-dialog .modal-body .form-control:-ms-input-placeholder {
  color: var(--c-white);
}
header#header .modal-dialog .modal-body .form-control::-ms-input-placeholder {
  color: var(--c-white);
}
header#header .modal-dialog .modal-body .form-control::placeholder {
  color: var(--c-white);
}

header#header .header-main.business-header-main .form-with-btn .form-control {
  border-color: var(--c-secondary);
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .form-with-btn .form-control::-webkit-input-placeholder {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .form-with-btn .form-control::-moz-placeholder {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .form-with-btn .form-control:-ms-input-placeholder {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .form-with-btn .form-control::-ms-input-placeholder {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .form-with-btn .form-control::placeholder {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .form-with-btn .search-item {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .link i {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .toggle-col .search-button {
  color: var(--c-secondary);
}
header#header .header-main.business-header-main .toggle-btn span {
  border-color: var(--c-black);
}
header#header .header-main.business-header-main .toggle-btn span:nth-child(1) {
  border-color: var(--c-black);
}
.menu-open header#header .header-main.business-header-main .toggle-btn span:nth-child(1) {
  border-color: var(--c-white);
}
header#header .header-main.business-header-main .toggle-btn span:nth-child(3) {
  border-color: var(--c-black);
}
.menu-open header#header .header-main.business-header-main .toggle-btn span:nth-child(3) {
  border-color: var(--c-white);
}
@media screen and (min-width: 1200px) {
  header#header .header-main.business-header-main .nav-links .nav-item:not(:last-child) a,
    header#header .header-main.business-header-main .nav-links .nav-item:not(:last-child) {
    color: var(--c-secondary);
  }
  header#header .header-main.business-header-main .nav-links .nav-item:not(:last-child) a:hover::after {
    border-color: var(--c-secondary);
  }
}

footer#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer#footer .footer-main {
  padding: 3rem 0 2rem 0;
  background-color: var(--c-secondary);
}
@media screen and (min-width: 768px) {
  footer#footer .footer-main {
    padding: 5rem 0 4rem 0;
  }
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .container {
    max-width: 1400px;
  }
}
footer#footer .footer-main .inner {
  padding-bottom: 3.5rem;
}
footer#footer .footer-main .row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 991.5px) {
  footer#footer .footer-main .row {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
footer#footer .footer-main .row .col-xl-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
footer#footer .footer-main .row .col-xl-2:first-child {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 992px) {
  footer#footer .footer-main .row .col-xl-2:first-child {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .row .col-xl-2 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
footer#footer .footer-main .row .col-xl-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .row .col-xl-3 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
footer#footer .footer-main .logo {
  width: 160px;
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .logo {
    width: 200px;
  }
}
@media screen and (min-width: 1600px) {
  footer#footer .footer-main .logo {
    width: 240px;
  }
}
footer#footer .footer-main .logo img {
  height: auto;
  width: 100%;
}
footer#footer .footer-main .logo-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  footer#footer .footer-main .logo-main {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
footer#footer .footer-main .logo-main .caption {
  color: var(--c-white);
  padding-top: 30px;
}
footer#footer .footer-main .footer-links-main {
  padding-top: 20px;
}
@media screen and (min-width: 992px) {
  footer#footer .footer-main .footer-links-main {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .footer-links-main {
    padding-top: 66px;
  }
}
footer#footer .footer-main .footer-links-main .links {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  footer#footer .footer-main .footer-links-main .links {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
footer#footer .footer-main .footer-links-main .links li h6 {
  color: var(--c-white);
  font-family: "Open Sans";
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .footer-links-main .links li h6 {
    margin-bottom: 25px;
  }
}
footer#footer .footer-main .footer-links-main .links .nav-item {
  padding: 6px 0;
}
footer#footer .footer-main .footer-links-main .links .nav-item a {
  color: var(--c-white);
  font-size: 14px;
  font-family: "Open Sans";
  -webkit-text-decoration: 1.5px underline;
          text-decoration: 1.5px underline;
  text-decoration-color: transparent;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
footer#footer .footer-main .footer-links-main .links .nav-item a:hover {
  text-decoration-color: var(--c-white);
}
footer#footer .footer-main .footer-links-main .footer-btn {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  footer#footer .footer-main .footer-links-main .footer-btn {
    text-align: left;
  }
}
footer#footer .footer-main .footer-links-main .footer-btn a {
  color: var(--c-white);
  background-color: var(--c-primary);
  padding: 8px 20px;
  border-radius: 30px;
  border: 1.5px solid var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 14px;
}
footer#footer .footer-main .footer-links-main .footer-btn a:hover {
  background-color: var(--c-secondary);
  border: 1.5px solid var(--c-white);
}
@media screen and (min-width: 992px) {
  footer#footer .footer-main .footer-links-main .footer-btn a {
    padding: 8px 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1090px) {
  footer#footer .footer-main .footer-links-main .footer-btn a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1200px) {
  footer#footer .footer-main .footer-links-main .footer-btn a {
    padding: 10px 25px;
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  footer#footer .footer-main .footer-links-main .footer-btn a {
    font-size: 20px;
  }
}
footer#footer .footer-main .footer-bottom .icon-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
footer#footer .footer-main .footer-bottom .icon-main .icon {
  max-width: 27px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
footer#footer .footer-main .footer-bottom .icon-main .icon img {
  width: 100%;
  height: auto;
}
footer#footer .footer-main .footer-bottom .icon-main .icon:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
footer#footer .footer-main .policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  padding-top: 25px;
}
footer#footer .footer-main .policy a {
  font-size: 12px;
  color: var(--c-white);
  font-family: "Open Sans";
}
footer#footer .footer-main .copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 15px;
}
footer#footer .footer-main .copyright p {
  color: var(--c-white);
  font-size: 12px;
}
footer#footer .decoration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  margin-bottom: 20px;
  -webkit-transform: translateX(-43%) rotate(-20deg);
          transform: translateX(-43%) rotate(-20deg);
}
@media screen and (min-width: 768px) {
  footer#footer .decoration {
    -webkit-transform: translateX(-50%) rotate(-20deg);
            transform: translateX(-50%) rotate(-20deg);
  }
}
@media screen and (min-width: 992px) {
  footer#footer .decoration {
    -webkit-transform: translateX(-40%) rotate(-20deg);
            transform: translateX(-40%) rotate(-20deg);
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
footer#footer .decoration .left-arrow {
  max-width: 35px;
  position: relative;
  min-width: 26px;
}
@media screen and (min-width: 992px) {
  footer#footer .decoration .left-arrow {
    max-width: 48px;
    min-width: 38px;
  }
}
footer#footer .decoration .left-arrow img {
  width: 100%;
  height: auto;
}
footer#footer .decoration .caption {
  min-width: 150px;
  text-align: center;
}
footer#footer .decoration .caption p {
  color: var(--c-white);
  font-family: "Caveat", "bold";
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

#banner .modal-content {
  border-radius: 25px;
  padding: 20px;
}
#banner .modal-header {
  border: none;
}
#banner .modal-body {
  padding: 12px;
}
#banner .modal-body h3 {
  font-size: 28px;
  color: var(--c-secondary);
  margin-bottom: 10px;
}
@media screen and (min-width: 360px) {
  #banner .modal-body h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 400px) {
  #banner .modal-body h3 {
    font-size: 38px;
  }
}
@media screen and (min-width: 576px) {
  #banner .modal-body h3 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  #banner .modal-body h3 {
    font-size: 48px;
  }
}
#banner .modal-body p {
  color: var(--c-secondary);
}
#banner .modal-body .btn-item {
  text-align: center;
}
#banner .modal-body .btn-item a {
  color: var(--c-white);
  background-color: var(--c-primary);
  border-radius: 30px;
  border: 1.5px solid var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-size: 16px;
  padding: 10px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
}
#banner .modal-body .btn-item a:hover {
  background-color: var(--c-secondary);
  border: 1.5px solid var(--c-white);
}
@media screen and (min-width: 992px) {
  #banner .modal-body .btn-item a {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  #banner .modal-body .btn-item a {
    font-size: 20px;
  }
}
#banner .banner-main .slider-main {
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 160px;
  padding-bottom: 50px;
}
@media screen and (min-width: 1200px) {
  #banner .banner-main .slider-main {
    padding-bottom: 30px;
  }
}
#banner .banner-main .slider-main .inner .heading h1 {
  font-size: 42px;
  color: var(--c-white);
  line-height: 1.2;
  max-width: 8em;
}
@media screen and (min-width: 768px) {
  #banner .banner-main .slider-main .inner .heading h1 {
    font-size: 54px;
  }
}
@media screen and (min-width: 992px) {
  #banner .banner-main .slider-main .inner .heading h1 {
    font-size: 54px;
  }
}
@media screen and (min-width: 1200px) {
  #banner .banner-main .slider-main .inner .heading h1 {
    font-size: 70px;
  }
}
#banner .banner-main .slider-main .inner .heading h1 .border-adj {
  background-image: url("../images/bottom-border-1.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 100%;
  width: 100%;
}
#banner .banner-main .slider-main .inner .heading h2 {
  font-size: 42px;
  color: var(--c-white);
  max-width: 10em;
}
@media screen and (min-width: 576px) {
  #banner .banner-main .slider-main .inner .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 992px) {
  #banner .banner-main .slider-main .inner .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 1200px) {
  #banner .banner-main .slider-main .inner .heading h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: 1600px) {
  #banner .banner-main .slider-main .inner .heading h2 {
    font-size: 80px;
  }
}
#banner .banner-main .slider-main .inner .heading h2 .border-adj {
  background-image: url("../images/bottom-border-2.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  width: 100%;
}
#banner .banner-main .slider-main .inner .captions {
  padding-top: 20px;
  color: var(--c-white);
}
#banner .banner-main .slider-main .inner .captions h6 {
  font-size: 20px;
  max-width: 20em;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
  font-family: "Open Sans";
}
@media screen and (min-width: 1200px) {
  #banner .banner-main .slider-main .inner .captions h6 {
    font-size: 26px;
  }
}
#banner .banner-main .slider-main .inner .captions p {
  max-width: 32em;
}
#banner .banner-main .slider-main .inner .banner-btn {
  /* display: none; */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 30px;
}
@media screen and (min-width: 576px) {
  #banner .banner-main .slider-main .inner .banner-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#banner .banner-main .slider-main .inner .banner-btn a {
  background-color: var(--c-primary);
  color: var(--c-white);
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  position: relative;
  z-index: 99;
}
@media screen and (min-width: 1200px) {
  #banner .banner-main .slider-main .inner .banner-btn a {
    font-size: 20px;
  }
}
#banner .banner-main .slider-main .inner .banner-btn a:hover {
  background-color: var(--c-secondary);
}
#banner .banner-main .for-bg-adj {
  height: 100%;
}
#banner .banner-main .for-bg-adj .captions.captions-2 h6 {
  max-width: 21em;
}
#banner .swiper {
  height: 100vh;
  min-height: 45vw;
  width: 100%;
}
#banner .swiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  position: absolute;
  left: 4%;
  bottom: -38%;
  z-index: 1 !important;
}
@media screen and (min-width: 576px) {
  #banner .swiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical {
    right: 8%;
    top: 50%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    left: unset;
  }
}
#banner .swiper .swiper-pagination-bullet-active {
  background-color: var(--c-primary) !important;
}
#banner .swiper .swiper-pagination-bullet {
  background-color: var(--c-white);
  opacity: 1;
  height: 13px;
  width: 13px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #banner .swiper .swiper-pagination-bullet {
    margin-bottom: 0;
  }
}

.swiper.exploreSwiper .swiper-slide {
  height: auto;
}
.swiper.exploreSwiper .swiper-slide .slider-main {
  height: 100%;
}
.swiper.exploreSwiper .swiper-slide .slider-main .slider-box {
  height: 100%;
}

#explore .explore-main {
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  #explore .explore-main {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
}
#explore .explore-main .inner .explore-decore {
  position: relative;
}
#explore .explore-main .inner .explore-decore .explore-decore-inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: absolute;
  left: 12%;
  bottom: -75px;
  display: none;
}
@media screen and (min-width: 768px) {
  #explore .explore-main .inner .explore-decore .explore-decore-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 992px) {
  #explore .explore-main .inner .explore-decore .explore-decore-inner {
    left: 21%;
    bottom: -90px;
  }
}
@media screena and (min-width: 1200px) {
  #explore .explore-main .inner .explore-decore .explore-decore-inner {
    left: 24%;
    bottom: -90px;
  }
}
@media screen and (min-width: 1400px) {
  #explore .explore-main .inner .explore-decore .explore-decore-inner {
    left: 33%;
    bottom: -80px;
  }
}
#explore .explore-main .inner .explore-decore .explore-decore-inner p {
  color: var(--c-primary);
  font-family: "Caveat", "bold";
  font-size: 24px;
  font-weight: 800;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
#explore .explore-main .inner .explore-decore .explore-decore-inner .arrow {
  max-width: 70px;
  position: relative;
  margin-top: -11.5%;
  padding-left: 10px;
}
#explore .explore-main .inner .explore-decore .explore-decore-inner .arrow img {
  width: 100%;
  height: auto;
}
#explore .explore-main .inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  #explore .explore-main .inner-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
#explore .explore-main .inner-content .heading h2 {
  font-size: 48px;
  color: var(--c-secondary);
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  #explore .explore-main .inner-content .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 768px) {
  #explore .explore-main .inner-content .heading h2 {
    max-width: 9em;
  }
}
@media screen and (min-width: 992px) {
  #explore .explore-main .inner-content .heading h2 {
    font-size: 60px;
  }
}
@media screen and (min-width: 1400px) {
  #explore .explore-main .inner-content .heading h2 {
    font-size: 70px;
    max-width: 9em;
  }
}
#explore .explore-main .inner-content .captions p {
  color: var(--c-secondary);
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #explore .explore-main .inner-content .captions p {
    max-width: 35em;
  }
}
#explore .explore-main .inner-content .explore-btn {
  padding-top: 20px;
}
#explore .explore-main .inner-content .explore-btn a {
  padding: 10px 25px;
  font-size: 16px;
  color: var(--c-primary);
  border: 2.5px solid var(--c-primary);
  border-radius: 30px;
  text-align: center;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
@media screen and (min-width: 1200px) {
  #explore .explore-main .inner-content .explore-btn a {
    font-size: 20px;
  }
}
#explore .explore-main .inner-content .explore-btn a:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}

.explore-slider-main {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .explore-slider-main {
    padding-top: 4rem;
    padding-bottom: 4.5rem;
  }
}
.explore-slider-main .slider-container {
  padding-left: 6.9%;
}
.explore-slider-main .swiper {
  padding-bottom: 4rem;
  overflow: visible;
}
.explore-slider-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .explore-slider-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 15px;
  }
}
@media screen and (min-width: 1400px) {
  .explore-slider-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 18px;
  }
}
.explore-slider-main .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  margin: 0;
}
.explore-slider-main .swiper-pagination-bullet-active {
  background-color: var(--c-primary) !important;
}
.explore-slider-main .swiper-pagination-bullet {
  background-color: var(--c-secondary);
  opacity: 1;
  height: 13px;
  width: 13px;
}
.explore-slider-main .heading {
  padding-bottom: 30px;
}
.explore-slider-main .heading h3 {
  color: var(--c-secondary);
  font-size: 28px;
}
@media screen and (min-width: 992px) {
  .explore-slider-main .heading h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .explore-slider-main .heading h3 {
    font-size: 40px;
  }
}
.explore-slider-main .slider-main {
  position: relative;
}
.explore-slider-main .slider-box {
  padding: 35px 20px;
  color: var(--c-secondary);
  background-color: var(--c-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .explore-slider-main .slider-box {
    padding: 30px 24px 35px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .explore-slider-main .slider-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 35px 40px 40px;
  }
}
.explore-slider-main .slider-box h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .explore-slider-main .slider-box h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .explore-slider-main .slider-box h3 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .explore-slider-main .slider-box h3 {
    font-size: 46px;
  }
}
.explore-slider-main .slider-box p {
  margin-bottom: 20px;
  color: var(--c-secondary);
  font-weight: 600;
  line-height: 2.5;
}
@media screen and (min-width: 992px) {
  .explore-slider-main .slider-box p {
    line-height: 2.9;
  }
}
.explore-slider-main .slider-box a {
  padding: 10px 35px;
  text-align: center;
  background-color: var(--c-primary);
  color: var(--c-white);
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 992px) {
  .explore-slider-main .slider-box a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1200px) {
  .explore-slider-main .slider-box a {
    font-size: 18px;
    padding: 10px 45px;
  }
}
@media screen and (min-width: 1600px) {
  .explore-slider-main .slider-box a {
    font-size: 20px;
    padding: 10px 50px;
  }
}
.explore-slider-main .slider-box a:hover {
  background-color: var(--c-secondary);
}
.explore-slider-main .decore-image {
  max-width: 21px;
  position: absolute;
  right: -2%;
  top: 10%;
}
@media screen and (min-width: 768px) {
  .explore-slider-main .decore-image {
    right: -2.5%;
  }
}
.explore-slider-main .decore-image img {
  height: auto;
  width: 100%;
}

.benefits-main {
  padding-top: 3.5rem;
  background-color: var(--c-light);
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .benefits-main {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}
.benefits-main .inner .decoration-main {
  position: relative;
}
.benefits-main .inner .decoration-main .decoration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  position: absolute;
  left: 21%;
  top: 0px;
}
@media screen and (min-width: 450px) {
  .benefits-main .inner .decoration-main .decoration {
    left: 16%;
  }
}
@media screen and (min-width: 768px) {
  .benefits-main .inner .decoration-main .decoration {
    left: 30%;
    top: 10px;
  }
}
@media screen and (min-width: 992px) {
  .benefits-main .inner .decoration-main .decoration {
    left: 20%;
    top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .benefits-main .inner .decoration-main .decoration {
    left: 15%;
  }
}
@media screen and (min-width: 1400px) {
  .benefits-main .inner .decoration-main .decoration {
    left: 14%;
  }
}
.benefits-main .inner .decoration-main .left-arrow {
  max-width: 35px;
  position: relative;
  margin-top: -13%;
}
@media screen and (min-width: 992px) {
  .benefits-main .inner .decoration-main .left-arrow {
    max-width: 48px;
  }
}
.benefits-main .inner .decoration-main .left-arrow img {
  width: 100%;
  height: auto;
}
.benefits-main .inner .decoration-main .caption p {
  color: var(--c-primary);
  font-family: "Caveat", "bold";
  font-weight: 600;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.benefits-main .inner .heading h2 {
  font-size: 38px;
  color: var(--c-secondary);
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .benefits-main .inner .heading h2 {
    font-size: 45px;
  }
}
@media screen and (min-width: 768px) {
  .benefits-main .inner .heading h2 {
    font-size: 45px;
  }
}
@media screen and (min-width: 992px) {
  .benefits-main .inner .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 1200px) {
  .benefits-main .inner .heading h2 {
    font-size: 60px;
  }
}
.benefits-main .inner .caption p {
  color: var(--c-secondary);
  margin-bottom: 20px;
  max-width: 100%;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .benefits-main .inner .caption p {
    max-width: 26em;
  }
}
.benefits-main .inner .benefit-btn {
  padding-top: 20px;
}
.benefits-main .inner .benefit-btn a {
  padding: 10px 50px;
  border-radius: 30px;
  border: 2px solid var(--c-primary);
  color: var(--c-primary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.benefits-main .inner .benefit-btn a:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.benefits-main .inner .benefit-right {
  padding-top: 90px;
}
@media screen and (min-width: 768px) {
  .benefits-main .inner .benefit-right {
    padding-top: 0;
  }
}
.benefits-main .inner .benefit-right .decoration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 3rem;
}
.benefits-main .inner .benefit-right .decoration p {
  font-size: 28px;
  font-family: "Caveat", "bold";
  color: var(--c-primary);
  font-weight: 800;
}
@media screen and (min-width: 992px) {
  .benefits-main .inner .benefit-right .decoration p {
    font-size: 40px;
  }
}
.benefits-main .inner .benefit-right .decoration p span {
  background-image: url("../images/single-border-bottom.svg");
  height: 100%;
  width: 100%;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  display: block;
  position: relative;
}
.benefits-main .inner .benefit-right .circle-arrow {
  max-width: 60px;
  min-width:60px;
  position: relative;
  margin-left: -7%;
}
@media screen and (min-width: 400px) {
  .benefits-main .inner .benefit-right .circle-arrow {
    margin-left: -6%;
  }
}
@media screen and (min-width: 992px) {
  .benefits-main .inner .benefit-right .circle-arrow {
    max-width: 70px;
    margin-left: -6%;
      min-width:70px;
  }
}
@media screen and (min-width: 1200px) {
  .benefits-main .inner .benefit-right .circle-arrow {
    max-width: 80px;
    margin-left: -5%;
      min-width:80px;
  }
}
@media screen and (min-width: 1400px) {
  .benefits-main .inner .benefit-right .circle-arrow {
    max-width: 80px;
    margin-left: -4%;
  }
}
.benefits-main .inner .benefit-right .circle-arrow img {
  height: auto;
  width: 100%;
}
.benefits-main .inner .benefit-right .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.benefits-main .inner .benefit-right .content:not(:last-child) {
  margin-bottom: 20px;
}
.benefits-main .inner .benefit-right .content .captions {
  background-color: var(--c-secondary);
  padding: 45px 35px;
  border-radius: 25px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.benefits-main .inner .benefit-right .content .captions h6 {
  font-size: 24px;
  color: var(--c-white);
  margin-bottom: 15px;
}
@media screen and (min-width: 576px) {
  .benefits-main .inner .benefit-right .content .captions h6 {
    font-size: 26px;
  }
}
@media screen and (min-width: 992px) {
  .benefits-main .inner .benefit-right .content .captions h6 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .benefits-main .inner .benefit-right .content .captions h6 {
    font-size: 40px;
  }
}
.benefits-main .inner .benefit-right .content .captions p {
  color: var(--c-white);
  margin-bottom: 0;
}

.member-main {
  padding: 2rem 0;
  background-color: var(--c-primary);
}
@media screen and (min-width: 576px) {
  .member-main {
    padding: 3rem 0;
  }
}
@media screen and (min-width: 768px) {
  .member-main {
    padding: 5rem 0;
  }
}
.member-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media screen and (min-width: 450px) {
  .member-main .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.member-main .inner .heading {
  color: var(--c-white);
}
.member-main .inner .heading h2 {
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .member-main .inner .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 992px) {
  .member-main .inner .heading h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: 1600px) {
  .member-main .inner .heading h2 {
    font-size: 80px;
  }
}
.member-main .inner .join-btn a {
  font-size: 20px;
  padding: 10px 20px;
  border: 2px solid var(--c-white);
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--c-white);
  border-radius: 50px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.member-main .inner .join-btn a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
}
@media screen and (min-width: 576px) {
  .member-main .inner .join-btn a {
    font-size: 20px;
    padding: 10px 30px;
  }
}
@media screen and (min-width: 768px) {
  .member-main .inner .join-btn a {
    padding: 10px 3rem;
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  .member-main .inner .join-btn a {
    font-size: 32px;
    padding: 10px 5rem;
  }
}

.image-text-section {
  padding-top: 3rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .image-text-section {
    padding-top: 5.5rem;
  }
}
.image-text-section .inner .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px 0;
}
@media screen and (min-width: 992px) {
  .image-text-section .inner .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.image-text-section .inner .image-wrapper {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .image-text-section .inner .image-wrapper {
    max-width: 550px;
  }
}
@media screen and (min-width: 1600px) {
  .image-text-section .inner .image-wrapper {
    max-width: 600px;
  }
}
.image-text-section .inner .image-wrapper img {
  height: auto;
  width: 100%;
}
.image-text-section .inner .image-wrapper .decoration {
  max-width: 24px;
  position: absolute;
  top: 10%;
  right: -10px;
}
@media screen and (min-width: 576px) {
  .image-text-section .inner .image-wrapper .decoration {
    right: -3.5%;
    max-width: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .image-text-section .inner .image-wrapper .decoration {
    max-width: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .image-text-section .inner .image-wrapper .decoration {
    max-width: 50px;
  }
}
.image-text-section .inner .image-wrapper .decoration img {
  width: 100%;
  height: auto;
}
.image-text-section .inner .captions.right {
  margin-left: auto;
}
@media screen and (min-width: 992px) {
  .image-text-section .inner .captions.right {
    max-width: 32em;
  }
}
.image-text-section .inner .captions.left {
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  .image-text-section .inner .captions.left {
    max-width: 32em;
  }
}
.image-text-section .inner .captions .heading h2 {
  max-width: 100%;
  margin-bottom: 20px;
}
.image-text-section .inner .captions .heading h2 br {
  display: none;
}
@media screen and (min-width: 992px) {
  .image-text-section .inner .captions .heading h2 br {
    display: block;
  }
}
.image-text-section .inner .captions .caption p {
  color: var(--c-secondary);
  max-width: 100%;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .image-text-section .inner .captions .caption p {
    max-width: 31em;
  }
}
.image-text-section .inner .captions .explore-btn a {
  font-size: 16px;
  color: var(--c-primary);
  font-family: "Open Sans";
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .image-text-section .inner .captions .explore-btn a {
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  .image-text-section .inner .captions .explore-btn a {
    font-size: 20px;
  }
}
.image-text-section .inner .captions .explore-btn .decoration {
  max-width: 60px;
  height: 5px;
}
@media screen and (min-width: 1200px) {
  .image-text-section .inner .captions .explore-btn .decoration {
    max-width: 70px;
  }
}
.image-text-section .inner .captions .explore-btn .decoration img {
  height: 100%;
  width: 100%;
}
.image-text-section .inner .captions ul {
  padding-top: 30px;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.image-text-section .inner .captions ul li {
  padding-left: 56px;
  margin-bottom: 18px;
  font-size: 22px;
  color: var(--c-secondary);
  font-weight: 500;
  font-family: "DM Serif Text", "Regular";
  position: relative;
  line-height: 1.2941176471;
}
@media screen and (min-width: 768px) {
  .image-text-section .inner .captions ul li {
    padding-left: 60px;
    margin-bottom: 24px;
    font-size: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .image-text-section .inner .captions ul li {
    margin-bottom: 20px;
    padding-left: 70px;
    font-size: 24px;
  }
}
.image-text-section .inner .captions ul li::before {
  content: "";
  min-width: 2em;
  display: block;
  background-image: url("../images/pink-tick.svg");
  background-position: left center;
  background-size: 1.667em auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 2em;
  height: 1.667em;
  min-height: 100%;
}

.impact-main {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .impact-main {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}
.impact-main .heading {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .impact-main .heading {
    padding-bottom: 30px;
  }
}
.impact-main .heading h2 {
  font-size: 48px;
  color: var(--c-secondary);
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .impact-main .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 1600px) {
  .impact-main .heading h2 {
    font-size: 62px;
  }
}
.impact-main .heading p {
  color: var(--c-secondary);
  font-weight: 500;
}
.impact-main .slide-image img {
  height: auto;
  width: 100%;
}
.impact-main .slide-content p {
  font-size: 16px;
}
.impact-main .slide-content .text-number {
  font-size: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .impact-main .slide-content .text-number {
    font-size: 110px;
  }
}
@media screen and (min-width: 768px) {
  .impact-main .slide-content .text-number {
    font-size: 140px;
  }
}
@media screen and (min-width: 992px) {
  .impact-main .slide-content .text-number {
    font-size: 110px;
  }
}
@media screen and (min-width: 1200px) {
  .impact-main .slide-content .text-number {
    font-size: 150px;
  }
}
@media screen and (min-width: 1400px) {
  .impact-main .slide-content .text-number {
    font-size: 180px;
  }
}
.impact-main .slide-content .text-number .value {
  font-family: "DM Serif Text", "Regular";
}
.impact-main .slide-content .text-number .sign {
  font-size: 0.5em;
  line-height: 1.4;
}
.impact-main .quot {
  font-family: "Prata", serif;
  font-size: 170px;
  line-height: 1;
  height: 0.29em;
  color: var(--c-primary);
  margin-bottom: 15px;
}
.impact-main .user-info h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.impact-main .user-info h6 {
  font-size: 16px;
  color: var(--c-primary);
}
.impact-main .impact-slider-container {
  overflow: hidden;
}
.impact-main .impact-slider-container .impactSwiper {
  overflow: visible;
  padding-bottom: 4rem;
}
.impact-main .impact-slider-container .impactSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 15px;
  }
}
@media screen and (min-width: 1400px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 18px;
  }
}
.impact-main .impact-slider-container .impactSwiper .swiper-pagination-bullet-active {
  background-color: var(--c-primary) !important;
}
.impact-main .impact-slider-container .impactSwiper .swiper-pagination-bullet {
  background-color: var(--c-secondary);
  opacity: 1;
  height: 13px;
  width: 13px;
  margin: 0;
}
.impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide.bg-s {
  --card-bg: var(--c-secondary);
  --card-color: var(--c-white);
}
.impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide.bg-p {
  --card-bg: var(--c-primary);
  --card-color: var(--c-white);
}
.impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide .slide-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-color: var(--card-bg, var(--c-light));
  color: var(--card-color, var(--c-secondary));
  padding: 30px 16px;
  border-radius: 16px;
}
@media screen and (min-width: 400px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide .slide-content {
    padding: 32px 24px;
    border-radius: 24px;
  }
}
@media screen and (min-width: 576px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide .slide-content {
    padding: 32px 20px;
    border-radius: 24px;
  }
}
@media screen and (min-width: 768px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide .slide-content {
    padding: 32px 24px;
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide .slide-content {
    padding: 32px 30px;
    border-radius: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .impact-main .impact-slider-container .impactSwiper .swiper-wrapper .swiper-slide .slide-content {
    padding: 40px;
    border-radius: 36px;
  }
}

.involved-main {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .involved-main {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }
}
.involved-main .heading {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .involved-main .heading {
    padding-bottom: 2.5rem;
  }
}
.involved-main .heading h2 {
  text-align: center;
  font-size: 48px;
  color: var(--c-secondary);
}
@media screen and (min-width: 576px) {
  .involved-main .heading h2 {
    font-size: 54px;
  }
}
@media screen and (min-width: 992px) {
  .involved-main .heading h2 {
    font-size: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .involved-main .heading h2 {
    font-size: 70px;
  }
}
.involved-main .inner {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.involved-main .inner .row {
  gap: 45px;
}
@media screen and (min-width: 768px) {
  .involved-main .inner .row {
    gap: 0;
  }
}
.involved-main .inner .box {
  text-align: center;
}
.involved-main .inner .box .heading {
  padding-top: 1rem;
  padding-bottom: 0;
}
.involved-main .inner .box .heading h3 {
  color: var(--c-secondary);
  font-size: 32px;
  margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
  .involved-main .inner .box .heading h3 {
    font-size: 38px;
  }
}
@media screen and (min-width: 1200px) {
  .involved-main .inner .box .heading h3 {
    font-size: 42px;
  }
}
@media screen and (min-width: 1600px) {
  .involved-main .inner .box .heading h3 {
    font-size: 48px;
  }
}
.involved-main .inner .box .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.involved-main .inner .box .caption p {
  color: var(--c-secondary);
  max-width: 21em;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.involved-main .inner .box .involved-btn {
  padding-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .involved-main .inner .box .involved-btn {
    padding-top: 1rem;
  }
}
.involved-main .inner .box .involved-btn a {
  color: var(--c-primary);
  font-size: 13px;
  text-align: center;
  padding: 8px 10px;
  width: 45%;
  text-align: center;
  border: 2px solid var(--c-primary);
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 350px) {
  .involved-main .inner .box .involved-btn a {
    font-size: 14px;
    padding: 8px 15px;
  }
}
@media screen and (min-width: 450px) {
  .involved-main .inner .box .involved-btn a {
    padding: 8px 0;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .involved-main .inner .box .involved-btn a {
    width: 75%;
  }
}
@media screen and (min-width: 992px) {
  .involved-main .inner .box .involved-btn a {
    width: 55%;
  }
}
@media screen and (min-width: 1200px) {
  .involved-main .inner .box .involved-btn a {
    font-size: 20px;
  }
}
@media screen and (min-width: 1600px) {
  .involved-main .inner .box .involved-btn a {
    font-size: 24px;
  }
}
.involved-main .inner .box .involved-btn a:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.involved-main .inner .box .image-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 1.4rem;
}
@media screen and (min-width: 768px) {
  .involved-main .inner .box .image-main {
    padding-bottom: 2rem;
  }
}
.involved-main .inner .box .image-main .image {
  max-width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 992px) {
  .involved-main .inner .box .image-main .image {
    max-width: 100px;
    height: 100px;
  }
}
@media screen and (min-width: 1600px) {
  .involved-main .inner .box .image-main .image {
    max-width: 120px;
    height: 120px;
  }
}
.involved-main .inner .box .image-main .image img {
  height: 100%;
  width: 100%;
}

.support-main {
  padding-top: 3rem;
  padding-bottom: 2rem;
  background-color: var(--c-secondary);
}
@media screen and (min-width: 768px) {
  .support-main {
    padding-top: 5rem;
  }
}
.support-main .inner {
  padding-bottom: 2rem;
}
.support-main .inner .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.support-main .inner .row .col-md-6:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .support-main .inner .row .col-md-6:last-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.support-main .inner .heading h3 {
  font-size: 37px;
  color: var(--c-white);
  max-width: 12em;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .support-main .inner .heading h3 {
    max-width: 9em;
  }
}
@media screen and (min-width: 992px) {
  .support-main .inner .heading h3 {
    font-size: 42px;
  }
}
@media screen and (min-width: 1200px) {
  .support-main .inner .heading h3 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1600px) {
  .support-main .inner .heading h3 {
    font-size: 54px;
  }
}
.support-main .inner .heading h3 .border-adj {
  background-image: url("../images/bottom-border-1.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 100%;
  width: 100%;
}
.support-main .inner .caption p {
  color: var(--c-white);
  max-width: 100%;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .support-main .inner .caption p {
    max-width: 31em;
  }
}
.support-main .inner .content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  padding-top: 1rem;
}
@media screen and (min-width: 768px) {
  .support-main .inner .content-main {
    padding-top: 0;
  }
}
.support-main .inner .content-main .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.support-main .inner .content-main .content .head a {
  font-size: 23px;
  color: var(--c-white);
}
@media screen and (min-width: 400px) {
  .support-main .inner .content-main .content .head a {
    font-size: 26px;
  }
}
@media screen and (min-width: 1200px) {
  .support-main .inner .content-main .content .head a {
    font-size: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .support-main .inner .content-main .content .head a {
    font-size: 40px;
  }
}
.support-main .inner .content-main .content .decoration {
  max-width: 35px;
}
@media screen and (min-width: 768px) {
  .support-main .inner .content-main .content .decoration {
    max-width: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .support-main .inner .content-main .content .decoration {
    max-width: 50px;
  }
}
.support-main .inner .content-main .content .decoration img {
  width: 100%;
  height: auto;
}
.support-main .brand-slider .brand-image {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.support-main .brand-slider .brand-image img {
  width: 1200px;
  min-width: 1200px;
  height: auto;
}

.our-word-main {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .our-word-main {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
}
.our-word-main .heading {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .our-word-main .heading {
    padding-bottom: 30px;
  }
}
.our-word-main .heading h2 {
  font-size: 36px;
  color: var(--c-secondary);
  margin-bottom: 5px;
}
@media screen and (min-width: 576px) {
  .our-word-main .heading h2 {
    font-size: 42px;
  }
}
@media screen and (min-width: 768px) {
  .our-word-main .heading h2 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1600px) {
  .our-word-main .heading h2 {
    font-size: 54px;
  }
}
.our-word-main .heading p {
  color: var(--c-secondary);
  font-weight: 600;
  font-size: 17px;
}
@media screen and (min-width: 768px) {
  .our-word-main .heading p {
    font-size: 20px;
  }
}
.our-word-main .our-word-slider-container {
  overflow: hidden;
}
.our-word-main .our-word-slider-container .ourwordSwiper {
  overflow: visible;
  padding-bottom: 5rem;
}
.our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 15px;
  }
}
@media screen and (min-width: 1400px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 18px;
  }
}
.our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination-bullet-active {
  background-color: var(--c-primary) !important;
}
.our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination-bullet {
  background-color: var(--c-secondary);
  opacity: 1;
  height: 13px;
  width: 13px;
  margin: 0;
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 576px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content .quote h6 {
  font-size: 70px;
  color: var(--c-primary);
  font-family: "Caveat", "bold";
  padding-right: 35px;
  position: relative;
  margin-top: -10px;
}
@media screen and (min-width: 992px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .quote h6 {
    font-size: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .quote h6 {
    font-size: 110px;
  }
}
@media screen and (min-width: 1600px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .quote h6 {
    font-size: 130px;
  }
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption {
  padding-top: 20px;
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption h3 {
  font-size: 24px;
  color: var(--c-secondary);
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption h3 {
    font-size: 37px;
  }
}
@media screen and (min-width: 1600px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption h3 {
    font-size: 42px;
  }
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption p {
  color: var(--c-secondary);
  font-size: 15px;
  max-width: 22em;
  font-weight: 500;
}
@media screen and (min-width: 1600px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption p {
    font-size: 17px;
  }
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption .user-info h4 {
  font-size: 17px;
  color: var(--c-secondary);
  margin-bottom: 12px;
}
@media screen and (min-width: 1200px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption .user-info h4 {
    font-size: 19px;
  }
}
@media screen and (min-width: 1200px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption .user-info h4 {
    font-size: 22px;
  }
}
.our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption .user-info h6 {
  color: var(--c-primary);
  font-size: 12px;
  font-family: "Open Sans";
}
@media screen and (min-width: 1200px) {
  .our-word-main .our-word-slider-container .ourwordSwiper .slide-content .caption .user-info h6 {
    font-size: 13px;
  }
}

#business-page {
  padding-top: 150px;
}
@media screen and (min-width: 768px) {
  #business-page {
    padding-top: 170px;
  }
}
@media screen and (min-width: 1200px) {
  #business-page {
    padding-top: 230px;
  }
}

#podcast .podcast-main {
  padding: 1.5rem 0 2.5rem 0;
}
#podcast .podcast-main .heading h1 {
  font-size: 32px;
  color: var(--c-secondary);
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  #podcast .podcast-main .heading h1 {
    font-size: 36px;
  }
}
@media screen and (min-width: 992px) {
  #podcast .podcast-main .heading h1 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  #podcast .podcast-main .heading h1 {
    font-size: 54px;
  }
}
@media screen and (min-width: 1600px) {
  #podcast .podcast-main .heading h1 {
    font-size: 66px;
  }
}
#podcast .podcast-main .heading h4 {
  font-size: 22px;
  color: var(--c-primary);
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  #podcast .podcast-main .heading h4 {
    font-size: 26px;
  }
}
@media screen and (min-width: 1200px) {
  #podcast .podcast-main .heading h4 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1600px) {
  #podcast .podcast-main .heading h4 {
    font-size: 38px;
  }
}
#podcast .podcast-main .para p {
  color: var(--c-secondary);
  font-weight: 500;
  font-size: 16px;
}
@media screen and (min-width: 1600px) {
  #podcast .podcast-main .para p {
    font-size: 18px;
  }
}

.podcast-boxes-main .inner .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 992px) {
  .podcast-boxes-main .inner .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.podcast-boxes-main .inner .row .col-md-4 {
  width: 100%;
  margin-bottom: 3.5rem;
}
@media screen and (min-width: 576px) {
  .podcast-boxes-main .inner .row .col-md-4 {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 992px) {
  .podcast-boxes-main .inner .row .col-md-4 {
    width: 33.3333%;
    margin-bottom: 6rem;
  }
}
.podcast-boxes-main .inner .box-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.podcast-boxes-main .inner .image {
  width: 100%;
  position: relative;
  padding: 0 0 100%;
  border-radius: 32px;
    overflow: hidden;
}
.podcast-boxes-main .inner .image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.podcast-boxes-main .inner .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: -25%;
  width: 80%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (min-width: 576px) {
  .podcast-boxes-main .inner .box {
    width: 70%;
    margin-top: -20%;
  }
}
@media screen and (min-width: 768px) {
  .podcast-boxes-main .inner .box {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .podcast-boxes-main .inner .box {
    margin-top: -40%;
    width: calc(100% - 48px);
  }
}
.podcast-boxes-main .inner .box .box-inner-3 h4 {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  .podcast-boxes-main .inner .box .box-inner-3 h4 {
    max-width: 5em;
  }
}
.podcast-boxes-main .inner .box .box-inner {
  background-color: var(--c-light);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 25px;
  border-radius: 25px;
  width: 100%;
  height: 100%;
}
.podcast-boxes-main .inner .box .box-inner h4 {
  font-size: 20px;
  color: var(--c-secondary);
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .podcast-boxes-main .inner .box .box-inner h4 {
    font-size: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .podcast-boxes-main .inner .box .box-inner h4 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1400px) {
  .podcast-boxes-main .inner .box .box-inner h4 {
    font-size: 32px;
  }
}
.podcast-boxes-main .inner .box .box-inner h6 {
  color: var(--c-primary);
  margin-bottom: 10px;
  font-family: "Open Sans";
  font-weight: bold;
}
.podcast-boxes-main .inner .box .box-inner p {
  color: var(--c-secondary);
  max-width: 16em;
  font-weight: 500;
}
.podcast-boxes-main .inner .box .box-inner .decoration {
  max-width: 60px;
  position: relative;
  margin-bottom: -30%;
  margin-top: auto;
}
@media screen and (min-width: 350px) {
  .podcast-boxes-main .inner .box .box-inner .decoration {
    margin-bottom: -25%;
    max-width: 65px;
  }
}
@media screen and (min-width: 400px) {
  .podcast-boxes-main .inner .box .box-inner .decoration {
    margin-bottom: -20%;
  }
}
@media screen and (min-width: 475px) {
  .podcast-boxes-main .inner .box .box-inner .decoration {
    margin-bottom: -17%;
  }
}
@media screen and (min-width: 576px) {
  .podcast-boxes-main .inner .box .box-inner .decoration {
    max-width: 85px;
    margin-bottom: -20%;
  }
}
@media screen and (min-width: 992px) {
  .podcast-boxes-main .inner .box .box-inner .decoration {
    margin-bottom: -30%;
  }
}
@media screen and (min-width: 1200px) {
  .podcast-boxes-main .inner .box .box-inner .decoration {
    margin-bottom: -25%;
  }
}
.podcast-boxes-main .inner .box .box-inner .decoration img {
  height: auto;
  width: 100%;
}

#podcast-pagination {
  padding-bottom: 3rem;
}
#podcast-pagination .pagination-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#podcast-pagination .pagination-main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  list-style: none;
}
#podcast-pagination .pagination-main ul li a {
  font-family: "Open Sans";
  border: none;
  font-weight: 600;
  color: var(--c-secondary);
  font-size: 20px;
  height: 45px;
  width: 45px;
  border-radius: 10px;
  background-color: var(--c-light);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 576px) {
  #podcast-pagination .pagination-main ul li a {
    height: 55px;
    width: 55px;
    font-size: 24px;
  }
}
#podcast-pagination .pagination-main ul li a:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}

.sale-info-main {
  padding-bottom: 4rem;
}
.sale-info-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sale-info-main .inner:not(:last-child) {
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .sale-info-main .inner:not(:last-child) {
    padding-bottom: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .sale-info-main .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.sale-info-main .left {
  position: relative;
  margin-right: 0;
  margin-bottom: -19%;
}
@media screen and (min-width: 768px) {
  .sale-info-main .left {
    margin-right: -9%;
    margin-bottom: 0;
  }
}
.sale-info-main .left .image {
  max-width: 180px;
}
@media screen and (min-width: 460px) {
  .sale-info-main .left .image {
    max-width: 220px;
  }
}
.sale-info-main .left .image img {
  height: auto;
  width: 100%;
}
.sale-info-main .left .image .decoration {
  max-width: 15px;
  position: absolute;
  top: 15%;
  right: -8px;
}
.sale-info-main .left .image .decoration img {
  height: auto;
  width: 100%;
}
.sale-info-main .right {
  padding-bottom: 34px;
  padding-top: 23%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--c-light);
  border-radius: 25px;
}
@media screen and (min-width: 768px) {
  .sale-info-main .right {
    padding-left: 14%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 992px) {
  .sale-info-main .right {
    padding-right: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .sale-info-main .right {
    padding-right: 50px;
  }
}
.sale-info-main .right .box-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 460px) {
  .sale-info-main .right .box-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.sale-info-main .right .head {
  padding-bottom: 30px;
}
.sale-info-main .right .head h4 {
  font-size: 24px;
  color: var(--c-secondary);
  margin-bottom: 5px;
}
@media screen and (min-width: 576px) {
  .sale-info-main .right .head h4 {
    font-size: 27px;
  }
}
@media screen and (min-width: 992px) {
  .sale-info-main .right .head h4 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .sale-info-main .right .head h4 {
    font-size: 36px;
  }
}
@media screen and (min-width: 1600px) {
  .sale-info-main .right .head h4 {
    font-size: 40px;
  }
}
.sale-info-main .right .head h6 {
  color: var(--c-primary);
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .sale-info-main .right .head h6 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sale-info-main .right .head h6 {
    font-size: 17px;
  }
}
@media screen and (min-width: 1600px) {
  .sale-info-main .right .head h6 {
    font-size: 18px;
  }
}
.sale-info-main .right .sales-btn {
  padding-bottom: 10px;
}
@media screen and (min-width: 460px) {
  .sale-info-main .right .sales-btn {
    padding-bottom: 0;
  }
}
.sale-info-main .right .sales-btn a {
  font-size: 14px;
  padding: 8px 14px;
  color: var(--c-primary);
  border: 2px solid var(--c-primary);
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
@media screen and (min-width: 576px) {
  .sale-info-main .right .sales-btn a {
    font-size: 15px;
    padding: 10px 20px;
  }
}
@media screen and (min-width: 992px) {
  .sale-info-main .right .sales-btn a {
    font-size: 17px;
    padding: 10px 28px;
  }
}
@media screen and (min-width: 1200px) {
  .sale-info-main .right .sales-btn a {
    font-size: 18px;
    padding: 10px 35px;
  }
}
@media screen and (min-width: 1600px) {
  .sale-info-main .right .sales-btn a {
    font-size: 20px;
  }
}
.sale-info-main .right .sales-btn a:hover {
  background-color: var(--c-secondary);
  color: var(--c-white);
  border-color: var(--c-secondary);
}
.sale-info-main .right .bottom p {
  font-size: 16px;
  color: var(--c-secondary);
  max-width: 40em;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .sale-info-main .right .bottom p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .sale-info-main .right .bottom p {
    max-width: 56.8em;
    font-size: 17px;
  }
}
@media screen and (min-width: 1600px) {
  .sale-info-main .right .bottom p {
    font-size: 18px;
  }
}
.sale-info-main .right .bottom h6 {
  font-size: 15px;
  color: var(--c-secondary);
  font-family: "Open Sans";
}
@media screen and (min-width: 1600px) {
  .sale-info-main .right .bottom h6 {
    font-size: 16px;
  }
}

.banner-type-1 {
  background-image: var(--banner-img, url("../images/investment-banner.jpg"));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 220px;
  padding-bottom: 120px;
}
.banner-type-1 .heading h1 {
  font-size: 54px;
  color: var(--c-white);
  max-width: 9em;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  .banner-type-1 .heading h1 {
    font-size: 65px;
  }
}
@media screen and (min-width: 1600px) {
  .banner-type-1 .heading h1 {
    font-size: 72px;
  }
}
.banner-type-1 .heading h1 span {
  background-image: url("../images/bottom-border-1.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 100%;
  width: 100%;
}

.investment-banner {
  background-image: var(--banner-img, url("../images/investment-banner.jpg"));
}

.fuelling-main {
  padding: 3rem 0;
}
@media screen and (min-width: 768px) {
  .fuelling-main {
    padding: 4.8rem 0;
  }
}
.fuelling-main h2 {
  margin-bottom: 10px;
  line-height: 1.023255814;
}

.about-growth-main {
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .about-growth-main {
    padding-bottom: 5rem;
  }
}
.about-growth-main .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-growth-main .row .col-md-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-growth-main .row .col-md-6:first-child {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.about-growth-main .row .col-md-6:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-growth-main .about-growth-image {
  max-width: 480px;
}
.about-growth-main .about-growth-image img {
  height: auto;
  width: 100%;
}
.about-growth-main .head {
  padding-bottom: 1.5rem;
}
.about-growth-main .head h2 {
  margin-bottom: 10px;
}
.about-growth-main .list {
  padding-bottom: 24px;
}
.about-growth-main .list .description {
  padding-top: 30px;
  margin: 0;
  padding-left: 0;
}
.about-growth-main .list .description li {
  padding-left: 56px;
  margin-bottom: 18px;
  font-size: 22px;
  color: var(--c-secondary);
  font-weight: 500;
  font-family: "DM Serif Text", "Regular";
  position: relative;
  line-height: 1.2941176471;
}
@media screen and (min-width: 768px) {
  .about-growth-main .list .description li {
    padding-left: 60px;
    margin-bottom: 24px;
    font-size: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .about-growth-main .list .description li {
    margin-bottom: 30px;
    padding-left: 70px;
    font-size: 30px;
  }
}
.about-growth-main .list .description li::before {
  content: "";
  min-width: 2em;
  display: block;
  background-image: url("../images/pink-tick.svg");
  background-position: left center;
  background-size: 1.667em auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 2em;
  height: 1.667em;
  min-height: 100%;
}

.our-groth-date {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .our-groth-date {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 992px) {
  .our-groth-date {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.section-title {
  padding-bottom: 32px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .section-title {
    padding-bottom: 4%;
    text-align: left;
  }
}

.our-groth-grid .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px 0;
}
@media screen and (min-width: 576px) {
  .our-groth-grid .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.our-groth-grid .row .col-lg-3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 260px;
}
@media screen and (min-width: 768px) {
  .our-groth-grid .row .col-lg-3 {
    max-width: 300px;
  }
}
.our-groth-grid .circle-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("../images/circular-bg.svg");
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.our-groth-grid .circle-card::before {
  content: "";
  width: 1px;
  padding: 0 0 100%;
  margin-right: -1px;
}
.our-groth-grid .circle-card .inner {
  padding: 12px;
  color: var(--c-white);
}
.our-groth-grid .circle-card .inner .count {
  font-size: 48px;
  font-weight: normal;
  font-family: "DM Serif Text", "Regular";
}
@media screen and (min-width: 768px) {
  .our-groth-grid .circle-card .inner .count {
    font-size: 56px;
  }
}
@media screen and (min-width: 1200px) {
  .our-groth-grid .circle-card .inner .count {
    font-size: 64px;
  }
}
@media screen and (min-width: 1400px) {
  .our-groth-grid .circle-card .inner .count {
    font-size: 72px;
  }
}
.our-groth-grid .circle-card .inner h5 {
  font-size: 18px;
}

.ready-to-success-grid {
  padding-top: 40px;
  padding-bottom: 32px;
}
@media screen and (min-width: 992px) {
  .ready-to-success-grid {
    padding-top: 64px;
  }
}
.ready-to-success-grid .row {
  gap: 32px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 992px) {
  .ready-to-success-grid .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.ready-to-success-grid .row .col-lg-4 {
  padding-bottom: 32px;
}
@media screen and (min-width: 992px) {
  .ready-to-success-grid .row .col-lg-4 {
    max-width: 400px;
  }
}

.rts-card {
  padding: 32px 24px;
  border-radius: 24px;
  background-color: var(--c-light);
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .rts-card {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.rts-card .card-inner {
  padding-bottom: 10px;
}
.rts-card h3 {
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .rts-card h3 {
    max-width: 5em;
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .rts-card h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .rts-card h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .rts-card h3 {
    font-size: 40px;
  }
}
.rts-card .count-number {
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/circular-bg.svg");
  font-family: "DM Serif Text", "Regular";
  font-size: 24px;
  color: var(--c-white);
}
@media screen and (min-width: 768px) {
  .rts-card .count-number {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .rts-card .count-number {
    width: 75px;
    height: 75px;
    font-size: 28px;
  }
}
@media screen and (min-width: 1400px) {
  .rts-card .count-number {
    width: 90px;
    height: 90px;
    font-size: 34px;
  }
}

.py-sec {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .py-sec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 992px) {
  .py-sec {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.number-title-text-grid .row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.number-title-text-grid .row-flex > div {
  padding: 6px 12px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .number-title-text-grid .row-flex > div {
    padding: 12px;
  }
}
@media screen and (min-width: 768px) {
  .number-title-text-grid .row-flex > div.grid-col {
    width: 20%;
  }
}
.number-title-text-grid .ntt-grid-item .count-number {
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/circular-bg.svg");
  font-family: "DM Serif Text", "Regular";
  font-size: 24px;
  color: var(--c-white);
}
@media screen and (min-width: 768px) {
  .number-title-text-grid .ntt-grid-item .count-number {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .number-title-text-grid .ntt-grid-item .count-number {
    width: 75px;
    height: 75px;
    font-size: 28px;
  }
}
@media screen and (min-width: 1400px) {
  .number-title-text-grid .ntt-grid-item .count-number {
    width: 90px;
    height: 90px;
    font-size: 34px;
  }
}
.number-title-text-grid .ntt-grid-item .count-number svg {
  width: 40%;
}
.number-title-text-grid .ntt-grid-item h4 {
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  font-size: 24px;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .number-title-text-grid .ntt-grid-item h4 {
    max-width: 8em;
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .number-title-text-grid .ntt-grid-item h4 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .number-title-text-grid .ntt-grid-item h4 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .number-title-text-grid .ntt-grid-item h4 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767.5px) {
  .number-title-text-grid .ntt-grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 14px;
  }
  .number-title-text-grid .ntt-grid-item .count-number {
    margin: 0;
  }
  .number-title-text-grid .ntt-grid-item h4 {
    margin: 0;
    padding: 0;
    text-align: left;
  }
}

.banner_with_decor {
  padding: 1rem 0 4rem 0;
}

.bg-with_decoration {
  background-image: url("../images/details-banner.png");
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 30px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .bg-with_decoration {
    height: 450px;
  }
}
@media screen and (min-width: 1200px) {
  .bg-with_decoration {
    height: 490px;
  }
}
.bg-with_decoration .decoration {
  max-width: 20px;
  position: absolute;
  top: 10%;
  right: -2.5%;
}
@media screen and (min-width: 400px) {
  .bg-with_decoration .decoration {
    max-width: 25px;
    right: -2.5%;
  }
}
@media screen and (min-width: 576px) {
  .bg-with_decoration .decoration {
    max-width: 30px;
    right: -3%;
  }
}
@media screen and (min-width: 768px) {
  .bg-with_decoration .decoration {
    right: -2%;
    max-width: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .bg-with_decoration .decoration {
    right: -1.5%;
    max-width: 40px;
  }
}
.bg-with_decoration .decoration img {
  height: auto;
  width: 100%;
}

.details-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1rem;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 576px) {
  .details-main {
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .details-main {
    padding-bottom: 5rem;
    gap: 50px;
  }
}
@media screen and (min-width: 992px) {
  .details-main {
    gap: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .details-main {
    gap: 0;
  }
}

@media screen and (max-width: 992px) {
  .text-box-section {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .text-box-section {
    width: calc(100% - 320px);
  }
}
@media screen and (min-width: 1400px) {
  .text-box-section {
    width: calc(100% - 380px);
  }
}
.text-box-section h6 {
  color: var(--c-secondary);
  font-family: "Open Sans";
  font-weight: 700;
}
.text-box-section .headings p {
  color: var(--c-primary);
  font-weight: 600;
  margin-bottom: 0;
}
.text-box-section .headings h2 {
  margin-bottom: 10px;
}
.text-box-section .caption {
  padding-top: 2.1rem;
}
.text-box-section .caption p {
  max-width: 100%;
  color: var(--c-secondary);
  margin-bottom: 0.5rem;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .text-box-section .caption p {
    max-width: 54em;
  }
}
.text-box-section .caption p span {
  font-weight: 700;
}
.text-box-section .images-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  padding: 1rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .text-box-section .images-wrapper {
    padding: 2rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.text-box-section .image_with_decorations {
  max-width: 400px;
  position: relative;
}
.text-box-section .image_with_decorations img {
  width: 100%;
  height: auto;
}
.text-box-section .image_with_decorations .decoration {
  max-width: 20px;
  position: absolute;
  right: -2.5%;
  top: 10%;
}
.text-box-section .image_with_decorations .decoration img {
  height: auto;
  width: 100%;
}
.text-box-section .captions-list ul {
  padding-top: 15px;
  margin: 0;
  padding-left: 10px;
  padding-bottom: 1rem;
}
.text-box-section .captions-list ul li {
  margin-bottom: 15px;
}
.text-box-section .captions-list ul li span {
  font-weight: 700;
}
.text-box-section .captions-list p {
  max-width: 54em;
  margin-bottom: 1.9rem;
  font-weight: 500;
  color: var(--c-secondary);
}
.text-box-section .captions-list h6 {
  max-width: 54em;
}

.sticky-box {
  background-color: var(--c-primary);
  padding: 30px 25px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  position: sticky;
  top: 30px;
}
@media screen and (min-width: 576px) {
  .sticky-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .sticky-box {
    padding: 30px;
    width: 280px;
  }
}
@media screen and (min-width: 1400px) {
  .sticky-box {
    padding: 30px;
    width: 300px;
  }
}
.sticky-box h6 {
  font-size: 16px;
  font-weight: 500;
  color: var(--c-white);
  font-family: "Open Sans";
  margin-bottom: 20px;
}
.sticky-box h6 span {
  font-size: 27px;
  font-family: "DM Serif Text", "Regular";
  font-weight: 400;
  padding-left: 15px;
}
@media screen and (min-width: 1200px) {
  .sticky-box h6 span {
    font-size: 30px;
  }
}
.sticky-box .btn-white {
  padding-top: 10px;
}
.sticky-box .btn-white a {
  padding: 8px 30px;
  color: var(--c-white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 1.5px solid var(--c-white);
  border-radius: 30px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
@media screen and (min-width: 1200px) {
  .sticky-box .btn-white a {
    padding: 8px 45px;
  }
}
.sticky-box .btn-white a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
}

.event-social-main {
  background-color: var(--c-primary);
  padding: 3rem 0;
}
@media screen and (min-width: 768px) {
  .event-social-main {
    padding: 5rem;
  }
}
.event-social-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .event-social-main .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .event-social-main .inner {
    gap: 0;
  }
}
.event-social-main .heading h2 {
  color: var(--c-white);
  font-size: 32px;
  max-width: 11em;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .event-social-main .heading h2 {
    font-size: 42px;
  }
}
@media screen and (min-width: 768px) {
  .event-social-main .heading h2 {
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  .event-social-main .heading h2 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .event-social-main .heading h2 {
    font-size: 60px;
  }
}
.event-social-main .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  position: relative;
  padding-top: 5rem;
}
@media screen and (min-width: 768px) {
  .event-social-main .social-icons {
    padding-top: 0;
  }
}
.event-social-main .social-icons .decoration-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
@media screen and (min-width: 370px) {
  .event-social-main .social-icons .decoration-main {
    left: -55px;
  }
}
@media screen and (min-width: 768px) {
  .event-social-main .social-icons .decoration-main {
    top: -78px;
  }
}
@media screen and (min-width: 992px) {
  .event-social-main .social-icons .decoration-main {
    top: -78px;
    left: -45%;
  }
}
.event-social-main .social-icons .decoration-main .para p {
  font-size: 20px;
  font-weight: 600;
  font-family: "Caveat", "bold";
  color: var(--c-white);
  text-align: center;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.event-social-main .social-icons .decoration-main .arrow {
  position: relative;
  margin-left: -25px;
}
.event-social-main .event-icon {
  width: 35px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (min-width: 576px) {
  .event-social-main .event-icon {
    width: 40px;
  }
}
@media screen and (min-width: 992px) {
  .event-social-main .event-icon {
    width: 48px;
  }
}
.event-social-main .event-icon:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.event-social-main .event-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.event-contact {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.event-contact h3 {
  margin-bottom: 1rem;
}
.event-contact .form-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .event-contact .form-item-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
}
.event-contact .form-action input {
  background-color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
  padding: 11px 40px;
  color: var(--c-white);
  border: none;
  border-radius: 7px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .event-contact .form-action input {
    font-size: 18px;
  }
}
.event-contact .form-action input:hover {
  background-color: var(--c-secondary);
}
.event-contact .form-item.width-adj {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .event-contact .form-item.width-adj {
    width: 84%;
  }
}
.event-contact .form-item {
  width: 100%;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .event-contact .form-item {
    width: 40%;
  }
}
.event-contact .form-item .form-control {
  background-color: var(--c-light);
  border-radius: 7px;
  border: none;
  outline: none;
  padding: 12px 10px;
}
.event-contact .form-item .form-control::-webkit-input-placeholder {
  color: var(--c-secondary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.event-contact .form-item .form-control::-moz-placeholder {
  color: var(--c-secondary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.event-contact .form-item .form-control:-ms-input-placeholder {
  color: var(--c-secondary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.event-contact .form-item .form-control::-ms-input-placeholder {
  color: var(--c-secondary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.event-contact .form-item .form-control::placeholder {
  color: var(--c-secondary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .event-contact .form-item .form-control::-webkit-input-placeholder {
    font-size: 18px;
  }
  .event-contact .form-item .form-control::-moz-placeholder {
    font-size: 18px;
  }
  .event-contact .form-item .form-control:-ms-input-placeholder {
    font-size: 18px;
  }
  .event-contact .form-item .form-control::-ms-input-placeholder {
    font-size: 18px;
  }
  .event-contact .form-item .form-control::placeholder {
    font-size: 18px;
  }
}

.terms_and_policy {
  padding-bottom: 4rem;
}
.terms_and_policy h1 {
  font-size: 34px;
}
@media screen and (min-width: 768px) {
  .terms_and_policy h1 {
    font-size: 40px;
  }
}
@media screen and (min-width: 992px) {
  .terms_and_policy h1 {
    font-size: 56px;
  }
}
@media screen and (min-width: 1400px) {
  .terms_and_policy h1 {
    font-size: 64px;
  }
}
.terms_and_policy h2 {
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .terms_and_policy h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 992px) {
  .terms_and_policy h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1400px) {
  .terms_and_policy h2 {
    font-size: 48px;
  }
}
.terms_and_policy ul {
  padding-left: 0;
  margin: 0;
}
.terms_and_policy ul li {
  padding-left: 56px;
  margin-bottom: 18px;
  font-size: 22px;
  color: var(--c-secondary);
  font-weight: 500;
  font-family: "DM Serif Text", "Regular";
  position: relative;
  line-height: 1.2941176471;
}
@media screen and (min-width: 768px) {
  .terms_and_policy ul li {
    padding-left: 60px;
    margin-bottom: 24px;
    font-size: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .terms_and_policy ul li {
    margin-bottom: 20px;
    padding-left: 40px;
    font-size: 18px;
  }
}
.terms_and_policy ul li::before {
  content: "";
  min-width: 2em;
  display: block;
  background-image: url("../images/pink-tick.svg");
  background-position: left center;
  background-size: 1.667em auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 2em;
  height: 1.667em;
  min-height: 100%;
}

.coaching-banner {
  background-image: url("../images/coaching-banner.jpg");
}

.fuelling-main.coaching-business-head {
  padding-bottom: 2.5rem;
}

.business-coaching-main {
  padding-bottom: 4rem;
}
.business-coaching-main .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.business-coaching-main .percentage-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  .business-coaching-main .percentage-details {
    padding-top: 0;
  }
}
.business-coaching-main .percentage-details .caption h6 {
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 600;
  max-width: 18em;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
.business-coaching-main .image {
  max-width: 370px;
  margin-bottom: 30px;
}
.business-coaching-main .image img {
  height: auto;
  width: 100%;
}
.business-coaching-main .circle-arrow {
  max-width: 60px;
  position: relative;
  margin-left: -7%;
}
@media screen and (min-width: 400px) {
  .business-coaching-main .circle-arrow {
    margin-left: -6%;
  }
}
@media screen and (min-width: 992px) {
  .business-coaching-main .circle-arrow {
    max-width: 70px;
    margin-left: -6%;
  }
}
@media screen and (min-width: 1200px) {
  .business-coaching-main .circle-arrow {
    max-width: 80px;
    margin-left: -5%;
  }
}
@media screen and (min-width: 1400px) {
  .business-coaching-main .circle-arrow {
    max-width: 80px;
    margin-left: -4%;
  }
}
.business-coaching-main .circle-arrow img {
  height: auto;
  width: 100%;
}
.business-coaching-main .boxes .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.business-coaching-main .boxes .content:not(:last-child) {
  margin-bottom: 20px;
}
.business-coaching-main .boxes .content .caption {
  background-color: var(--c-secondary);
  padding: 45px 35px;
  border-radius: 25px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.business-coaching-main .boxes .content .caption h6 {
  font-size: 24px;
  color: var(--c-white);
  margin-bottom: 15px;
}
@media screen and (min-width: 576px) {
  .business-coaching-main .boxes .content .caption h6 {
    font-size: 26px;
  }
}
@media screen and (min-width: 992px) {
  .business-coaching-main .boxes .content .caption h6 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .business-coaching-main .boxes .content .caption h6 {
    font-size: 40px;
  }
}
.business-coaching-main .boxes .content .caption p {
  color: var(--c-white);
  margin-bottom: 0;
  max-width: 34em;
}

.our-process.improvement-main .section-title h2 {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .member-main.partner-main .inner .join-btn a {
    padding: 10px 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .member-main.partner-main .inner .join-btn a {
    padding: 10px 2.5rem;
  }
}

.explore-slider-main.coaching-slider-main {
  padding-top: 5rem;
}
.explore-slider-main.coaching-slider-main .swiper .swiper-slide {
  height: auto;
}
.explore-slider-main.coaching-slider-main .swiper .swiper-slide .slider-main {
  height: 100%;
}
.explore-slider-main.coaching-slider-main .swiper .swiper-slide .slider-main .slider-box {
  height: 100%;
}
.explore-slider-main.coaching-slider-main .slider-box p {
  line-height: 1.3;
  max-width: 18em;
}

.involved-main.coaching-details-main {
  padding-top: 1.5rem;
  padding-bottom: 0;
}
.involved-main.coaching-details-main .inner {
  padding-top: 0;
  padding-bottom: 0;
}
.involved-main.coaching-details-main .inner .box .caption p {
  font-weight: 700;
}
.involved-main.coaching-details-main .inner .box .image-main {
  padding-bottom: 2.7rem;
}
.involved-main.coaching-details-main .inner .box .image-main .image-adj-height {
  max-width: 210px;
  width: 80%;
  display: block;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .involved-main.coaching-details-main .inner .box .image-main .image-adj-height {
    max-width: 240px;
  }
}
@media screen and (min-width: 1400px) {
  .involved-main.coaching-details-main .inner .box .image-main .image-adj-height {
    max-width: 300px;
  }
}
.involved-main.coaching-details-main .inner .box .image-main .image-adj-height::after {
  content: "";
  padding: 0 0 100%;
  display: block;
}
.involved-main.coaching-details-main .inner .box .image-main .image-adj-height img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}

.our-word-main.coaching-our-word-main {
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .our-word-main.coaching-our-word-main {
    padding-top: 3.5rem;
    padding-bottom: 5rem;
  }
}
.our-word-main.coaching-our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .our-word-main.coaching-our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 15px;
  }
}
@media screen and (min-width: 1400px) {
  .our-word-main.coaching-our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 18px;
  }
}
.our-word-main.coaching-our-word-main .our-word-slider-container .ourwordSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  margin: 0;
}

.about-us-banner {
  background-image: url("../images/about-us-banner.jpg");
}

.benefits-main.guidance-main {
  padding-top: 3rem;
  padding-bottom: 7rem;
  background-color: var(--c-white);
}
@media screen and (min-width: 768px) {
  .benefits-main.guidance-main {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }
}
.benefits-main.guidance-main .inner .heading h2 {
  max-width: 14em;
}
.benefits-main.guidance-main .inner .caption {
  padding-top: 1.5rem;
}
.benefits-main.guidance-main .inner .caption p {
  max-width: 100%;
  margin-bottom: 25px;
}
.benefits-main.guidance-main .inner .decoration-main .decoration {
  left: 20%;
}
@media screen and (min-width: 450px) {
  .benefits-main.guidance-main .inner .decoration-main .decoration {
    left: 16%;
  }
}
@media screen and (min-width: 768px) {
  .benefits-main.guidance-main .inner .decoration-main .decoration {
    left: 12%;
  }
}
@media screen and (min-width: 992px) {
  .benefits-main.guidance-main .inner .decoration-main .decoration {
    left: 9%;
  }
}
@media screen and (min-width: 1200px) {
  .benefits-main.guidance-main .inner .decoration-main .decoration {
    left: 7%;
    top: 0;
  }
}
.benefits-main.guidance-main .inner .decoration-main .caption p {
  margin-bottom: 20px;
}

.benefits-main.about-join-us-main {
  padding-bottom: 3rem;
  padding-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .benefits-main.about-join-us-main {
    padding-bottom: 5rem;
    padding-top: 5.5rem;
  }
}
.benefits-main.about-join-us-main .inner .benefit-right {
  padding-top: 45px;
}
@media screen and (min-width: 768px) {
  .benefits-main.about-join-us-main .inner .benefit-right {
    padding-top: 0;
  }
}
.benefits-main.about-join-us-main .inner .heading h2 {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .image-text-section.about-us-support .inner .captions .heading h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 992px) {
  .image-text-section.about-us-support .inner .captions .heading h2 {
    font-size: 54px;
  }
}

.sharing-banner-main {
  background-image: url("../images/banner-social-sharing.jpg");
}

.fuelling-main.sharing-social-main {
  padding-top: 2.8rem;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .fuelling-main.sharing-social-main {
    padding-top: 3.8rem;
    padding-bottom: 2rem;
  }
}
.fuelling-main.sharing-social-main h2 {
  margin-bottom: 15px;
}

.about-growth-main.boost-your-social-main .about-growth-image {
  position: relative;
  max-width: 500px;
}
.about-growth-main.boost-your-social-main .about-growth-image .decoration {
  position: absolute;
  right: -3%;
  top: 10%;
  max-width: 20px;
}
@media screen and (min-width: 450px) {
  .about-growth-main.boost-your-social-main .about-growth-image .decoration {
    max-width: 30px;
  }
}
@media screen and (min-width: 768px) {
  .about-growth-main.boost-your-social-main .about-growth-image .decoration {
    right: -5%;
  }
}
@media screen and (min-width: 992px) {
  .about-growth-main.boost-your-social-main .about-growth-image .decoration {
    right: -3%;
  }
}
.about-growth-main.boost-your-social-main .about-growth-image .decoration img {
  height: auto;
  width: 100%;
}
.about-growth-main.boost-your-social-main .list .description li p {
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  max-width: 26em;
  margin-top: 10px;
}

@media screen and (min-width: 1200px) {
  .number-title-text-grid.adj-bg-for-sharing .ntt-grid-item h4 {
    font-size: 32px;
  }
}
.number-title-text-grid.adj-bg-for-sharing .ntt-grid-item .count-number {
  background-image: none;
}

.involved-main.involved-main.coaching-details-main.boost-your-business-main {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .involved-main.involved-main.coaching-details-main.boost-your-business-main {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.involved-main.involved-main.coaching-details-main.boost-your-business-main .heading {
  padding-bottom: 3rem;
}
.involved-main.involved-main.coaching-details-main.boost-your-business-main .heading h2 {
  text-align: left;
  margin-bottom: 15px;
}

.our-word-main.coaching-our-word-main.membership-our-word-main.sharing-our-word-main {
  padding-top: 1rem;
}

.py-sec.plans-benefits-main {
  padding-top: 0;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .py-sec.plans-benefits-main {
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 992px) {
  .py-sec.plans-benefits-main {
    padding-bottom: 60px;
  }
}

.bg-lblue.plans-benefits-main {
  background-color: var(--c-white);
}

@media screen and (min-width: 768px) {
  .number-title-text-grid.adj-bg-for-sharing.adj-bg-for-plans-benefits .ntt-grid-item h4 {
    max-width: 7em;
  }
}
.number-title-text-grid.adj-bg-for-sharing.adj-bg-for-plans-benefits .ntt-grid-item .count-number {
  background-image: url("../images/circular-bg.svg");
}
.number-title-text-grid.adj-bg-for-sharing.adj-bg-for-plans-benefits .ntt-grid-item .count-number img {
  max-width: 40%;
}

.membership-plans-main {
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .membership-plans-main {
    padding-bottom: 5rem;
  }
}
.membership-plans-main .plan-option {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.membership-plans-main .plan-option .switch-wrapper {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.membership-plans-main .plan-option .switch-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--c-secondary);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.membership-plans-main .plan-option .switch-wrapper .slider::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: var(--c-white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.membership-plans-main .plan-option #billing-toggle {
  display: none;
}
.membership-plans-main .plan-option #billing-toggle:checked + .switch-wrapper .slider {
  background-color: var(--c-primary);
}
.membership-plans-main .plan-option #billing-toggle:checked + .switch-wrapper .slider::before {
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}
.membership-plans-main .plan-option .billing-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 0.9em;
  color: var(--c-secondary);
}
.membership-plans-main .plan-option .billing-labels span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.membership-plans-main .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (min-width: 992px) {
  .membership-plans-main .row {
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .membership-plans-main .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.membership-plans-main .row .col-lg-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1200px) {
  .membership-plans-main .row .col-lg-4:nth-child(1), .membership-plans-main .row .col-lg-4:nth-child(3) {
    max-width: 31%;
  }
}
.membership-plans-main .box-head {
  width: 100%;
}
.membership-plans-main .box-main {
  background-color: var(--c-light);
  padding: 50px 35px 30px;
  border-radius: 30px;
  position: relative;
}
.membership-plans-main .box-main .decoration {
  position: absolute;
  max-width: 20px;
  top: 15%;
  right: -2%;
}
@media screen and (min-width: 576px) {
  .membership-plans-main .box-main .decoration {
    right: -1.5%;
  }
}
@media screen and (min-width: 992px) {
  .membership-plans-main .box-main .decoration {
    right: -2.5%;
  }
}
.membership-plans-main .box-main .decoration img {
  width: 100%;
  height: auto;
}
.membership-plans-main .box-main .caption {
  color: var(--c-secondary);
}
.membership-plans-main .box-main .caption h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .membership-plans-main .box-main .caption h4 {
    font-size: 32px;
  }
}
.membership-plans-main .box-main .caption p {
  font-weight: 600;
  margin-bottom: 15px;
}
.membership-plans-main .box-main .price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.membership-plans-main .box-main .price-wrapper .hide-price {
  opacity: 0;
  visibility: hidden;
}
.membership-plans-main .box-main .price {
  width: 100%;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.membership-plans-main .box-main .price.p-monthly {
  margin-left: -100%;
}
.membership-plans-main .box-main .price.p-monthly h5 {
  margin-bottom: 20px;
}
.membership-plans-main .box-main .price h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: var(--c-secondary);
  margin-bottom: 5px;
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  .membership-plans-main .box-main .price h5 {
    font-size: 20px;
  }
}
.membership-plans-main .box-main .price h5 span {
  font-size: 24px;
}
@media screen and (min-width: 992px) {
  .membership-plans-main .box-main .price h5 span {
    font-size: 32px;
  }
}
.membership-plans-main .box-main .btn-subscribe a {
  padding: 10px 40px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  color: var(--c-white);
  background-color: var(--c-primary);
  border-radius: 30px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.membership-plans-main .box-main .btn-subscribe a:hover {
  background-color: var(--c-secondary);
}
.membership-plans-main .box-main.adj-pink-bg {
  background-color: var(--c-primary);
}
.membership-plans-main .box-main.adj-pink-bg .caption {
  color: var(--c-white);
}
.membership-plans-main .box-main.adj-pink-bg .caption h2 {
  margin-bottom: 20px;
}
.membership-plans-main .box-main.adj-pink-bg .price {
  color: var(--c-white);
}
.membership-plans-main .box-main.adj-pink-bg .price h5 {
  color: var(--c-white);
}
.membership-plans-main .box-main.adj-pink-bg .price h5 span {
  font-size: 32px;
}
@media screen and (min-width: 992px) {
  .membership-plans-main .box-main.adj-pink-bg .price h5 span {
    font-size: 48px;
  }
}
.membership-plans-main .box-main.adj-pink-bg .btn-subscribe a {
  padding: 10px 40px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  color: var(--c-white);
  background-color: var(--c-secondary);
  border-radius: 30px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.membership-plans-main .box-main.adj-pink-bg .btn-subscribe a:hover {
  background-color: var(--c-light);
  color: var(--c-black);
}

.our-word-main.coaching-our-word-main.membership-our-word-main {
  padding-top: 3rem;
}
@media screen and (min-width: 768px) {
  .our-word-main.coaching-our-word-main.membership-our-word-main {
    padding-top: 5rem;
  }
}
.our-word-main.coaching-our-word-main.membership-our-word-main .swiper-slide .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.our-word-main.coaching-our-word-main.membership-our-word-main .swiper-slide .image-wrapper .image {
  max-width: 230px;
}
.our-word-main.coaching-our-word-main.membership-our-word-main .swiper-slide .image-wrapper .image img {
  height: auto;
  width: 100%;
}

.member-main.partner-main.taster-session {
  padding: 3rem 0;
}
@media screen and (min-width: 992px) {
  .member-main.partner-main.taster-session {
    padding: 5rem 0;
  }
}
.member-main.partner-main.taster-session .heading h3 {
  font-size: 32px;
  margin-bottom: 20px;
  max-width: 100%;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .member-main.partner-main.taster-session .heading h3 {
    font-size: 42px;
    max-width: 11em;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .member-main.partner-main.taster-session .heading h3 {
    font-size: 54px;
  }
}
.member-main.partner-main.taster-session .heading p {
  font-size: 15px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .member-main.partner-main.taster-session .heading p {
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .member-main.partner-main.taster-session .heading p {
    font-size: 16px;
  }
}
.member-main.partner-main.taster-session .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 992px) {
  .member-main.partner-main.taster-session .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.member-main.partner-main.taster-session .inner .join-btn a {
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  .member-main.partner-main.taster-session .inner .join-btn a {
    padding: 10px 30px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .member-main.partner-main.taster-session .inner .join-btn a {
    padding: 10px 2.5rem;
    font-size: 32px;
  }
}

.membership-faqs-main {
  padding: 2rem 0 2rem 0;
}
@media screen and (min-width: 768px) {
  .membership-faqs-main {
    padding: 4rem 0 3.5rem 0;
  }
}
.membership-faqs-main .heading {
  padding-bottom: 40px;
}
.membership-faqs-main .inner .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--c-secondary);
  background-color: var(--c-light);
}
.membership-faqs-main .inner .accordion-item {
  border: none;
  background-color: var(--c-light);
  border-radius: 15px;
  margin-bottom: 20px;
}
.membership-faqs-main .inner .accordion-item .accordion-body p {
  color: var(--c-secondary);
  font-size: 18px;
}
@media screen and (min-width: 390px) {
  .membership-faqs-main .inner .accordion-item .accordion-body p {
    font-size: 20px;
  }
}
.membership-faqs-main .inner .accordion-item .accordion-body a {
  padding: 8px 25px;
  font-size: 14px;
  color: var(--c-primary);
  border: 2px solid var(--c-primary);
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
@media screen and (min-width: 768px) {
  .membership-faqs-main .inner .accordion-item .accordion-body a {
    padding: 10px 40px;
    font-size: 16px;
  }
}
.membership-faqs-main .inner .accordion-item .accordion-body a:hover {
  background-color: var(--c-secondary);
  color: var(--c-white);
  border-color: var(--c-secondary);
}
.membership-faqs-main .inner .accordion-header {
  background-color: var(--c-light);
  border-radius: 15px;
  border: none;
}
.membership-faqs-main .inner .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.membership-faqs-main .inner .accordion-button {
  border: none !important;
  background-color: var(--c-light);
  font-size: 20px;
  color: var(--c-secondary);
  border-radius: 20px;
}
@media screen and (min-width: 390px) {
  .membership-faqs-main .inner .accordion-button {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .membership-faqs-main .inner .accordion-button {
    font-size: 24px;
  }
}
.membership-faqs-main .inner .accordion-button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
}
.membership-faqs-main .inner .accordion-button::after {
  content: "";
  background-image: url("../images/accordian-arrow.svg");
  height: 25px;
  width: 25px;
  background-size: 25px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .membership-faqs-main .inner .accordion-button::after {
    height: 35px;
    width: 35px;
    background-size: 35px;
  }
}
.membership-faqs-main .inner .accordion-button:not(.collapsed)::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.image-text-section.membership-community {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: var(--c-light);
}
@media screen and (min-width: 768px) {
  .image-text-section.membership-community {
    padding-top: 6rem;
    padding-bottom: 5.5rem;
  }
}
.image-text-section.membership-community .image-wrapper .brand-image {
  max-width: 500px;
}
.image-text-section.membership-community .image-wrapper .brand-image-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.image-text-section.membership-community .image-wrapper .brand-image-main .brand-image-3 {
  max-width: 250px;
}

.data-table-main {
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .data-table-main {
    padding-bottom: 5rem;
  }
}
.data-table-main .table thead tr {
  border-bottom: 2px solid;
  border-color: var(--c-secondary);
}
.data-table-main .table thead th {
  color: var(--c-secondary);
  padding-bottom: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
@media screen and (min-width: 576px) {
  .data-table-main .table thead th {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .data-table-main .table thead th {
    font-size: 16px;
  }
}
.data-table-main .table thead th:first-child {
  font-size: 16px;
  font-family: "DM Serif Text", "Regular";
  font-weight: 500;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .data-table-main .table thead th:first-child {
    font-size: 20px;
  }
}
.data-table-main .table tbody tr {
  border-color: var(--c-secondary);
  border-bottom-width: 1.5px;
}
.data-table-main .table tbody tr.hide {
  display: none;
}
.data-table-main .table tbody td {
  text-align: center;
  color: var(--c-primary);
  font-weight: bold;
}
.data-table-main .table tbody td:first-child {
  text-align: left;
  color: var(--c-secondary);
  font-family: "Open Sans";
  font-weight: 500;
  font-size: 12px;
}
@media screen and (min-width: 576px) {
  .data-table-main .table tbody td:first-child {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .data-table-main .table tbody td:first-child {
    font-size: 16px;
  }
}
.data-table-main .table tbody .cross {
  color: var(--c-secondary);
  font-weight: bold;
}

.text-box-section.adj-action-image .headings .adj-action-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 576px) {
  .text-box-section.adj-action-image .headings .adj-action-heading {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}
.text-box-section.adj-action-image .headings .action-image {
  border: 1px solid var(--c-black);
  max-width: 200px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
}
.text-box-section.adj-action-image .headings .action-image::before {
  content: "";
  width: 1px;
  margin-right: -1px;
  padding: 0 0 100%;
}
.text-box-section.adj-action-image .headings .action-image img {
  height: auto;
  width: 100%;
}

.book-discovery-btn {
  display: none !important;
}
.service-type-page .book-discovery-btn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.service-type-page .become-member-btn {
  display: none !important;
}

.book-discovery-menu {
  display: none !important;
}
.service-type-page .book-discovery-menu {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media screen and (min-width: 1200px) {
  .service-type-page .book-discovery-menu {
    display: none !important;
  }
}

.service-type-page .become-member-menu {
  display: none !important;
}

.business-growth-banner {
  background-image: url("../images/banner-business-growth.jpg");
}

.business-launch-banner {
  background-image: url("../images/banner-business-launch.jpg");
}

.exit-strategy-banner {
  background-image: url("../images/banner-exit-strategy.jpg");
}

.social-marketing-banner {
  background-image: url("../images/banner-social-marketing.jpg");
}

.contact-main {
  padding-top: 3rem;
  background-color: var(--c-white);
}
@media screen and (min-width: 768px) {
  .contact-main {
    padding-top: 4rem;
  }
}

.events-member-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .events-member-main .inner {
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.events-member-main .inner .heading h2 {
  margin-bottom: 10px;
  font-size: 32px;
}
@media screen and (min-width: 430px) {
  .events-member-main .inner .heading h2 {
    font-size: 42px;
  }
}
@media screen and (min-width: 576px) {
  .events-member-main .inner .heading h2 {
    font-size: 48px;
  }
}
@media screen and (min-width: 992px) {
  .events-member-main .inner .heading h2 {
    font-size: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .events-member-main .inner .heading h2 {
    font-size: 70px;
  }
}
.events-member-main .inner .heading p {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .events-member-main .inner .heading p {
    max-width: 28em;
  }
}
@media screen and (min-width: 992px) {
  .events-member-main .inner .heading p {
    max-width: 37em;
  }
}
@media screen and (min-width: 1200px) {
  .events-member-main .inner .heading p {
    max-width: 48em;
  }
}
.events-member-main .inner .join-btn a {
  font-size: 20px;
  padding: 10px 2rem;
}
@media screen and (min-width: 992px) {
  .events-member-main .inner .join-btn a {
    padding: 10px 2rem;
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .events-member-main .inner .join-btn a {
    padding: 10px 2.5rem;
    font-size: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .events-member-main .inner .join-btn a {
    padding: 10px 3rem;
  }
}

.search-sort-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .search-sort-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.search-sort-row .form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border: 2px solid var(--c-primary);
  border-radius: 30px;
  padding: 4px 15px;
  width: 100%;
}
@media screen and (min-width: 430px) {
  .search-sort-row .form-item {
    width: 70%;
  }
}
@media screen and (min-width: 576px) {
  .search-sort-row .form-item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .search-sort-row .form-item {
    width: 30%;
  }
}
.search-sort-row .form-item:last-child {
  width: 100%;
  border: none;
}
@media screen and (min-width: 430px) {
  .search-sort-row .form-item:last-child {
    width: 60%;
  }
}
@media screen and (min-width: 576px) {
  .search-sort-row .form-item:last-child {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .search-sort-row .form-item:last-child {
    width: 20%;
  }
}
.search-sort-row .form-item .form-control {
  border: none;
  padding-left: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.search-sort-row .form-item .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.search-sort-row .form-item .form-control::-webkit-input-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
}
.search-sort-row .form-item .form-control::-moz-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
}
.search-sort-row .form-item .form-control:-ms-input-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
}
.search-sort-row .form-item .form-control::-ms-input-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
}
.search-sort-row .form-item .form-control::placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
}
.search-sort-row .form-item .search-icon {
  max-width: 20px;
}
.search-sort-row .form-item .search-icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.search-sort-row .form-item .form-select {
  border: none;
  background-color: var(--c-light);
  color: var(--c-secondary);
  font-family: "DM Serif Text", "Regular";
  padding: 8px 20px;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-image: url("../images/sort-by-arrow.svg");
  background-position: right 1rem center;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .search-sort-row .form-item .form-select {
    padding: 8px 30px;
  }
}
.search-sort-row .form-item .form-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.discount-boxes-main {
  padding-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .discount-boxes-main {
    padding-bottom: 4rem;
  }
}
.discount-boxes-main .col-md-4 {
  margin-bottom: 20px;
}
.discount-boxes-main .col-md-8 {
  margin-bottom: 20px;
}
.discount-boxes-main .box-light {
  background-color: var(--c-light);
  padding: 40px 20px 30px;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 25px;
}
.discount-boxes-main .box-light .captions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discount-boxes-main .box-light .captions h4 {
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .discount-boxes-main .box-light .captions h4 {
    max-width: 7em;
    font-size: 26px;
  }
}
@media screen and (min-width: 992px) {
  .discount-boxes-main .box-light .captions h4 {
    font-size: 36px;
  }
}
@media screen and (min-width: 1200px) {
  .discount-boxes-main .box-light .captions h4 {
    font-size: 42px;
  }
}
.discount-boxes-main .box-light .captions p {
  max-width: 17em;
  font-size: 16px;
}
@media screen and (min-width: 1600px) {
  .discount-boxes-main .box-light .captions p {
    font-size: 18px;
  }
}
.discount-boxes-main .box-blue-small {
  background-color: var(--c-secondary);
  color: var(--c-white);
}
.discount-boxes-main .box-pink {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.discount-boxes-main .box-blue.box-light-big {
  background-color: var(--c-light);
  color: var(--c-secondary);
}
.discount-boxes-main .box-blue {
  background-color: var(--c-secondary);
  color: var(--c-white);
  padding: 40px 20px 30px;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 25px;
}
.discount-boxes-main .box-blue .captions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discount-boxes-main .box-blue .captions h3 {
  font-size: 30px;
  max-width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 360px) {
  .discount-boxes-main .box-blue .captions h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 576px) {
  .discount-boxes-main .box-blue .captions h3 {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) {
  .discount-boxes-main .box-blue .captions h3 {
    max-width: 10em;
  }
}
@media screen and (min-width: 992px) {
  .discount-boxes-main .box-blue .captions h3 {
    font-size: 48px;
  }
}
@media screen and (min-width: 1200px) {
  .discount-boxes-main .box-blue .captions h3 {
    font-size: 54px;
  }
}
.discount-boxes-main .box-blue .captions p {
  max-width: 40em;
}

.events-boxes-main .inner .box .box-inner h5 {
  font-size: 21px;
  margin-bottom: 15px;
}
.events-boxes-main .inner .box .box-inner h5 span {
  font-size: 28px;
}
.events-boxes-main .inner .box .events-box-inner h4 {
  max-width: 7em;
}

.case-study-banner .bg-with_decoration {
  background-image: url("../images/case-study-banner.png");
}

#podcast .case-study-main {
  padding-top: 0;
}
#podcast .case-study-main .heading h6 {
  margin-bottom: 10px;
  color: var(--c-primary);
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 600;
}
@media screen and (min-width: 576px) {
  #podcast .case-study-main .heading h6 {
    font-size: 18px;
  }
}

.case-text-with-decoration-main {
  padding-top: 0;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .case-text-with-decoration-main {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }
}
.case-text-with-decoration-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .case-text-with-decoration-main .inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.case-text-with-decoration-main .decoration-main .decoration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  position: relative;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .case-text-with-decoration-main .decoration-main .decoration {
    margin-bottom: -40%;
  }
}
.case-text-with-decoration-main .decoration-main .decoration .caption p {
  color: var(--c-primary);
  font-family: "Caveat", "bold";
  font-size: 20px;
  font-weight: 600;
  max-width: 7em;
  text-align: center;
  line-height: 1.1;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media screen and (min-width: 768px) {
  .case-text-with-decoration-main .decoration-main .decoration .caption p {
    max-width: 13em;
  }
}
@media screen and (min-width: 992px) {
  .case-text-with-decoration-main .decoration-main .decoration .caption p {
    max-width: 9em;
  }
}
@media screen and (min-width: 1200px) {
  .case-text-with-decoration-main .decoration-main .decoration .caption p {
    max-width: 7em;
  }
}
.case-text-with-decoration-main .text-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
@media screen and (min-width: 400px) {
  .case-text-with-decoration-main .text-main {
    gap: 20px;
  }
}
@media screen and (min-width: 576px) {
  .case-text-with-decoration-main .text-main {
    gap: 30px;
  }
}
.case-text-with-decoration-main .text-main .quote {
  font-size: 50px;
  font-family: "Caveat", "bold";
  position: relative;
  top: -20px;
  font-weight: 600;
  color: var(--c-primary);
}
@media screen and (min-width: 400px) {
  .case-text-with-decoration-main .text-main .quote {
    top: -25px;
    font-size: 60px;
  }
}
@media screen and (min-width: 576px) {
  .case-text-with-decoration-main .text-main .quote {
    font-size: 80px;
    top: -35px;
  }
}
@media screen and (min-width: 1200px) {
  .case-text-with-decoration-main .text-main .quote {
    font-size: 100px;
    top: -40px;
  }
}
.case-text-with-decoration-main .text-main .text h3 {
  max-width: 100%;
  font-size: 21px;
  margin-bottom: 20px;
}
@media screen and (min-width: 400px) {
  .case-text-with-decoration-main .text-main .text h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .case-text-with-decoration-main .text-main .text h3 {
    max-width: 30em;
    font-size: 28px;
  }
}
@media screen and (min-width: 992px) {
  .case-text-with-decoration-main .text-main .text h3 {
    font-size: 32px;
  }
}
.case-text-with-decoration-main .text-main .text h6 {
  color: var(--c-primary);
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}
@media screen and (min-width: 576px) {
  .case-text-with-decoration-main .text-main .text h6 {
    font-size: 18px;
  }
}

.case-image-section-main .text-box-section {
  width: 100%;
}
.case-image-section-main .text-box-section .caption {
  padding-top: 0;
}
.case-image-section-main .text-box-section .caption p {
  max-width: 100%;
}

.case-first-year-main {
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}
.case-first-year-main .heading h3 {
  font-size: 32px;
  margin-bottom: 10px;
}
.case-first-year-main .heading p {
  margin-bottom: 20px;
  font-weight: 500;
}
.case-first-year-main .boxes-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .case-first-year-main .boxes-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.case-first-year-main .boxes-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.case-first-year-main .box-light {
  background-color: var(--c-light);
}
.case-first-year-main .box-pink {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.case-first-year-main .box-blue {
  background-color: var(--c-secondary);
  color: var(--c-white);
}
.case-first-year-main .box.box-light-big {
  background-color: var(--c-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .case-first-year-main .box.box-light-big {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.case-first-year-main .box.box-light-big p {
  max-width: 19em;
}
.case-first-year-main .box.for-height-adj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .case-first-year-main .box.for-height-adj {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.case-first-year-main .box.for-margin-adj p:last-child {
  margin-bottom: 0;
}
.case-first-year-main .box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 30px 20px;
  border-radius: 25px;
}
@media screen and (min-width: 992px) {
  .case-first-year-main .box {
    padding: 30px;
  }
}
.case-first-year-main .box .quote {
  font-size: 90px;
  line-height: 1;
  height: 0.3em;
  font-family: "Prata", serif;
  font-weight: 600;
  color: var(--c-primary);
  margin-bottom: 10px;
}
@media screen and (min-width: 1200px) {
  .case-first-year-main .box .quote {
    height: 0.4em;
    font-size: 120px;
  }
}
.case-first-year-main .box p {
  max-width: 22em;
  font-weight: 600;
}
.case-first-year-main .box .percentage h2 {
  font-size: 60px;
}
@media screen and (min-width: 450px) {
  .case-first-year-main .box .percentage h2 {
    font-size: 75px;
  }
}
@media screen and (min-width: 1200px) {
  .case-first-year-main .box .percentage h2 {
    font-size: 100px;
  }
}
.case-first-year-main .box .percentage h2 span {
  font-size: 30px;
}
@media screen and (min-width: 450px) {
  .case-first-year-main .box .percentage h2 span {
    font-size: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .case-first-year-main .box .percentage h2 span {
    font-size: 60px;
  }
}
.case-first-year-main .box .caption h5 {
  margin-bottom: 10px;
}
.case-first-year-main .box .caption h6 {
  font-family: "Open Sans";
  font-size: 14px;
  color: var(--c-primary);
  font-weight: 600;
}

.case-solutions-main {
  padding-top: 0;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .case-solutions-main {
    padding-top: 0;
    padding-bottom: 4rem;
  }
}
.case-solutions-main .heading p:last-child {
  margin-bottom: 0;
}

.blog-boxes-main .box-light a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 10px;
  color: var(--c-secondary);
}
@media screen and (min-width: 768px) {
  .blog-boxes-main .box-light a {
    max-width: 7em;
    font-size: 26px;
  }
}
@media screen and (min-width: 992px) {
  .blog-boxes-main .box-light a {
    font-size: 36px;
  }
}
@media screen and (min-width: 1200px) {
  .blog-boxes-main .box-light a {
    font-size: 42px;
  }
}
.blog-boxes-main .box-light .box-btn a {
  font-size: 16px;
  color: var(--c-primary);
  font-family: "Open Sans";
  font-weight: 700;
  max-width: 100%;
  margin-bottom: 0;
}
.blog-boxes-main .box-light .box-btn .decoration {
  height: 5px;
  max-width: 75px;
}
.blog-boxes-main .box-light .box-btn .decoration img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-boxes-main .box-pink a {
  color: var(--c-white);
}
.blog-boxes-main .box-pink .box-btn a {
  color: var(--c-white);
  font-family: "Open Sans";
}
.blog-boxes-main .box-blue-small a {
  color: var(--c-white);
}

.login-page-title-main {
  padding-bottom: 2.2rem;
}
@media screen and (min-width: 768px) {
  .login-page-title-main {
    padding-bottom: 3rem;
  }
}

.login-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .login-form {
    padding-bottom: 4rem;
  }
}
.login-form form {
  background-color: var(--c-secondary);
  padding: 50px 40px;
  max-width: 400px;
  width: 100%;
  border-radius: 30px;
}
.login-form form .form-item {
  width: 100%;
  margin-bottom: 25px;
}
.login-form form .form-item .form-control {
  background-color: var(--c-light);
  border-radius: 7px;
  border: none;
  outline: none;
  padding: 12px 10px;
}
.login-form form .form-item .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.login-form form .form-item .form-control::-webkit-input-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.login-form form .form-item .form-control::-moz-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.login-form form .form-item .form-control:-ms-input-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.login-form form .form-item .form-control::-ms-input-placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
.login-form form .form-item .form-control::placeholder {
  color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .login-form form .form-item .form-control::-webkit-input-placeholder {
    font-size: 18px;
  }
  .login-form form .form-item .form-control::-moz-placeholder {
    font-size: 18px;
  }
  .login-form form .form-item .form-control:-ms-input-placeholder {
    font-size: 18px;
  }
  .login-form form .form-item .form-control::-ms-input-placeholder {
    font-size: 18px;
  }
  .login-form form .form-item .form-control::placeholder {
    font-size: 18px;
  }
}
.login-form form .form-action {
  padding-bottom: 15px;
}
.login-form form .form-action input {
  background-color: var(--c-primary);
  font-family: "DM Serif Text", "Regular";
  font-size: 16px;
  padding: 8px 30px;
  color: var(--c-white);
  border: none;
  border-radius: 8px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.login-form form .form-action input:hover {
  background-color: var(--c-light);
  color: var(--c-primary);
}
.login-form form .form-pass-reset a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--c-light);
  font-family: "Open Sans";
  font-size: 14px;
}

.dashboard-heading .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard-heading .inner .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1.2rem;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 992px) {
  .dashboard-heading .inner .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
@media screen and (min-width: 992px) {
  .dashboard-heading .inner .content {
    width: 80%;
  }
}
.dashboard-heading .inner .content .inner-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (min-width: 400px) {
  .dashboard-heading .inner .content .inner-head {
    gap: 40px;
  }
}
.dashboard-heading .inner .content .dashboard-dropdown {
  display: block;
}
@media screen and (min-width: 992px) {
  .dashboard-heading .inner .content .dashboard-dropdown {
    display: none;
  }
}
.dashboard-heading .inner .content .dashboard-dropdown .dropdown-toggle {
  border: none;
  color: var(--c-secondary);
  font-weight: 600;
  padding: 8px 10px;
  background-color: var(--c-white);
  font-family: "Open Sans", "Regular";
  font-weight: 700;
  border-radius: 5px;
  border: 2px solid var(--c-secondary);
  font-size: 19px;
}
@media screen and (min-width: 350px) {
  .dashboard-heading .inner .content .dashboard-dropdown .dropdown-toggle {
    padding: 7px 30px;
  }
}
@media screen and (min-width: 440px) {
  .dashboard-heading .inner .content .dashboard-dropdown .dropdown-toggle {
    font-size: 16px;
    padding: 8px 20px;
  }
}
.dashboard-heading .inner .content .dashboard-dropdown .dropdown-menu {
  border: none;
  background-color: var(--c-primary);
  border-radius: 10px;
  padding: 10px 12px;
}
.dashboard-heading .inner .content .dashboard-dropdown .dropdown-menu li a {
  color: var(--c-white);
  font-size: 17px;
  font-family: "Open Sans";
}
@media screen and (min-width: 440px) {
  .dashboard-heading .inner .content .dashboard-dropdown .dropdown-menu li a {
    font-size: 17px;
    font-family: "Open Sans";
  }
}
.dashboard-heading .inner .content .logout-btn a {
  padding: 6px 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 2px solid var(--c-secondary);
  color: var(--c-secondary);
  border-radius: 25px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
  font-size: 14px;
}
@media screen and (min-width: 350px) {
  .dashboard-heading .inner .content .logout-btn a {
    padding: 6px 25px;
  }
}
@media screen and (min-width: 440px) {
  .dashboard-heading .inner .content .logout-btn a {
    font-size: 16px;
    padding: 6px 30px;
  }
}
@media screen and (min-width: 576px) {
  .dashboard-heading .inner .content .logout-btn a {
    padding: 6px 45px;
  }
}
.dashboard-heading .inner .content .logout-btn a:hover {
  background-color: var(--c-primary);
  border-color: var(--c-primary);
  color: var(--c-white);
}

.dashboard-main {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .dashboard-main {
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .container {
    max-width: 1400px;
  }
}
.dashboard-main .nav-main {
  display: block;
}
@media screen and (min-width: 992px) {
  .dashboard-main .nav-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.dashboard-main .nav {
  width: 30%;
  display: none;
}
@media screen and (min-width: 992px) {
  .dashboard-main .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .nav {
    width: 20%;
  }
}
.dashboard-main .nav-link {
  color: var(--c-secondary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 20px 10px 0;
}
.dashboard-main .nav-pills .nav-link.active {
  background-color: transparent;
  color: var(--c-secondary);
}
.dashboard-main .tab-content {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .dashboard-main .tab-content {
    width: 80%;
  }
}
.dashboard-main .tab-content .dashboard-inner {
  width: 100%;
}
.dashboard-main .tab-content .dashboard-inner .inner .caption {
  padding-bottom: 20px;
}
.dashboard-main .tab-content .dashboard-boxes .col-md-4 {
  margin-bottom: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .col-md-6 {
  margin-bottom: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .col-md-8 {
  margin-bottom: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-main .tab-content .dashboard-boxes .box-main:first-child {
  margin-bottom: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-main .big-box.for-padding-adj {
  padding: 45px 25px;
}
.dashboard-main .tab-content .dashboard-boxes .box-main .small-box {
  background-color: var(--c-primary);
  width: 10%;
  border-radius: 25px 0 0 25px;
}
.dashboard-main .tab-content .dashboard-boxes .box-main .big-box {
  background-color: var(--c-secondary);
  color: var(--c-white);
  padding: 35px 25px;
  width: 100%;
  border-radius: 0 25px 25px 0;
}
.dashboard-main .tab-content .dashboard-boxes .box-main .big-box .heading h4 {
  font-size: 24px;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .dashboard-main .tab-content .dashboard-boxes .box-main .big-box .heading h4 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-main .big-box .heading h4 {
    font-size: 38px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light {
  background-color: var(--c-light);
  padding: 40px 25px;
  border-radius: 25px;
  height: 100%;
}
.dashboard-main .tab-content .dashboard-boxes .box-light .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 2.5rem;
}
.dashboard-main .tab-content .dashboard-boxes .box-light .heading h4 {
  font-size: 24px;
  max-width: 7em;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light .heading h4 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light .heading h4 {
    font-size: 38px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light .caption {
  text-align: center;
}
.dashboard-main .tab-content .dashboard-boxes .box-light .caption h4 {
  font-size: 24px;
  max-width: 7em;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light .caption h4 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light .caption h4 {
    font-size: 32px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light .caption h5 {
  font-family: "Open Sans";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (min-width: 1340px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light .caption h5 {
    font-size: 20px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light .caption h5 span {
  background-image: none;
  background-position: bottom;
  width: 65%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 1.5em;
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light .caption h5 span {
    background-image: url("../images/dashboard-border.svg");
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light .caption p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.dashboard-main .tab-content .dashboard-boxes .box-light .progress-main p {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light .progress-main .progress-count {
  width: 100%;
  background-color: var(--c-white);
  border-radius: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light .progress-main .progress-count #progress-bar .ui-progressbar-value {
  background-color: var(--c-primary);
  padding: 15px 0;
  border-radius: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink {
  background-color: var(--c-primary);
  padding: 20px 25px 30px;
  color: var(--c-white);
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink .caption p:first-child {
  margin-bottom: 20px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink .caption p:last-child {
  max-width: 10em;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink .caption .image {
  max-width: 100px;
  margin-bottom: 15px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink .caption .image img {
  height: auto;
  width: 100%;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink .caption .heading {
  padding-bottom: 1rem;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other .heading {
  padding-bottom: 1.5rem;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other .heading h4 {
  max-width: 6em;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other .circles-main {
  padding-bottom: 20px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other .circles-main .circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--c-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other .circles-main .circle p {
  margin-bottom: 0;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-pink-other .progress-main .progress-count #progress-bar-2 .ui-progressbar-value {
  background-color: var(--c-secondary);
  padding: 15px 0;
  border-radius: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-light-other .heading {
  padding-bottom: 1.5rem;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-light-other .heading h4 {
  max-width: 4em;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-light-other .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-light-other .caption p {
  max-width: 19em;
  margin-bottom: 20px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-light-other .caption h5 {
  font-family: "Open Sans";
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-light-other .caption h6 {
  font-family: "Open Sans";
  font-weight: 600;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue {
  background-color: var(--c-secondary);
  color: var(--c-white);
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .heading h4 {
  margin-bottom: 5px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .captions {
  text-align: center;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .captions p {
  font-size: 12px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .captions p span {
  color: var(--c-primary);
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .caption-bottom {
  padding-top: 15px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue .caption-bottom h6 {
  font-family: "Open Sans";
  text-align: center;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big {
  height: 100%;
  background-color: var(--c-light);
  padding: 40px 30px;
  border-radius: 25px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .heading h4 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 25px;
}
@media screen and (min-width: 576px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .heading h4 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .heading h4 {
    font-size: 32px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .heading h4 {
  text-align: center;
  font-size: 38px;
  margin-bottom: 20px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left p {
  margin-bottom: 5px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left h5 {
  font-size: 22px;
  margin-bottom: 15px;
}
@media screen and (min-width: 576px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left h5 {
    font-size: 26px;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left h5 {
    font-size: 32px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left h5 span {
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-left h5 span {
    font-size: 20px;
  }
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-right p:first-child {
  max-width: 19em;
  margin-bottom: 25px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-right p:last-child {
  font-weight: 600;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-right h6 {
  margin-bottom: 25px;
  font-family: "Open Sans";
  font-weight: 600;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-btn {
  padding-top: 10px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px 30px;
  border-radius: 25px;
  color: var(--c-white);
  background-color: var(--c-primary);
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.dashboard-main .tab-content .dashboard-boxes .box-light-big .box-inner .caption-btn a:hover {
  background-color: var(--c-secondary);
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue-other {
  background-color: var(--c-secondary);
  color: var(--c-white);
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue-other .heading {
  padding-bottom: 1rem;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue-other .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue-other .caption p {
  max-width: 19em;
  margin-bottom: 25px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.box-blue-other .caption h6 {
  font-family: "Open Sans";
  font-weight: 500;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.for-adj .heading {
  padding-bottom: 1rem;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.for-adj .progress-count {
  width: 100%;
  background-color: var(--c-white);
  border-radius: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.for-adj .progress-count #progress-bar-3 .ui-progressbar-value {
  background-color: var(--c-primary);
  padding: 15px 0;
  border-radius: 30px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.for-adj .caption p {
  margin-bottom: 20px;
}
.dashboard-main .tab-content .dashboard-boxes .box-light.for-adj .caption h6 {
  margin-bottom: 20px;
  font-family: "Open Sans";
  font-weight: 600;
}

.digital-main .heading h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media screen and (min-width: 576px) {
  .digital-main .heading h3 {
    font-size: 32px;
  }
}
.digital-main .para p {
  font-size: 16px;
}
@media screen and (min-width: 1600px) {
  .digital-main .para p {
    font-size: 18px;
  }
}
.digital-main .para p span {
  font-weight: 700;
}

.digital-assets-boxes-main {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .digital-assets-boxes-main {
    padding-bottom: 3rem;
  }
}
.digital-assets-boxes-main .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 992px) {
  .digital-assets-boxes-main .row {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.digital-assets-boxes-main .box-main {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #e1e1e1;
  padding: 50px 20px;
  border-radius: 10px;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}
.digital-assets-boxes-main .box-main:hover {
  border-color: var(--c-secondary);
}
.digital-assets-boxes-main .box-main .caption {
  text-align: center;
}
.digital-assets-boxes-main .box-main .caption h5 {
  margin-bottom: 10px;
}
.digital-assets-boxes-main .box-main .caption p {
  margin-bottom: 15px;
}
.digital-assets-boxes-main .box-main .caption .box-btn a {
  border-radius: 5px;
  color: var(--c-white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  padding: 10px 30px;
  background-color: var(--c-primary);
  font-size: 16px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.digital-assets-boxes-main .box-main .caption .box-btn a:hover {
  background-color: var(--c-secondary);
}

.case-first-year-main.for-space-adj {
  padding-bottom: 1rem;
}
.case-first-year-main.for-space-adj .heading p {
  margin-bottom: 0;
}

.social-share .social-share-inner {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .social-share .social-share-inner {
    padding-bottom: 3rem;
  }
}
.social-share .a2a_kit.a2a_kit_size_32.a2a_default_style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.social-share .a2a_kit.a2a_kit_size_32.a2a_default_style a span {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: var(--c-primary) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social-share .a2a_kit.a2a_kit_size_32.a2a_default_style a span svg {
  width: 32px;
}

.checkout-rounded-main {
  padding-bottom: 3.5rem;
}
.checkout-rounded-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
.checkout-rounded-main .inner .arrow-image {
  margin-bottom: 15px;
}
.checkout-rounded-main .inner .round-box-1.round-box-2 h6 {
  color: var(--check-text);
}
.checkout-rounded-main .inner .round-box-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.checkout-rounded-main .inner .round-box-1 h6 {
  color: var(--c-secondary);
}
.checkout-rounded-main .inner .round-box-1 .circle-bg.bg-change-adj {
  background-image: url("../images/circular-bg-light.svg");
}
.checkout-rounded-main .inner .round-box-1 .circle-bg {
  background-image: url("../images/circular-bg.svg");
  height: 60px;
  width: 60px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 576px) {
  .checkout-rounded-main .inner .round-box-1 .circle-bg {
    height: 80px;
    width: 80px;
  }
}
.checkout-rounded-main .inner .round-box-1 .circle-bg h5 {
  font-size: 28px;
  color: var(--c-white);
}
@media screen and (min-width: 576px) {
  .checkout-rounded-main .inner .round-box-1 .circle-bg h5 {
    font-size: 38px;
  }
}

.checkout-form-area-main .headings h2 {
  margin-bottom: 20px;
}
.checkout-form-area-main .headings h3 {
  font-size: 38px;
  color: var(--c-primary);
}
.checkout-form-area-main .headings h4 {
  font-size: 28px;
  color: var(--c-primary);
}

.event-contact.checkout-contact .form-item-row.for-item-adj {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.event-contact.checkout-contact .form-item.for-margin-adj {
  margin-bottom: 0;
}
.event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main {
    margin-bottom: 0;
  }
}
.event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main label {
  margin-bottom: 0;
}
@media screen and (min-width: 576px down) {
  .event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main label {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main label {
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main label {
    font-size: 14px;
  }
}
@media screen and (min-width: 1400px) {
  .event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main label {
    font-size: 16px;
  }
}
.event-contact.checkout-contact .form-item.for-margin-adj .checkbox-main input {
  margin-bottom: 0;
}
.event-contact.checkout-contact .form-item.for-margin-adj input {
  margin-bottom: 10px;
}
.event-contact.checkout-contact .form-item.for-margin-adj input:last-child {
  margin-bottom: 0;
}
.event-contact.checkout-contact .form-item.double-input-adj input {
  margin-bottom: 10px;
}
.event-contact.checkout-contact .form-item.double-input-adj input:last-child {
  margin-bottom: 0;
}
.event-contact.checkout-contact .form-item.for-margin-adj {
  margin-bottom: 0;
}
.event-contact.checkout-contact .form-item.for-margin-adj input {
  margin-bottom: 10px;
}
.event-contact.checkout-contact .form-item label {
  margin-bottom: 7px;
}
.event-contact.checkout-contact .form-item label span {
  color: #ff0000;
}

.checkout-order-main {
  padding-top: 1rem;
  padding-bottom: 3rem;
}
.checkout-order-main .heading h3 {
  font-size: 38px;
  color: var(--c-primary);
  margin-bottom: 20px;
}
.checkout-order-main .table-main {
  max-width: 85%;
}
.checkout-order-main .table-main .table {
  border: 1px solid #e4e4e4;
  margin-bottom: 2.4rem;
  border-width: 2px;
}
.checkout-order-main .table-main .table th {
  border-bottom-color: #e4e4e4;
  font-weight: 600;
  border-width: 2px 0 2px;
}
.checkout-order-main .table-main .table tr {
  border-width: 2px 0 2px;
}
.checkout-order-main .table-main .table tr:last-child td {
  font-weight: 700;
}
.checkout-order-main .table-main .table.table-2 {
  margin-bottom: 0;
}
.checkout-order-main .table-main .table-2 tr {
  font-weight: 600;
}
.checkout-order-main .table-main .table-2 tr td {
  width: 50%;
}
.checkout-order-main .table-main .table-2 tr td span {
  font-weight: 400;
  font-size: 14px;
}
.checkout-order-main .table-main .table-2 tr:last-child td {
  font-weight: 600;
}

.checkout-rounded-main.business-profile-changes .inner .round-box-1.round-box-2 h6 {
  color: var(--c-secondary);
}
.checkout-rounded-main.business-profile-changes .inner .round-box-1 h6 {
  color: var(--check-text);
}
.checkout-rounded-main.business-profile-changes .inner .round-box-1 .circle-bg {
  background-image: url("../images/circular-bg-light.svg");
}
.checkout-rounded-main.business-profile-changes .inner .round-box-1 .circle-bg.bg-change-adj {
  background-image: url("../images/circular-bg.svg");
}

.checkout-form-area-main.business-profile-form-area-main {
  padding-bottom: 1.5rem;
}
.checkout-form-area-main.business-profile-form-area-main .event-contact .form-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .checkout-form-area-main.business-profile-form-area-main .event-contact .form-action {
    max-width: 82.5%;
  }
}
.checkout-form-area-main.business-profile-form-area-main .event-contact .form-action input {
  border-radius: 25px;
}
@media screen and (min-width: 1200px) {
  .checkout-form-area-main.business-profile-form-area-main .event-contact .form-action input {
    padding: 11px 55px;
  }
}
.checkout-form-area-main.business-profile-form-area-main .event-contact .form-item.width-adj {
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .checkout-form-area-main.business-profile-form-area-main .event-contact .form-item.width-adj {
    width: 82.5%;
  }
}

body a {
  text-decoration: none;
}/*# sourceMappingURL=style.css.map */

@media screen and (max-width: 768px) {
	.ntt-grid-item .count-number img{
		height: 40px;
	}
}

.image-text-section.about-us-support .inner .captions .heading h2 {
       color: var(--c-secondary); 
}
.caption h2 {
    color: var(--c-secondary);
    font-family: "DM Serif Text", "Regular";
    font-weight: 400;
    font-size: 32px;
}

@media screen and (max-width: 1199.5px) {
  header#header .header-main .nav-links .nav-item.has-child > a {
   padding-left: 30px;
    }
}
case-first-year-main case-solutions-main .container h6{
    padding-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .benefits-main .inner .benefit-right .circle-arrow {
    min-width: 80px;
  }
}
/* 4 Jul - CT removed to make visible on mobile
@media screen and (max-width: 991px) {
  #business-page #events-banner .banner_with_decor {
    display: none;
  }
} */
.rounded-30 {
	border-radius: 30px;
}
@media screen and (max-width: 991.5px) {
	.bg-with_decoration {
		background-image: none!important;
		height: auto!important;
	}
	.banner_with_decor{
	       display:none;
	}
	#events-banner{
	    display:none;
	}
}
@media screen and (min-width: 992px) {
	.for-mobile {
		display: none!important;
	}
}
@media screen and (max-width: 991.5px) {
    .headings-adj-for-action {
        width:100%;
    }
}

.podcast-boxes-main .inner .type-image .image img {
	position: absolute !important;
	height: auto !important;
	width: 100% !important;
	top: 50% !important;
	left: 0 !important;
	-o-object-fit: cover !important;
	object-fit: cover !important;
	max-height: 100% !important;
	transform: translateY(-50%);
    border-radius: 25px;
}
@media screen and (max-width: 991.5px) {
    .podcast-boxes-main .inner .type-logo .image {
	    padding: 0 0 100% !important;
    }
    .podcast-boxes-main .inner .type-logo .image img{
	    object-fit: contain !important;
    }
}
@media screen and (min-width: 992px) {
    .podcast-boxes-main .inner .type-logo .image {
	    padding: 0 0 56.25% !important;
    }
    .podcast-boxes-main .inner .type-logo .image img{
	    object-fit: contain !important;
    } 
}
@media screen and (max-width: 991.5px) {
  body .podcast-boxes-main .inner .type-logo .image {
    padding: 10px !important;
  }
  body .podcast-boxes-main .inner .type-logo .image img {
      position: relative!important;
      height: auto!important;
      width: 100% !important;
      max-height: 200px !important;
      max-width: unset !important;
      top: 0px !important;
      left: 0px !important;
      margin: auto;
      display: block;
    }
    body .podcast-boxes-main .inner .type-image .box, body .podcast-boxes-main .inner .type-logo .box {
      margin-top: 0px !important;
    }
}
.podcast-boxes-main .inner .box-main {
  position: relative;
}
.podcast-boxes-main .inner .box-main .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .swiper-slide-active .slider-main .container {
    transform: translateY(-200px);
  }
}

@media screen and (max-width:768px) {
  .banner-type-1.desktop-image {
    background-image: none !important;
    padding: 0;
  }
}

@media screen and (min-width:769px) {
  .banner-type-1.mobile-image {
    padding: 0;
    background-image: none !important;
  }
}

#membership-faqs .membership-faqs-main .heading h2 {
  font-size: 28px !important;
}
@media screen and (min-width: 576px) {
  #membership-faqs .membership-faqs-main .heading h2 {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  #membership-faqs .membership-faqs-main .heading h2 {
    font-size: 38px;
  }
}
@media screen and (min-width: 992px) {
  #membership-faqs .membership-faqs-main .heading h2 {
    font-size: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  #membership-faqs .membership-faqs-main .heading h2 {
    font-size: 50px !important;
  }
}
@media screen and (min-width: 1400px) {
  #membership-faqs .membership-faqs-main .heading h2 {
    font-size: 56px !important;
  }
}


/* ==========================================================================
   Business Directory Detail page — full layout/component block, migrated
   in from the inline <style> that used to live in the template (the
   "/*detail-page-update*\/" block). This is now the single source of
   truth for the sidebar, review cards, contact buttons, and discounts
   section on that page. Visual-refresh changes are commented inline
   where they differ from the original.
   ========================================================================== */

.sticky-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sticky-sidebar.desktop {
  display: none;
  top: 30px;
  position: sticky;
}
@media screen and (min-width: 992px) {
  .sticky-sidebar.desktop {
    display: flex;
  }
}
.sticky-sidebar.mobile {
  padding-top: 24px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .sticky-sidebar.mobile {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .sticky-sidebar {
    width: 280px;
  }
}
@media screen and (min-width: 1400px) {
  .sticky-sidebar {
    width: 300px;
  }
}
.sticky-sidebar .box-1 {
  background-color: var(--c-primary);
  padding: 30px 25px;
  border-radius: 30px;
}
@media screen and (min-width: 1200px) {
  .sticky-sidebar .box-1 {
    padding: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .sticky-sidebar .box-1 {
    padding: 30px;
  }
}
.sticky-sidebar .box-1 h5 {
  font-size: 15px; /* was 18px, then 20px — now 25% smaller again per bug #4 */
  font-weight: 600;
  font-family: "Open Sans";
  color: var(--c-white);
  margin-bottom: 10px;
}
.sticky-sidebar .box-1 p {
  color: var(--c-white);
}
.sticky-sidebar .box-1 .btn-white-type a {
  width: 100%;
  text-align: center;
}
.sticky-sidebar .box-2 {
  background-color: var(--c-secondary);
  padding: 30px 25px;
  border-radius: 30px;
}
@media screen and (min-width: 1200px) {
  .sticky-sidebar .box-2 {
    padding: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .sticky-sidebar .box-2 {
    padding: 30px;
  }
}
.sticky-sidebar .box-2 h5 {
  font-size: 15px; /* was 18px, then 20px — now 25% smaller again per bug #4 */
  font-weight: 600;
  font-family: "Open Sans";
  color: var(--c-white);
  margin-bottom: 10px;
}
.sticky-sidebar .box-2 .icon-main {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.sticky-sidebar .box-2 .icon-main a {
  transition: all 0.32s ease-in-out;
  display: block;
}
.sticky-sidebar .box-2 .icon-main a:hover {
  transform: scale(1.15);
}
.sticky-sidebar .box-2 .icon-main a img {
  display: block;
}

.btn-white-type a {
  padding: 8px 30px;
  color: var(--c-white);
  display: inline-flex;
  text-align: center;
  border: 1.5px solid var(--c-white);
  border-radius: 30px;
  justify-content: center;
  transition: 0.32s all ease-in-out;
}
@media screen and (min-width: 1200px) {
  .btn-white-type a {
    padding: 8px 45px;
  }
}
.btn-white-type a:hover {
  background-color: var(--c-secondary);
  border-color: var(--c-secondary);
}

.review-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.review-wrap .label {
  font-weight: 700;
  color: var(--c-secondary);
}
/* Bug #2: top "Reviews" label only — 25% smaller than the 20px it was at (now 15px).
   Scoped so it doesn't affect the "Avg Rating: 4.6" label further down the page,
   which shares the same .review-wrap .label markup but lives in .review-sec. */
.bd-action-flex .review-wrap .label {
  font-size: 15px;
}
.review-sec .review-wrap .label {
  font-size: 20px;
}
.review-wrap .stars {
  display: flex;
  color: var(--c-primary);
  gap: 4px;
}
/* Bugs #1 + #5: the header stars and the "Avg Rating" stars were still rendering
   Bootstrap-yellow. Setting color on the parent .stars container (above) isn't
   enough to beat Bootstrap's .text-warning utility class, which ships with its
   own !important and wins regardless of source order or the .stars rule's
   specificity. Targeting the span's actual classes directly, with matching
   !important, is what's required — see the unified .star.text-warning rule
   further down, which now covers every star on the page (header, avg rating,
   and individual review cards) in one place instead of being scoped to
   .review-card only. */

/* Bug #3: "Visit Website", phone number, and "View Services" need to sit on one
   line. They're siblings inside .headings-adj-for-action (with a hidden mobile
   map div between them on desktop), so making that wrapper a flex row — with
   the heading/review-wrap/mobile-map forced to full width and the two button
   groups left at auto width — puts them on the same line without touching the
   template's HTML structure.
   SCOPED to #details — .headings-adj-for-action is a reused class across other
   page types too (e.g. Job Detail), and applying display:flex unscoped turned
   their heading + content into a flex row instead of stacking, which is the
   "captions moved up to inline" bug on Job Detail pages, then again on
   Business For Sale Detail when #business-page turned out to be reused
   too. Now using .bd-action-flex, a class that only exists in
   business_directory_detail.blade.php — see chat for the exact line to add.
   <section> ID unique to the business directory detail page. */
.bd-action-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.bd-action-flex > .headings-adj-for-action,
.bd-action-flex > .review-wrap,
.bd-action-flex > .review-footer,
.bd-action-flex > .sticky-sidebar.mobile {
  flex: 1 0 100%;
}
.bd-action-flex > .contact-list,
.bd-action-flex > .link-wrapper {
  flex: 0 0 auto;
}
.bd-action-flex > .link-wrapper a.btn-type-1 {
  margin-top: 0; /* this button has a global 12px margin-top that throws off
                    vertical alignment with the contact-list pills in the row */
  border-width: 2.5px; /* a) match Visit Website/phone — was 2px from .btn-type-1 base */
  padding: 10px 30px; /* a) match Visit Website/phone padding exactly */
  font-family: "DM Serif Text", "Regular";
  font-weight: 700;
  font-size: 16px;
}

/* c) "Visit Website" + d) telephone number — both <a> tags inside
   .contact-list ul li, so one rule covers both as rounded pill buttons. */
.contact-list {
  padding-top: 0;
}
.contact-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.contact-list ul li {
  padding: 0;
}
.contact-list ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  border-radius: 30px;
  border: 2.5px solid var(--c-primary); /* b) was 1.5px */
  color: var(--c-primary);
  font-weight: 700;
  font-family: var(--body-font);
  font-size: 16px; /* a) explicit, so View Services can match exactly */
  text-decoration: none;
  transition: all 0.32s ease-in-out;
}
.contact-list ul li a:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}

@media screen and (min-width: 1200px) {
  .btn-type-1.large {
    font-size: 18px;
  }
}

.review-grid-row {
  padding-top: 32px;
  gap: 24px 0;
}

.review-card {
  background-color: var(--c-light);
  border-radius: 24px;
  padding: 20px 15px;
  height: 100%;
}
@media screen and (min-width: 1400px) {
  .review-card {
    border-radius: 32px;
    padding: 32px;
  }
}
.review-card h3 {
  max-width: 6em;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
  min-height: 2.2em;
  margin-bottom: 12px;
}
.review-card .stars {
  display: flex;
  color: var(--c-primary); /* was #f5c244 (gold) */
  gap: 4px;
  justify-content: center;
  margin-bottom: 15px;
}
.review-card small {
  font-weight: 700;
}

/* Bugs #1 + #5 (and g from before): all display stars — header, "Avg Rating",
   and individual review cards — render via Bootstrap's .text-warning utility
   on each <span class="star">. Bootstrap's utility ships its own !important,
   so matching it directly (rather than relying on a parent .stars rule) is
   required to win, and this one rule now covers every instance on the page.
   .text-secondary (the unfilled star on anything under 5 stars) is
   deliberately left alone — keeps the grey "unfilled" look. */
.star.text-warning {
  color: var(--c-primary) !important;
}

.review-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
}
.review-footer .share-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.review-footer .share-wrap .social-share-title {
  color: var(--c-primary);
}
.review-footer .share-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
.review-footer .share-wrap ul a {
  color: var(--c-primary);
  display: block;
  transition: all 0.32s ease-in-out;
}
.review-footer .share-wrap ul a:hover {
  transform: scale(1.15);
  color: var(--c-secondary);
}

.event-contact .form-item {
  width: auto;
  flex: 1;
}

.discount-sec {
  padding-top: 40px;
}
.discount-sec .discount-list {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.discount-sec .discount-list .discount-item {
  background-color: var(--c-light);
  padding: 32px 24px;
  border-radius: 24px;
}
@media screen and (min-width: 768px) {
  .discount-sec .discount-list .discount-item {
    gap: 20px;
    display: flex;
  }
}
.discount-sec .discount-list .discount-item .image {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .discount-sec .discount-list .discount-item .image {
    padding-bottom: 0px;
    justify-content: center;
    min-width: 100px;
    width: 100px;
  }
}
.discount-sec .discount-list .discount-item .image img {
  display: block;
  width: 80px;
}
.discount-sec .discount-list .discount-item .description-captions {
  flex: 1 1 auto;
}
.discount-sec .discount-list .discount-item .description-captions h3 {
  margin-bottom: 15px;
}
.discount-sec .discount-list .discount-item .redeem-captions {
  width: 100%;
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .discount-sec .discount-list .discount-item .redeem-captions {
    padding-top: 0px;
    min-width: 220px;
    width: 220px;
  }
}
.discount-sec .discount-list .discount-item .redeem-captions .redeem-label {
  color: var(--c-primary);
  font-weight: 700;
}
.discount-sec .discount-list .discount-item .redeem-captions .redeem-offer {
  color: var(--c-secondary);
  font-weight: 700;
}
.discount-sec .discount-list .discount-item .validity {
  display: flex;
  padding-top: 24px;
}
.discount-sec .discount-list .discount-item .validity > div {
  flex: 1;
}

/* ==========================================================================
   Business Directory Detail — round 3 fixes
   ========================================================================== */

/* c) Photos slider — pagination dots, now this rule's sole definition since
   the template's duplicate was deleted. Position changed from absolute to
   relative so the dots sit below the slider instead of overlapping it. */
.bd-gallery-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 0;
  position: relative;
  margin-top: 24px;
}

/* e) Telephone icon. Markup needs a small change in the template — see chat
   for the exact line — wrapping the number in:
     <a href="tel:..."><i class="fa-solid fa-phone"></i> 02380982260</a>
   Font Awesome 6.7.2 is already loaded site-wide, so no SVG upload needed. */
.contact-list ul li a i.fa-phone {
  margin-right: 8px;
}

/* f) 40px more space above the business description. Scoped to the
   directory detail page specifically — .text-box-section .caption is
   reused on several other page types with its own existing 2.1rem
   padding-top, which is left untouched everywhere else. */
#details .text-box-section.adj-action-image .caption {
  margin-top: 40px;
}

/* g) "Show More Reviews" + "Add Review" buttons.
   SCOPED to .review-sec — .explore-btn turns out to be a reused class
   site-wide for a totally different component (a <div class="explore-btn">
   wrapping an <a>, used on the Homepage, Membership Plans, etc., often with
   a decorative underline image). Leaving this unscoped earlier broke that
   component's styling on those pages — base colour/border/radius/background
   were being forced onto the wrapping div instead of the inner link. */
.review-sec .explore-btn {
  padding: 10px 25px;
  font-size: 16px;
  color: var(--c-primary);
  border: 2.5px solid var(--c-primary);
  border-radius: 30px;
  text-align: center;
  transition: 0.32s all ease-in-out;
  background-color: #fff;
}
.review-sec .explore-btn:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.review-sec .showMoreReviews {
  display: none;
}

.review-sec .explore-btn {
  padding: 9px 27px; /* a tad smaller than Visit Website/phone's 10px/30px */
  border-width: 2px; /* a tad thinner than their 2.5px */
  font-size: 14px; /* a tad smaller than their 16px */
  font-family: "DM Serif Text", "Regular";
  font-weight: 700;
}

/* h) Move "Share This" block up 30px.
   Previously targeted .bd-share-block, a class added directly inside the
   shared share_icon.blade.php partial — but that partial is reused by
   other page types too, so the class (and the -30px) leaked everywhere
   it's included. Now targeting .bd-share-wrapper instead: a plain new div
   wrapping the @include() call site in business_directory_detail.blade.php
   only. Since this wrapper doesn't carry Bootstrap's .my-auto utility
   (that's on the partial's own inner div), there's no !important fight
   needed this time — a normal margin-top just works. */
.bd-share-wrapper {
  margin-top: -30px;
}

/* i) 30px gap between the reCaptcha and the Send button on the
   "Message This Business" form specifically (not the Add Review modal,
   which has its own separate .form-action and wasn't mentioned). */
#event-contact .form-action {
  margin-top: 30px;
}

/* j) Toastr success notification text was invisible — its message text was
   losing the colour Toastr ships with, likely to an inherited colour from
   the page that matches (or is too close to) the toast's background.
   Forcing white on both the title and message text fixes it regardless of
   the underlying cause. */
#toast-container .toast {
  color: #fff !important;
}
#toast-container .toast-title,
#toast-container .toast-message {
  color: #fff !important;
}

/* ==========================================================================
   Products & Services section — heading/body font sizes
   .bd-ps-title / .bd-ps-heading / .bd-ps-list li's old clamp()-based
   font-size lines have been deleted from the template, so these are now
   the sole definitions — plain class selectors, no extra scoping needed.
   ========================================================================== */
.bd-ps-title {
  font-size: 23px; /* mobile */
}
@media screen and (min-width: 992px) {
  .bd-ps-title {
    font-size: 25px; /* desktop */
  }
}
.bd-ps-heading {
  font-size: 20px; /* same at both breakpoints */
}
.bd-ps-list li {
  font-size: 18px; /* same at both breakpoints */
}

/* ==========================================================================
   "Share This" block spacing
   ========================================================================== */

/* Mobile: .details-main's padding-bottom:5rem only kicks in at 768px+,
   which is what was quietly giving "Share This" breathing room above it
   on desktop (it's padding-bottom on the *previous* section's .details-main).
   .details-main is a shared layout class used across other page types too,
   so rather than touch its breakpoint (risking other pages), giving
   .bd-share-wrapper its own top margin below 768px is the safer, targeted
   fix. No !important needed — see note above, this wrapper has no
   Bootstrap .my-auto utility to fight. */
@media screen and (max-width: 767px) {
  .bd-share-wrapper {
    margin-top: 32px;
    margin-bottom: 20px; /* mobile had none below it before "Message This Business" */
  }
}

/* Desktop: more space after "Share This" — was 0, now 2rem */
@media screen and (min-width: 768px) {
  .bd-share-wrapper {
    margin-bottom: 2rem;
  }
}

/* ==========================================================================
   "Leave a review by creating a Account or Login in" — spacing
   Requires the text to be wrapped in <p class="leave-review-text"> in the
   template (was a bare text node, couldn't be targeted independently of
   the buttons next to it).
   ========================================================================== */
.review-footer .link-wrapper .leave-review-text {
  margin-top: 30px; /* 30px more space above */
  margin-bottom: 20px; /* was 10px, +10px more per latest request */
}
@media screen and (max-width: 767px) {
  .review-footer .link-wrapper .leave-review-text {
    font-size: 15px; /* confirmed fits on one line on mobile */
    white-space: nowrap; /* prevents wrapping at this size */
  }
}

/* ==========================================================================
   "Share This" block — spacing between the 3 social icons
   The icons sit inside a single <h4> as inline elements separated only by
   whitespace in the markup, so there's no gap to control without making
   that <h4> a flex container itself.
   ========================================================================== */
.bd-share-wrapper h4 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0;
}

/* ==========================================================================
   "Claim this business" button — match Visit Website/View Services styling
   Sits as a direct sibling of .contact-list/.sticky-sidebar.mobile inside
   .bd-action-flex, so it's also now included in the full-width flex group
   above so it reliably gets its own row. No !important needed — the
   inline style="padding: 5px 10px" has been removed from the template.
   ========================================================================== */
.bd-action-flex .review-footer .link-wrapper .btn-type-1.large {
  margin-top: 0;
  border-width: 2.5px;
  padding: 10px 30px;
  font-family: "DM Serif Text", "Regular";
  font-weight: 700;
  font-size: 16px;
}

/* ==========================================================================
   Footer — new layout + collapsible nav (shared across all layouts via login.css)
   ========================================================================== */

footer#footer .footer-main .footer-links-main .links li h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

footer#footer .footer-main .footer-links-main .links .nav-item.font-adj {
  padding: 0 0 2px;
}

footer#footer .footer-main .footer-links-main .links .nav-item a {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

footer#footer .footer-main .footer-links-main .links .nav-item.footer-find-us {
  padding: 2px 0;
}

footer#footer .footer-main .footer-links-main .links .nav-item.footer-find-us .footer-address {
  color: var(--c-white);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: none;
}

@media screen and (min-width: 768px) {
  footer#footer .footer-main .footer-links-main .links .nav-item.footer-find-us .footer-address {
    text-align: left;
  }
}

footer#footer .footer-main .logo-main .caption a {
  color: var(--c-white);
  text-decoration: none;
  font-size: 12px;
}

/* Footer top section — logo + column position (XD) */
footer#footer .footer-main {
  padding: 2.75rem 0 2rem 0;
}

@media screen and (min-width: 768px) {
  footer#footer .footer-main {
    padding: 3.5rem 0 2.5rem 0;
  }
}

@media screen and (min-width: 1200px) {
  footer#footer .footer-main {
    padding: 4rem 0 2.5rem 0;
  }
}

footer#footer .footer-main > .container {
  max-width: 1720px !important;
}

footer#footer .footer-main .inner {
  padding-bottom: 2.25rem;
}

footer#footer .footer-main .inner .row {
  align-items: flex-start;
}

footer#footer .footer-main .inner .logo-main {
  align-items: flex-start;
  padding-top: 0;
}

footer#footer .footer-main .inner .logo {
  width: 160px;
}

@media screen and (min-width: 1200px) {
  footer#footer .footer-main .inner .logo {
    width: 180px;
  }
}

@media screen and (min-width: 1600px) {
  footer#footer .footer-main .inner .logo {
    width: 200px;
  }
}

footer#footer .footer-main .inner .logo-main .caption {
  padding-top: 10px;
}

footer#footer .footer-main .inner .footer-links-main {
  padding-top: 48px !important;
}

@media screen and (min-width: 1200px) {
  footer#footer .footer-main .inner .footer-links-main {
    padding-top: 58px !important;
  }
}

@media screen and (min-width: 1600px) {
  footer#footer .footer-main .inner .footer-links-main {
    padding-top: 64px !important;
  }
}

footer#footer .footer-main .inner .footer-links-main .links li h6 {
  margin-bottom: 8px !important;
}

footer#footer .footer-main .inner .footer-links-main .links .nav-item {
  padding: 2px 0;
}

footer#footer .footer-main .inner .footer-links-main .links .nav-item.font-adj {
  padding-bottom: 0;
}

footer#footer .footer-main .inner .footer-links-main .links .nav-item.footer-find-us {
  padding: 2px 0;
}

footer#footer .footer-main .inner .footer-links-main .links .nav-item.footer-find-us .footer-address {
  line-height: 22px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  footer#footer .footer-main .inner .footer-links-main .links .nav-item.footer-find-us .footer-address {
    text-align: left;
  }
}

footer#footer .footer-main .inner .decoration {
  align-items: center;
  margin-top: 22px;
  margin-bottom: 0;
  -webkit-transform: translateX(-28%) rotate(-18deg);
  transform: translateX(-28%) rotate(-18deg);
}

@media screen and (min-width: 992px) {
  footer#footer .footer-main .inner .decoration {
    margin-top: 36px;
    margin-bottom: 0;
    -webkit-transform: translateX(-40%) rotate(-8deg);
    transform: translateX(-40%) rotate(-8deg);
  }
}

footer#footer .footer-main .inner .decoration .caption p {
  font-family: "Caveat", cursive;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.05;
}

footer#footer .footer-main .inner .decoration .left-arrow {
  max-width: 30px;
  min-width: 50px;
  align-self: flex-start;
  margin-top: 0;
  margin-left: -15px;
}

footer#footer .footer-nav-section {
  padding-bottom: 3rem;
}

footer#footer .footer-nav-divider {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.28);
  margin: 0 0 3.5rem;
}

footer#footer .footer-nav-divider-bottom {
  margin: 3.5rem 0 0;
}

footer#footer .footer-main .footer-bottom {
  padding-top: 1.25rem;
}

footer#footer .footer-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(40px, 4vw, 96px);
  row-gap: 4.75rem;
  align-items: start;
  width: 100%;
}

footer#footer .footer-nav-block {
  align-items: baseline;
  display: flex;
  gap: 20px;
  width: 100%;
  max-width: none;
}

footer#footer .footer-nav-heading {
  color: var(--c-white);
  flex: 0 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0 !important;
  max-width: none;
  padding: 0 !important;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
}

footer#footer .footer-nav-content {
  flex: 1 1 auto;
  max-width: 360px;
  min-width: 0;
  margin: 0;
  padding: 0;
  width: 360px;
}

footer#footer .footer-nav-links,
footer#footer .footer-sector-accordion {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

footer#footer .footer-sector-sub {
  list-style: none;
  margin: 0 !important;
}

footer#footer .footer-nav-item {
  margin: 0;
  padding: 6px 0;
  line-height: 18px;
}

footer#footer .footer-nav-links > .footer-nav-item:first-child {
  padding-top: 0;
}

footer#footer .footer-nav-item a,
footer#footer .footer-sector-toggle,
footer#footer .footer-nav-view-all,
footer#footer .footer-nav-toggle.footer-nav-view-all {
  color: var(--c-white);
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  vertical-align: top;
  -webkit-text-decoration: 1.5px underline;
  text-decoration: 1.5px underline;
  text-decoration-color: transparent;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}

footer#footer .footer-nav-item a:hover,
footer#footer .footer-nav-view-all:hover {
  text-decoration-color: var(--c-white);
  opacity: 1;
}

footer#footer .footer-nav-extra {
  display: none;
}

footer#footer .footer-nav-block.is-expanded .footer-nav-extra {
  display: list-item;
}

footer#footer .footer-nav-view-all,
footer#footer .footer-nav-toggle.footer-nav-view-all {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-top: 14px;
  padding: 0;
  text-align: left;
}

footer#footer .footer-sector-toggle {
  align-items: baseline;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  gap: 5px;
  margin: 0;
  max-width: 100%;
  padding: 0;
  text-align: left;
  text-decoration: none;
}

footer#footer .footer-sector-toggle:hover {
  opacity: 0.9;
}

footer#footer .footer-sector-toggle-text {
  flex: 0 1 auto;
  -webkit-text-decoration: 1.5px underline;
  text-decoration: 1.5px underline;
  text-decoration-color: transparent;
  -webkit-transition: 0.32s all ease-in-out;
  transition: 0.32s all ease-in-out;
}

footer#footer .footer-sector-toggle:hover .footer-sector-toggle-text {
  text-decoration-color: var(--c-white);
}

footer#footer .footer-nav-toggle-icon {
  background: none !important;
  color: var(--c-white);
  display: inline;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

footer#footer .footer-sector-accordion {
  display: flex;
  flex-direction: column;
  gap: 0;
}

footer#footer .footer-sector-item {
  width: 100%;
  line-height: 18px;
  padding: 6px 0;
}

footer#footer .footer-sector-accordion > .footer-sector-item:first-child {
  padding-top: 0;
}

footer#footer .footer-sector-sub {
  display: none;
  margin: 0 !important;
  padding: 0 0 0 20px !important;
}

footer#footer .footer-sector-sub .footer-nav-item:first-child {
  padding-top: 6px;
}

footer#footer .footer-sector-sub.is-open {
  display: block;
}

@media screen and (max-width: 1699.5px) {
  footer#footer .footer-main > .container {
    max-width: 1480px !important;
  }

  footer#footer .footer-nav-grid {
    column-gap: 32px;
  }

  footer#footer .footer-nav-content {
    max-width: 300px;
    width: auto;
  }
}

@media screen and (max-width: 1199.5px) {
  footer#footer .footer-nav-grid {
    grid-template-columns: 1fr;
    row-gap: 2.75rem;
  }

  footer#footer .footer-nav-block {
    flex-direction: column;
    gap: 12px;
    max-width: 100%;
    width: 100%;
  }

  footer#footer .footer-nav-heading {
    white-space: nowrap;
  }

  footer#footer .footer-nav-content {
    max-width: 100%;
    width: 100%;
  }
}