:root{
  --color-primary: #1983d7;
  --color-primary-f0: #1983d7f0;
  --color-primary-7a: #1983d77a;
  --color-primary-db: #1983d7db;
  --color-rgb-primary: rgb(25, 131, 215);
  --color-rgb-primary-70: rgba(25, 131, 215, .7);
  --color-rgb-primary-75: rgba(25, 131, 215, .75);
  --color-rgb-primary-90: rgba(25, 131, 215, .9);
  --color-rgb-primary-48: rgba(25, 131, 215, .48);
  --color-secondary: #f58634;
  --color-rgb-secondary: rgb(245, 134, 52);
  --color-rgb-secondary-70: rgba(245, 134, 52, .7);
  --color-rgb-secondary-75: rgba(245, 134, 52, .75);
  --color-complementer: #ffcc29;
  --color-rgb-complementer: rgb(255, 204, 41);
  --color-rgb-complementer-19: rgba(255, 204, 41, .19);
  --color-complementer2: #FFF275;
  --color-rgb-complementer2-70: rgba(255, 241, 117, .7);
  --color-rgb-complementer2-75: rgba(255, 241, 117, .75);
}

.dropdown-menu {
  top: 60px
}

@media (min-width:992px) {
  .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -30px;
    width: 100%;
    height: 30px
  }
}

.dropdown:hover>.dropdown-menu {
  display: block
}

.dropdown>a>i {
  transition: .3s all ease
}

.dropdown:hover>a>i {
  transform: rotate(-180deg)
}

.navbar ul li a {
  font-size: .95rem
}

.navbar {
  transition: .3s all
}

.navbar-shadow {
  box-shadow: 0 .4rem 2.2rem 0 rgba(27, 30, 36, .1), 0 0 0 1px rgba(27, 30, 36, .05)
}

.navbar-bg-onscroll {
  background-color: #ffffff!important
}

body {
  overflow-x: hidden
}
/* #ffcc29 */
/* #f58634 */
/* #007965 */
::selection {
  color: #25166c;
  background-color: #fcf304;
  color: #333;
  background-color: #ffcc29;
  background-color: var(--color-complementer);
}

.btn-primary {
  color: #fff!important;
  background-color: #25166c!important;
  border-color: #25166c!important;
  background-color: #007965!important;
  border-color: #007965!important;
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.btn-primary:hover {
  color: #fff!important;
  background-color: #1a104c!important;
  border-color: #160d42!important;
  background-color: #006151!important;
  border-color: #006151!important;
  background-color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
  color: #fff!important;
  background-color: #160d42!important;
  border-color: #130b37!important;
  background-color: #007965!important;
  border-color: #007965!important;
  background-color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn-outline-primary {
  color: #25166c!important;
  border-color: #25166c!important;
  color: #007965!important;
  border-color: #007965!important;
  color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn-outline-primary:hover {
  color: #fff!important;
  background-color: #25166c!important;
  border-color: #25166c!important;
  background-color: #007965!important;
  border-color: #007965!important;
  background-color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
  color: #fff!important;
  background-color: #25166c!important;
  border-color: #25166c!important;
  background-color: #007965!important;
  border-color: #007965!important;
  background-color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn-primary.btn-hover-outline {
  border-color: #25166c!important;
  border-color: #007965!important;
  border-color: var(--color-primary)!important;
}

.btn-primary.btn-hover-outline:hover {
  background-color: #fff!important;
  color: #25166c!important;
  border-color: #25166c!important;
  color: #007965!important;
  border-color: #007965!important;
  color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn-primary.btn-hover-outline:not(:disabled):not(.disabled):active, .btn-primary.btn-hover-outline:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.btn-hover-outline.dropdown-toggle {
  background-color: #fff!important;
  color: #25166c!important;
  border-color: #25166c!important;
  color: #007965!important;
  border-color: #007965!important;
  color: var(--color-primary)!important;
  border-color: var(--color-primary)!important;
}

.btn {
  border-width: 2px!important
}

.btn.btn-no-hover {
  pointer-events: none
}

.card.card-news {
  cursor: pointer
}

.card.card-news img {
  transition: 2s all ease
}

.card.card-news:hover img {
  transform: scale(1.2)
}

.card-img-overlay:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #333333f0;
  background-color: #25166cf0;
  background-color: #007965f0;
  background-color: var(--color-primary-f0);
  z-index: 1;
  transition: 1s all ease
}

.card.card-news:hover .card-img-overlay:before {
  background-color: #3333337a;
  background-color: #25166c7a;
  background-color: #007965f0;
  background-color: var(--color-primary-f0);
}

.card-img-overlay * {
  position: relative;
  z-index: 10
}

.card-img-overlay.disable-overlay:before, .card.card-news:hover .card-img-overlay.disable-overlay:before {
  background-color: transparent
}

.card-img {
  object-fit: cover;
  min-height: 200px;
  max-height: 200px
}

.gallery-item {
  width: 400px;
  height: 200px
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.m-fab-menu .m-tooltip {
  border-radius: 100px;
  border: none;
  background: #dbd7e7;
  color: #333;
  font-weight: 600
}

#fab-info {
  bottom: 86px!important;
  z-index: 8888!important
}

.m-fab-panel {
  font-size: 15px;
  box-shadow: 0 .4rem 2.2rem 0 rgba(27, 30, 36, .1), 0 0 0 1px rgba(27, 30, 36, .05);
  border-radius: .7rem;
  background: #e9e8f0;
  border: 1px solid #beb9d3;
  max-width: calc(100vw - 60px);
  width: max-content!important
}

.m-fab-overlay {
  background: rgb(255, 255, 255, .81)!important
}

.m-fab-button {
  box-shadow: 0 .4rem 2.2rem 0 rgba(27, 30, 36, .1), 0 0 0 1px rgba(27, 30, 36, .05)
}

#fab-info .m-fab-button {
  background-color: #2972fa!important
}

@media (min-width:992px) {
  .m-fab-panel {
    max-width: 350px
  }
}

/* a, a:hover, .text-primary { */
.text-primary {
  color: #25166c!important;
  color: #007965!important;
  color: var(--color-primary)!important;
}

.nav-pills .nav-link{
  color: #007965!important;
  color: var(--color-primary)!important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #25166c;
  background-color: #007965;
  background-color: var(--color-primary);
}

/* for colors */

.gray-100 {
  color: #f8f9fa !important;
}

.gray-200 {
  color: #e9ecef !important;
}

.gray-300 {
  color: #dee2e6 !important;
}

.gray-400 {
  color: #ced4da !important;
}

.gray-500 {
  color: #adb5bd !important;
}

.gray-600 {
  color: #6c757d !important;
}

.gray-700 {
  color: #495057 !important;
}

.gray-800 {
  color: #343a40 !important;
}

.gray-900 {
  color: #212529 !important;
}

.img-logo {
  position: relative
}

.header__cricle {
  position: absolute;
  background-color: #25166c;
  background-color: #007965;
  background-color: var(--color-primary);
  border-radius: 98px;
  width: 75vw;
  height: 75vw;
  top: -42vw;
  top: -52vw;
  right: -22vw;
  right: -20vw;
  transform: rotate(-22deg);
  transform: rotate(-30deg);
  transition: .3s all ease;
  z-index: 50;
  background-image: url(https://images.unsplash.com/photo-1566409031818-9508be68fc74?ixlib=rb-1.2.1&auto=format&fit=crop&w=1534&q=80);
  background-position: center;
  background-position: 40% 20%;
}

.header__cricle:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #25166cdb;
  background: #007965db;
  background: var(--color-primary-db);
  border-radius: 98px
}

.header__cricle_shadow {
  position: absolute;
  background-color: #b7b7b7;
  border-radius: 98px;
  width: 75vw;
  height: 75vw;
  top: -42vw;
  top: -52vw;
  right: -30vw;
  right: -25vw;
  transform: rotate(-113deg);
  transform: rotate(-121deg);
  transition: .3s all ease;
  z-index: 10
}

@media screen and (max-width:971px) {
  .header__cricle {
    top: calc(-42vw - 10rem);
    right: calc(-20vw - 5rem)
  }
  .header__cricle_shadow {
    top: calc(-42vw - 10rem);
    right: calc(-25vw - 5rem)
  }
}

@media screen and (max-width:414px) {
  .header__cricle {
    top: calc(-42vw - 4rem);
    right: calc(-20vw - 2.5rem)
  }
  .header__cricle_shadow {
    top: calc(-42vw - 4rem);
    right: calc(-25vw - 2.5rem)
  }
}

.u-ver-center {
  z-index: 50
}

.u-overlay::after {
  z-index: 1
}

.u-promo-block--mheight-700 {
  min-height: 700px
}

.navbar-nav .nav-link {
  color: #dbd7e7!important;
  font-weight: 600
}

.navbar.navbar-shadow .navbar-nav .nav-link {
  color: #333333!important
}

.navbar-expand-lg.fixed-top:not(.navbar-shadow) {
  background: transparent!important
}

.navbar-expand-lg.fixed-top:not(.navbar-shadow) .navbar-toggler {
  color: #fff
}

.navbar-expand-lg.fixed-top:not(.navbar-shadow):before {
  content: '';
  background-color: #25166c;
  background-color: #007965;
  background-color: var(--color-primary);
  position: absolute;
  width: 100vw;
  height: 0;
  top: 0;
  left: 0;
  transition: .3s all
}

.navbar-toggler {
  border: none;
  outline: none!important
}

.btn-shadow {
  box-shadow: 0 .4rem 2.2rem 0 rgba(27, 30, 36, .1), 0 0 0 1px rgba(27, 30, 36, .05)
}

nav {
  overflow: hidden
}

nav:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(62px + 2px);
  left: 0;
  background: #25166c;
  background: #007965;
  background: var(--color-primary);
  z-index: -1;
  transition: .3s all
}

nav.navbar-bg-onscroll:after {
  background: #fff
}

/* footer */

footer {
  overflow: hidden;
  position: relative
}

footer:before {
  content: '';
  position: absolute;
  width: 45rem;
  height: 20rem;
  background: #25166c;
  background: #007965;
  background: var(--color-primary);
  z-index: 100;
  top: 0;
  left: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-radius: 50%;
  transform: scale(5) translateX(-24%) translateY(40%)
}

.footer-top {
  overflow: hidden;
  position: relative;
  background-position: center;
  background-size: cover;
  padding-top: 2rem
}

.footer-top .container {
  position: relative;
  z-index: 100
}

.footer-top:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110%;
  height: 110%;
  z-index: 10;
  transform: translate(-50%, -50%)
}

.footer-bottom {
  z-index: 100;
  position: relative
}

.footer-menu-items {
  line-height: 2
}

.footer-menu-items a {
  color: #333!important
}

.footer-top *, .footer-top a {
  color: #fff!important
}

/* ################################################################# */

.nav-flow .nav-link{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1), 0 0 0 1px rgba(27, 30, 36, 0.05);
  width: 110px;
  height: 110px;
  font-size: .8rem;
}
.nav-flow .nav-link span{
  font-weight: 600;
}

.card{
  /* border: none; */
  box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1), 0 0 0 1px rgba(27, 30, 36, 0.05);
  transition: .3s all ease;
}
.card:hover{
  box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1), 0 10px 10px 1px rgba(27, 30, 36, 0.05);
  transform: translateY(-5px);
}

.card.no-shadow{
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 0 0 rgba(27, 30, 36, 0.1), 0 0 0 1px rgba(27, 30, 36, 0.05);
}
.card.no-shadow:before,
.card.no-shadow:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background-color: #25166c;
  background-color: #007965;
  background-color: var(--color-primary);
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  transition: .2s all ease;
}
.card.no-shadow:after{
  background-color: #fff;
  height: 30px;
  top: -5px;
}
.card.no-shadow:hover{
  box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1), 0 10px 10px 1px rgba(27, 30, 36, 0.05);
  transform: translateY(-5px);
  border-radius: 1rem;
}
.card.no-shadow:hover:before{
  /* top: 0; */
  height: 20px;
}
.card.no-shadow:hover:after{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  top: 5px;
}

.nav-flow .nav-link.active{
  color: #fff !important;
}