:root {
  --primary-color: #225f95;
  --secondary-color: #4096bc;
}

html {
  scroll-behavior: smooth;
}

section {
  padding: 2rem 0;
}

.nav-radius .navbar-nav .nav-link.active {
  background-color: var(--primary-color);
}

.header-appear .nav-radius .navbar-nav .nav-link.active {
  background-color: var(--primary-color);
}

.header-appear .navbar-top-default {
  height: 90px;
}

.btn.btn-green {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.rare-box {
  background-color: var(--primary-color);
}

.about ul li:before {
  background-color: var(--primary-color);
}

.bluee {
  color: var(--primary-color);
}

.icon-block:hover .counters h3,
.icon-block:hover .counters h3 i {
  color: var(--primary-color);
}

.portfolio-three .item-img-overlay:before {
  background: var(--primary-color);
}

a {
  color: var(--primary-color);
}

.go-top {
  background-color: var(--primary-color);
}

.tp-bullets {
  display: none !important;
}

.rotate-left {
  width: 102%;
}

.load span:nth-child(2) {
  background: var(--primary-color);
}

.load span:nth-child(4) {
  background: var(--primary-color);
}

.navbar {
  padding-top: 0;
}

.logo-scrolled {
  margin-bottom: 3px;
}

.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

ul {
  color: #9da0b2;
}

.legal-page-wrapper {
  padding-top: 7rem;
}

.legal-page-wrapper .container {
  margin-bottom: 0;
  padding-bottom: 50px;
}

.legal-text-section {
  padding-bottom: 0;
}

.legal-text-container {
  margin-bottom: 50px;
}

.footer-navigation li {
  display: inline;
  color: #9da0b2;
  margin: 0 10px;
}

.footer-navigation li:hover {
  color: var(--primary-color);
}

.footer-seperator {
  border-color: #9da0b2;
  margin: 20px 0;
}

.legal-text-section {
  color: #161922;
}

.sidemenu_btn span {
  background: var(--primary-color) !important;
}

.side-menu {
  background: var(--primary-color);
  width: 30%;
}

@media screen and (max-width: 567px) {
  .side-menu {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .about-banner {
    padding-top: 95px !important;
  }
  .navbar-top-default {
    height: 94px;
  }
  .about ul li {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .sidemenu_btn {
    display: none;
  }
}