/* ABSTRACTS */
/* BREAKPOINTS */
/* TEXT STROKE */
/* COLORS */
/* VENDORS */
/* BASE */
html, body {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: #362170;
}

body::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .bg__glass {
    background: rgba(20, 20, 20, 0.3) !important;
    -webkit-backdrop-filter: blur(7px) !important;
            backdrop-filter: blur(7px) !important;
  }
}

@media (min-width: 768px) {
  .bg__light-glass {
    background: rgba(240, 240, 240, 0.75) !important;
    -webkit-backdrop-filter: blur(8px) !important;
            backdrop-filter: blur(8px) !important;
  }
}

@media (min-width: 768px) {
  .bg__dark-glass {
    background: rgba(7, 7, 7, 0.75) !important;
    -webkit-backdrop-filter: blur(8px) !important;
            backdrop-filter: blur(8px) !important;
  }
}

.bg__main-purple {
  background: #412E7D;
}

.bg__purple-gradient {
  background: #0C0A22;
  background: linear-gradient(270deg, rgb(12, 10, 34) 5%, rgb(108, 82, 192) 65%);
}

.bg__modal-purple {
  background: #5a2e85;
  background: linear-gradient(180deg, rgb(90, 46, 133) 0%, rgb(72, 61, 128) 90%);
}

.bg__purple-neumorphic {
  background: #6C52C0;
  box-shadow: inset 20px 20px 100px #523e92, inset -20px -20px 100px #8666ee;
}

.bg__modal-purple-neumorphic {
  background: #5a2e85;
  box-shadow: inset 20px 20px 100px #442365, inset -20px -20px 100px #7039a5;
}

.bg__button-purple-neumorphic {
  background: linear-gradient(145deg, #6d38a3, #5c2f89);
  box-shadow: 20px 20px 100px #4e2874, -20px -20px 100px #7e40bc;
}

.bg__button-purple-neumorphic:hover {
  background: linear-gradient(145deg, #763fab, #633590);
  box-shadow: 20px 20px 100px #542d7a, -20px -20px 100px #8849c6;
}

.bg__button-purple-neumorphic2 {
  background: linear-gradient(145deg, #512978, #60318e);
  box-shadow: 20px 20px 100px #442365, -20px -20px 100px #7039a5;
}

.bg__button-purple-neumorphic2:hover {
  background: #5a2e85;
  box-shadow: inset 20px 20px 100px #442365, inset -20px -20px 100px #7039a5;
}

.bg__input-neumorphic {
  background: linear-gradient(145deg, #512978, #60318e);
  box-shadow: 20px 20px 100px #442365, -20px -20px 100px #7039a5;
}

.bg__navbar-light-neumorphic {
  background: #ffffff;
  box-shadow: 20px 20px 60px #512978, -20px -20px 60px #5a2e85;
}

* {
  font-family: "beVietnamPro", sans-serif;
}

@font-face {
  font-family: "beVietnamPro";
  src: url("../fonts/BeVietnamPro-Regular.ttf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
@font-face {
  font-family: "beVietnamPro-Bold";
  src: url("../fonts/BeVietnamPro-Bold.ttf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
@font-face {
  font-family: "beVietnamPro-ExtraBold";
  src: url("../fonts/BeVietnamPro-ExtraBold.ttf") format("truetype");
  font-weight: regular;
  font-style: normal;
}
.text-bold {
  font-family: "beVietnamPro-Bold", sans-serif;
}

.text-extrabold {
  font-family: "beVietnamPro-ExtraBold", sans-serif;
}

.text-title {
  font-family: "beVietnamPro-Bold", sans-serif;
  font-weight: regular;
  letter-spacing: -0.25px;
  font-size: 40px;
  line-height: 49px;
}
@media (min-width: 1024px) {
  .text-title {
    font-size: 40px;
  }
}
@media (min-width: 1280px) {
  .text-title {
    font-size: 53px;
    line-height: 64px;
  }
}

.text-download {
  font-family: "beVietnamPro", sans-serif;
  font-size: 20px;
  font-weight: regular;
  line-height: 30px;
  letter-spacing: 0;
}
@media (min-width: 1280px) {
  .text-download {
    font-size: 25px;
    line-height: 40px;
  }
}

.text-large {
  font-family: "beVietnamPro", sans-serif;
  font-size: 23px;
  font-weight: regular;
  line-height: 40px;
  letter-spacing: 0;
}

.text-body {
  font-family: "beVietnamPro", sans-serif;
  font-size: 16px;
  font-weight: regular;
  line-height: 24px;
  letter-spacing: 0.5px;
}
@media (min-width: 1280px) {
  .text-body {
    font-size: 16px;
    line-height: 24px;
  }
}

.text-regular {
  font-family: "beVietnamPro", sans-serif;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.5px;
}

.text-headline {
  font-family: "beVietnamPro", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .text-headline {
    font-size: 32px;
    font-weight: regular;
  }
}

.text-card-title {
  font-family: "beVietnamPro-Bold", sans-serif;
  font-size: 20px;
  font-weight: regular;
  line-height: 30px;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .text-card-title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1280px) {
  .text-card-title {
    font-size: 28px;
  }
}

.text__justify {
  text-align: justify;
}

.text-xsm {
  font-size: 9px;
}

/* LAYOUT */
body footer {
  background: url("../img/footer/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

body header nav .mx-auto .relative .nav-content .flex .logo-navbar div {
  background: url("../img/logo-white.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.body__files header nav .mx-auto .relative .nav-content .flex .logo-navbar div, .body__news-viewer header nav .mx-auto .relative .nav-content .flex .logo-navbar div {
  background: url("../img/logo-rrss.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

/* COMPONENTS */
/* PAGES */
.body__contact .contact__header .header__hero {
  background: url("../img/contact/hero-mobile.png");
  background-repeat: no-repeat;
  background-size: 100dvw 100%;
  background-position: center;
  color: #fff;
}
@media (min-width: 1024px) {
  .body__contact .contact__header .header__hero {
    background: url("../img/contact/hero.png");
    background-repeat: no-repeat;
    background-size: 100dvw 100%;
    background-position: right 0;
    color: #fff;
  }
}

.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow {
  width: 95%;
  margin: 15px auto 0;
  border: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: linear-gradient(145deg, #512978, #60318e);
  box-shadow: 20px 20px 100px #442365, -20px -20px 100px #7039a5;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow .ql-formats .ql-header.ql-picker .ql-picker-label {
  color: #bdbdbd;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow .ql-formats .ql-header.ql-picker .ql-picker-label svg .ql-stroke {
  stroke: #bdbdbd;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow .ql-formats .ql-header.ql-picker .ql-picker-label svg .ql-stroke:hover {
  stroke: #fff;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow .ql-formats .ql-header.ql-picker .ql-picker-label:hover {
  color: #fff;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow .ql-formats .ql-header.ql-picker .ql-picker-options {
  background: linear-gradient(145deg, #512978, #60318e);
  box-shadow: 20px 20px 100px #442365, -20px -20px 100px #7039a5;
  color: #bdbdbd;
  border: none;
  z-index: 60;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .ql-toolbar.ql-snow .ql-formats button svg .ql-stroke {
  stroke: #bdbdbd;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .form-editor {
  width: 95%;
  height: 100px;
  margin: 0 auto 15px;
  border: none;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .form-editor .ql-editor p, .body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .form-editor .ql-editor h2, .body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .form-editor .ql-editor h1, .body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .form-editor .ql-editor blockquote {
  color: #bdbdbd;
}
.body__dashboard .dashboard__main .main__content .content__sections .section__posts .posts__modal .modal-content .content__container .modal-body .form .form-editor .ql-editor::before {
  color: #bdbdbd;
}

.body__files {
  background: url("../img/files/background.png");
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 360px);
}

.body__index {
  background: url("../img/index/background.png");
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 360px);
}
.body__index .index__header .header__hero {
  background: url("../img/index/hero-mobile.png");
  background-repeat: no-repeat;
  background-size: 100% 400px;
  background-position: right 0;
}
@media (min-width: 1024px) {
  .body__index .index__header .header__hero {
    background: url("../img/index/hero.png");
    background-repeat: no-repeat;
    background-size: auto 700px;
    background-position: right 0;
  }
}
@media (min-width: 1280px) {
  .body__index .index__header .header__hero {
    background: url("../img/index/hero.png");
    background-repeat: no-repeat;
    background-size: auto 800px;
    background-position: right 0;
  }
}
.body__index .index__main * {
  color: #fff;
}
.body__index .index__main .main__parallax .parallax__front .front__why-is {
  top: 470px;
}
.body__index .index__main .main__parallax .parallax__front .front__why-is .why-is__content {
  background: url("../img/index/why-is-background.png");
  background-repeat: no-repeat;
  background-size: 800px 800px;
  background-position: center;
}
@media (min-width: 1024px) {
  .body__index .index__main .main__parallax .parallax__front .front__why-is .why-is__content {
    background-repeat: no-repeat;
    background-size: 1300px 1300px;
  }
}
@media (min-width: 1280px) {
  .body__index .index__main .main__parallax .parallax__front .front__why-is .why-is__content {
    background-repeat: no-repeat;
    background-size: 1080px 1080px;
  }
}
.body__index .index__main .main__know-more .know-more__content {
  background: url("../img/index/know-more-background.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.body__news {
  background: url("../img/news/background.png");
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 360px);
}
.body__news .news__header .header__hero {
  background: url("../img/news/hero-mobile.png");
  background-repeat: no-repeat;
  background-size: 100dvw 800px;
  background-position: center;
  color: #fff;
}
@media (min-width: 1024px) {
  .body__news .news__header .header__hero {
    background: url("../img/news/hero.jpg");
    background-repeat: no-repeat;
    background-size: 100dvw 700px;
    background-position: right 0;
    color: #fff;
  }
}
@media (min-width: 1280px) {
  .body__news .news__header .header__hero {
    background: url("../img/news/hero.jpg");
    background-repeat: no-repeat;
    background-size: 100dvw 800px;
    background-position: right 0;
    color: #fff;
  }
}

.body__team {
  background: url("../img/team/background.png");
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 360px);
}
.body__team .team__header .header__hero {
  background: url("../img/team/hero-mobile.png");
  background-repeat: no-repeat;
  background-size: 100dvw 800px;
  background-position: center;
  color: #fff;
}
@media (min-width: 640px) {
  .body__team .team__header .header__hero {
    background: url("../img/team/hero.jpg");
    background-repeat: no-repeat;
    background-size: 1280px 800px;
    background-position-x: center;
  }
}
@media (min-width: 1024px) {
  .body__team .team__header .header__hero {
    background: url("../img/team/hero.jpg");
    background-repeat: no-repeat;
    background-size: 1280px 700px;
    background-position-x: center;
  }
}
@media (min-width: 1280px) {
  .body__team .team__header .header__hero {
    background: url("../img/team/hero.jpg");
    background-repeat: no-repeat;
    background-size: 100dvw auto;
    background-position: right 0;
  }
}

/* THEMES *//*# sourceMappingURL=main.css.map */