@font-face {
  font-family: 'Noto Sans';
  src: local('NotoSans'), url(../fonts/noto-sans/NotoSans.woff2);
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans';
  src: local('NotoSans'), url(../fonts/noto-sans/NotoSans_dev.woff2);
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans';
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/noto-sans/NotoSans-Bold.woff2);
  font-weight: 700;
}

@font-face {
  font-family: 'Noto Sans';
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/noto-sans/NotoSans-Bold_dev.woff2);
  font-weight: 700;
}

@font-face {
  font-family: IconSet;
  src: url(../fonts/icons/custom.eot#iefix) format('embedded-opentype'), url(../fonts/icons/custom.ttf) format('truetype'), url(../fonts/icons/custom.woff) format('woff'), url(../fonts/icons/custom.woff2) format('woff2'), url(../fonts/icons/custom.svg#custom) format('svg');
  font-weight: 400;
  font-style: normal;
}

html {
  font-size: 16px;
  height: 100%;
}

body {
  /*position: relative; */
  font-size: 15px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c5c5c;
  font-weight: 400;
  height: 100%;
}

.item-home {
  height: 100%;
  min-height: 600px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1c2933;
}

h4 {
  font-size: 20px;
  margin-bottom: 15px;
}

h6 {
  font-size: 16px;
  margin-bottom: 15px;
}

strong {
  font-weight: 700;
  color: #444;
}

p {
  margin-bottom: 20px;
}

p:after {
  content: "";
  clear: both;
  display: block;
}

a {
  transition: 200ms all;
  color: #0a3d62;
}

a:hover {
  text-decoration: none;
  color: #082f4b;
}

body.change {
  background-color: #000;
  color: #f5a425;
}

body.change p,
body.change a,
body.change .text-muted {
  color: #f5a425 !important;
}

body.change h1,
body.change h2,
body.change h3,
body.change h4,
body.change h5,
body.change h6 {
  color: #fff;
}

body.change #header-top {
  background: #000;
}

.w-300 {
  width: 300px;
}

.w-500 {
  width: 500px;
}

img.float-left {
  float: left;
  width: 400px;
  margin-right: 20px;
}

img.float-right {
  float: right;
  width: 400px;
  margin-left: 20px;
}

.table .thead-dark th {
  background: #0a3d62;
  border-color: #0a3d62;
}

/*** List Style ***/
.arrow-list-style {
  position: relative;
  list-style-type: none;
  padding: 0;
}

.arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}

.arrow-list-style li a:hover {
  color: #0a3d62;
}

.arrow-list-style li:before {
  font-family: "Material Design Icons";
  content: "\F054";
  margin-right: 10px;
  color: #0a3d62;
  font-size: 13px;
}

/*** Buttons ***/
.btn.btn-primary {
  background: #0a3d62;
  border-color: #0a3d62;
}

.btn.btn-primary:hover {
  background: #082f4b;
}

.btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(10, 61, 98, 0.5);
}

.btn.btn-outline {
  background: transparent;
  border: 1px solid #0a3d62;
  color: #0a3d62;
}

.btn.btn-outline:hover {
  background: #082f4b;
  color: #fff;
}

.btn.btn-xs {
  padding: 4px 15px;
  font-size: 13px;
}

.btn-rounded {
  border-radius: 50px;
  padding: 10px 25px;
}

.btn:hover {
  text-decoration: none;
}

.btn-blue {
  background: #0a3d62;
}

/*** Section content-wrapper ***/
#content {
  min-height: calc(100% - 242px);
}

.content-wrapper {
  padding: 80px 0;
  width: 100%;
}

.content-wrapper.bg-grey {
  background: #f2f4f7;
}

.content-wrapper .page-header {
  margin-bottom: 20px;
}

/*** Header ***/
#header-top {
  background: #eee;
  font-size: 12px;
  padding: 10px 0px;
}

#header-top .list-inline {
  margin-bottom: 0;
}

#header-top .text-welcome {
  vertical-align: middle;
  padding: 5px 10px 5px 0;
  border-right: rgba(0, 0, 0, 0.1) 1px solid;
}

#header-top .language-dropdown .btn-link {
  color: #151515;
  font-size: 12px;
}

#header-top .language-dropdown .dropdown-menu {
  font-size: 12px;
  min-width: 6rem;
  padding: 0.25rem 0;
}

#header-top .language-dropdown .dropdown-menu .dropdown-item {
  padding: 0rem 1rem;
}

#header-top .langswitcher {
  transform: translateY(0%);
  margin-left: 0 !important;
}

#header-top .langswitcher a {
  color: #5c5c5c;
}

#header-top .langswitcher a:hover {
  color: #0a3d62;
}

#header-top .langswitcher a.active {
  color: #0a3d62;
  text-decoration: none;
}

#header-top .top-btns li {
  padding: 0;
  display: inline-block;
  position: relative;
}

#header-top .top-btns li a {
  font-size: 12px;
  color: #151515;
  text-decoration: none;
  padding: 6px 8px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 1;
  font-weight: normal;
  text-align: center;
}

#header-top .top-btns li a:hover {
  color: #052034;
}

#header-top .top-btns li.blindness-setting {
  margin: 0 5px;
}

#header-top .top-btns li.blindness-setting .badge-light {
  background-color: #666;
  color: #fff;
}

#header-top .top-btns li.blindness-setting .badge:not(:last-child) {
  margin-right: 5px;
}

#header-top .top-btns li.blindness-setting .badge-default {
  background-color: #fff;
}

#header-top .top-btns li.blindness-setting .badge-light {
  background-color: #333;
}

#header-top .top-btns li:not(:last-child) {
  border-right: #d1d1d1 1px solid;
}

#header-top .top-header-links .btn-link {
  font-size: 13px;
  color: #0a3d62;
  padding: 0 8px;
}

#header-top .top-header-links .btn-link:first-child {
  border-right: rgba(0, 0, 0, 0.1) 1px solid;
}

#header-top .top-header-links .btn-link:hover {
  color: #052034;
}

#header .header-logo {
  padding: 15px 0px;
  box-shadow: inset 0 -2px 0 0 #9666d7;
}

#header .header-logo .navbar-brand {
  font-weight: bold;
}

#header .header-logo .navbar-brand img {
  max-height: 70px;
}

#header .header-logo .logo-text-content {
  display: inline-block;
  margin-left: 15px;
}

#header .header-logo .logo-text-content h1 {
  font-size: 24px;
  color: #0a3d62;
  margin-bottom: 5px;
}

#header .header-logo .logo-text-content .text-muted {
  font-size: 13px;
}

#header .navbar {
  background-color: #0a3d62;
}
#header .navbar .nav-link {
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 400;
  color: #36414a;
}

#header .navbar-nav .active>.nav-link {
  color: #9666d7;
}

#header .navbar .nav-link:hover {
  color: #9666d7;
}

#header .navbar .search-box {
  position: relative;
}

#header .navbar .search-box .form-control {
  background: rgba(243, 243, 243, 0.31);
  color: #fff;
  border-radius: 30px;
  border: none;
  padding: 6px 20px;
}

#header .navbar .search-box .form-control::placeholder {
  color: rgba(243, 243, 243, 0.7);
}

#header .navbar .search-box:after {
  font-family: "Material Design Icons";
  content: "\f349";
  position: absolute;
  right: 15px;
  color: rgba(243, 243, 243, 0.7);
}

/*** Carosuel ***/
.carosuel {
  position: relative;
}

.carosuel .banner-wrapper {
  height: 100vh;
  background-size: cover;
  width: 100%;
  position: relative;
  background-position: center center;
}

.carosuel .banner-wrapper img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.carosuel .banner-wrapper .banner-text {
  position: absolute;
  color: #fff;
  z-index: 99;
  text-align: center;
  width: 55%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  left: 50%;
}

.carosuel .banner-wrapper .banner-text h2 {
  color: #fff;
  font-size: 45px;
  margin-bottom: 15px;
}

.carosuel .banner-wrapper .banner-text p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 25px;
}

.carosuel .banner-wrapper .banner-text .btn-primary {
  border-radius: 50px;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 0.6rem 1.2rem;
}

.carosuel .banner-wrapper .banner-text .btn-primary:hover {
  background-color: #0a3d62;
  border-color: #0a3d62;
}

.carosuel .banner-wrapper .banner-links {
  position: absolute;
  color: #fff;
  z-index: 99;
  text-align: center;
  width: 60%;
  bottom: 0%;
  transform: translateX(-50%);
  margin: 0 auto;
  left: 50%;
}

.carosuel .banner-wrapper .banner-links .row {
  align-items: flex-end;
}

.carosuel .banner-wrapper .banner-links a {
  padding: 10px 15px;
  width: 100%;
  display: block;
  background: #0a3d62;
  color: #fff;
}

.carosuel .banner-wrapper .banner-links a:hover {
  padding: 15px;
  background: #052034;
}

.carosuel .banner-wrapper .banner-links a .mdi {
  font-size: 20px;
  margin-right: 5px;
}

.carosuel .banner-wrapper:after {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0;
}

.carosuel .owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 50px;
  width: 100%;
}

.carosuel .owl-theme .owl-controls .owl-page span {
  background: #fff;
}

/*** Sidebar ***/
.sidebar .list-group {
  border: none;
}

.sidebar .list-group .list-group-item {
  border-right: transparent;
  border-top: transparent;
  border-bottom: transparent;
  border-radius: 0;
  background: transparent;
  padding: 0;
  border-left: 3px solid #0a3d62;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sidebar .list-group .list-group-item a {
  background: #f0f0f0;
  color: #5c5c5c;
  display: block;
  padding: 0.75rem 1.25rem;
}

.sidebar .list-group .list-group-item a:hover {
  background: #0a3d62;
  color: #fff;
}

/*** Footer-top ***/
#footer-top {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
  /* text-align: center;*/
  background: #1f2e39;
}

#footer-top h4 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
}

#footer-top .text {
  color: #8f9ca6;
  font-size: 13px;
  line-height: 22px;
}

#footer-top .arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
}

#footer-top .arrow-list-style li a:hover {
  color: #0a3d62;
}

#footer-top .arrow-list-style li:before {
  color: #0a3d62;
  font-size: 13px;
}

#footer-top .address {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  line-height: 22px;
}

#footer-top .address strong {
  color: rgba(255, 255, 255, 0.8);
}

/*** Footer ***/
#footer {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 11px;
  /* text-align: center;*/
  color: rgba(255, 255, 255, 0.5);
  background: #1c2933;
  /*.copyright {margin-bottom: 10px;}*/
}

#footer a {
  color: rgba(255, 255, 255, 0.5);
}

#footer a:hover,
#footer a:focus {
  color: #fff;
}

#footer .footer-links {
  text-align: right;
}

#footer .footer-links a {
  padding: 0px 14px;
  display: inline-block;
  font-size: 11px;
}

#footer .footer-links .seperator {
  display: inline-block;
}

.item-home #footer {
  width: 100%;
  bottom: 0;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 1);
}

/*** Pages ***/
.page-header h2 {
  text-transform: capitalize;
}

.member-list {
  margin: 0 -8px 50px;
}

.member-list .col-md-3 {
  margin-bottom: 16px;
}

@media (max-width: 991px) {
  .item-home {
    overflow: visible;
  }

  .carosuel .banner-wrapper img {
    transform: translateY(-50%) scale(1.5);
  }

  .carosuel .banner-wrapper .banner-text h2 {
    font-size: 1.5rem;
  }

  #footer {
    text-align: center;
  }

  #footer .footer-links {
    margin-top: 10px;
    text-align: center;
  }

  .item-home #footer {
    background: #1c2933;
    position: relative;
  }

  .item-home #content {
    min-height: auto;
  }

  .language-wrapper {
    border: none !important;
  }
}

@media (max-width: 767px) {

  .w-300,
  .w-500 {
    width: 300px;
  }

  img.float-right,
  img.float-left {
    float: none;
    width: 100%;
  }
}

@media (max-width: 567px) {
  .carosuel .banner-wrapper img {
    transform: translateY(-50%) scale(2.6);
  }
}

.theme-red {
  /*** List Style ***/
  /*** Buttons ***/
  /*** Sidebar ***/
  /*** Footer-top ***/
}

.theme-red #header .header-logo .logo-text-content h1 {
  color: #e74c3c;
}

.theme-red a {
  color: #e74c3c;
}

.theme-red a:hover {
  color: #e43725;
}

.theme-red .table .thead-dark th {
  background: #e74c3c;
  border-color: #e74c3c;
}

.theme-red .arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
}

.theme-red .arrow-list-style li a:hover {
  color: #e74c3c;
}

.theme-red .arrow-list-style li:before {
  color: #e74c3c;
}

.theme-red .btn.btn-primary {
  background: #e74c3c;
  border-color: #e74c3c;
  color: #fff;
}

.theme-red .btn.btn-primary:hover {
  background: #e43725;
}

.theme-red .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
}

.theme-red .btn.btn-outline {
  border: 1px solid #e74c3c;
  color: #fff;
}

.theme-red .btn.btn-outline:hover {
  background: #e43725;
}

.theme-red .btn-blue {
  background: #e74c3c;
}

.theme-red #header-top .langswitcher a:hover {
  color: #e74c3c;
}

.theme-red #header-top .langswitcher a.active {
  color: #e74c3c;
}

.theme-red #header-top .top-btns li a:hover {
  color: #d62c1a;
}

.theme-red #header-top .top-header-links .btn-link {
  color: #e74c3c;
}

.theme-red #header-top .top-header-links .btn-link:hover {
  color: #d62c1a;
}

.theme-red #header .navbar {
  background-color: #e74c3c;
}

.theme-red .carosuel {
  position: relative;
}

.theme-red .carosuel .banner-wrapper .banner-links a {
  background: #e74c3c;
  color: #fff;
}

.theme-red .carosuel .banner-wrapper .banner-links a:hover {
  background: #d62c1a;
}

.theme-red .carosuel .banner-wrapper .banner-text .btn-primary {
  color: #fff;
}

.theme-red .carosuel .banner-wrapper .banner-text .btn-primary:hover {
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.theme-red .sidebar .list-group {
  border: none;
}

.theme-red .sidebar .list-group .list-group-item {
  border-left: 3px solid #e74c3c;
}

.theme-red .sidebar .list-group .list-group-item a:hover {
  background: #e74c3c;
  color: #fff;
}

.theme-red #footer-top .arrow-list-style li a:hover {
  color: #e74c3c;
}

.theme-red #footer-top li:before {
  color: #e74c3c;
  font-size: 13px;
}

.theme-purple {
  /*** List Style ***/
  /*** Buttons ***/
  /*** Sidebar ***/
  /*** Footer-top ***/
}

.theme-purple #header .header-logo .logo-text-content h1 {
  color: #9b59b6;
}

.theme-purple a {
  color: #9b59b6;
}

.theme-purple a:hover {
  color: #8f4bab;
}

.theme-purple .table .thead-dark th {
  background: #9b59b6;
  border-color: #9b59b6;
}

.theme-purple .arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
}

.theme-purple .arrow-list-style li a:hover {
  color: #9b59b6;
}

.theme-purple .arrow-list-style li:before {
  color: #9b59b6;
}

.theme-purple .btn.btn-primary {
  background: #9b59b6;
  border-color: #9b59b6;
  color: #fff;
}

.theme-purple .btn.btn-primary:hover {
  background: #8f4bab;
}

.theme-purple .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.5);
}

.theme-purple .btn.btn-outline {
  border: 1px solid #9b59b6;
  color: #fff;
}

.theme-purple .btn.btn-outline:hover {
  background: #8f4bab;
}

.theme-purple .btn-blue {
  background: #9b59b6;
}

.theme-purple #header-top .langswitcher a:hover {
  color: #9b59b6;
}

.theme-purple #header-top .langswitcher a.active {
  color: #9b59b6;
}

.theme-purple #header-top .top-btns li a:hover {
  color: #804399;
}

.theme-purple #header-top .top-header-links .btn-link {
  color: #9b59b6;
}

.theme-purple #header-top .top-header-links .btn-link:hover {
  color: #804399;
}

.theme-purple #header .navbar {
  background-color: transparent;
}

.theme-purple .carosuel {
  position: relative;
}

.theme-purple .carosuel .banner-wrapper .banner-links a {
  background: #9b59b6;
  color: #fff;
}

.theme-purple .carosuel .banner-wrapper .banner-links a:hover {
  background: #804399;
}

.theme-purple .carosuel .banner-wrapper .banner-text .btn-primary {
  color: #fff;
}

.theme-purple .carosuel .banner-wrapper .banner-text .btn-primary:hover {
  background-color: #9b59b6;
  border-color: #9b59b6;
}

.theme-purple .sidebar .list-group {
  border: none;
}

.theme-purple .sidebar .list-group .list-group-item {
  border-left: 3px solid #9b59b6;
}

.theme-purple .sidebar .list-group .list-group-item a:hover {
  background: #9b59b6;
  color: #fff;
}

.theme-purple #footer-top .arrow-list-style li a:hover {
  color: #9b59b6;
}

.theme-purple #footer-top li:before {
  color: #9b59b6;
  font-size: 13px;
}

.theme-green {
  /*** List Style ***/
  /*** Buttons ***/
  /*** Sidebar ***/
  /*** Footer-top ***/
}

.theme-green #header .header-logo .logo-text-content h1 {
  color: #16a085;
}

.theme-green a {
  color: #16a085;
}

.theme-green a:hover {
  color: #138a72;
}

.theme-green a:focus {
  color: #138a72;
}

#header .dropdown-item.active,
#header .dropdown-item:active,
#header .dropdown-item:focus,
#header .dropdown-item:focus-within {
  background-color: #e2fff8;
}

.theme-green .table .thead-dark th {
  background: #16a085;
  border-color: #16a085;
}

.theme-green .arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
}

.theme-green .arrow-list-style li a:hover {
  color: #16a085;
}

.theme-green .arrow-list-style li:before {
  color: #16a085;
}

.theme-green .btn.btn-primary {
  background: #16a085;
  border-color: #16a085;
  color: #fff;
}

.theme-green .btn.btn-primary:hover {
  background: #138a72;
}

.theme-green .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 160, 133, 0.5);
}

.theme-green .btn.btn-outline {
  border: 1px solid #16a085;
  color: #fff;
}

.theme-green .btn.btn-outline:hover {
  background: #138a72;
}

.theme-green .btn-blue {
  background: #16a085;
}

.theme-green #header-top .langswitcher a:hover {
  color: #16a085;
}

.theme-green #header-top .langswitcher a.active {
  color: #16a085;
} 

 .theme-green #header-top .top-btns li a:hover {
  color: #107360;
}

.theme-green #header-top .top-header-links .btn-link {
  color: #16a085;
}

.theme-green #header-top .top-header-links .btn-link:hover {
  color: #107360;
} 

.theme-green #header .navbar {
  background-color: #c73a9f;
}

.theme-green .carosuel {
  position: relative;
}

.theme-green .carosuel .banner-wrapper .banner-links a {
  background: #16a085;
  color: #fff;
}

.theme-green .carosuel .banner-wrapper .banner-links a:hover {
  background: #107360;
}

.theme-green .carosuel .banner-wrapper .banner-text .btn-primary {
  color: #fff;
}

.theme-green .carosuel .banner-wrapper .banner-text .btn-primary:hover {
  background-color: #16a085;
  border-color: #16a085;
}

.theme-green .sidebar .list-group {
  border: none;
}

.theme-green .sidebar .list-group .list-group-item {
  border-left: 3px solid #16a085;
}

.theme-green .sidebar .list-group .list-group-item a:hover {
  background: #16a085;
  color: #fff;
}

.theme-green #footer-top .arrow-list-style li a:hover {
  color: #16a085;
}

.theme-green #footer-top li:before {
  color: #16a085;
  font-size: 13px;
}

.theme-blue {
  /*** List Style ***/
  /*** Buttons ***/
  /*** Sidebar ***/
  /*** Footer-top ***/
}

.theme-blue #header .header-logo .logo-text-content h1 {
  color: #3498db;
}

.theme-blue a {
  color: #3498db;
}

.theme-blue a:hover {
  color: #258cd1;
}

.theme-blue .table .thead-dark th {
  background: #3498db;
  border-color: #3498db;
}

.theme-blue .arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
}

.theme-blue .arrow-list-style li a:hover {
  color: #3498db;
}

.theme-blue .arrow-list-style li:before {
  color: #3498db;
}

.theme-blue .btn.btn-primary {
  background: #3498db;
  border-color: #3498db;
  color: #fff;
}

.theme-blue .btn.btn-primary:hover {
  background: #258cd1;
}

.theme-blue .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
}

.theme-blue .btn.btn-outline {
  border: 1px solid #3498db;
  color: #fff;
}

.theme-blue .btn.btn-outline:hover {
  background: #258cd1;
}

.theme-blue .btn-blue {
  background: #3498db;
}

.theme-blue #header-top .langswitcher a {
  color: #fff;
}

.theme-blue #header-top .langswitcher a:hover {
  color: #3498db;
}

.theme-blue #header-top .langswitcher a.active {
  color: #3498db;
}

.theme-blue #header-top .top-btns li a:hover {
  color: #217dbb;
}

.theme-blue #header-top .top-header-links .btn-link {
  color: #3498db;
}

.theme-blue #header-top .top-header-links .btn-link:hover {
  color: #217dbb;
}

.theme-blue #header .navbar {
  background-color: #3498db;
}

.theme-blue .carosuel {
  position: relative;
}

.theme-blue .carosuel .banner-wrapper .banner-links a {
  background: #3498db;
  color: #fff;
}

.theme-blue .carosuel .banner-wrapper .banner-links a:hover {
  background: #217dbb;
}

.theme-blue .carosuel .banner-wrapper .banner-text .btn-primary {
  color: #fff;
}

.theme-blue .carosuel .banner-wrapper .banner-text .btn-primary:hover {
  background-color: #3498db;
  border-color: #3498db;
}

.theme-blue .sidebar .list-group {
  border: none;
}

.theme-blue .sidebar .list-group .list-group-item {
  border-left: 3px solid #3498db;
}

.theme-blue .sidebar .list-group .list-group-item a:hover {
  background: #3498db;
  color: #fff;
}

.theme-blue #footer-top .arrow-list-style li a:hover {
  color: #3498db;
}

.theme-blue #footer-top li:before {
  color: #3498db;
  font-size: 13px;
}

.theme-orange {
  /*** List Style ***/
  /*** Buttons ***/
  /*** Sidebar ***/
  /*** Footer-top ***/
}

.theme-orange #header .header-logo .logo-text-content h1 {
  color: #d35400;
}

.theme-orange a {
  color: #d35400;
}

.theme-orange a:hover {
  color: #ba4a00;
}

.theme-orange .table .thead-dark th {
  background: #d35400;
  border-color: #d35400;
}

.theme-orange .arrow-list-style li a {
  color: rgba(255, 255, 255, 0.5);
}

.theme-orange .arrow-list-style li a:hover {
  color: #d35400;
}

.theme-orange .arrow-list-style li:before {
  color: #d35400;
}

.theme-orange .btn.btn-primary {
  background: #d35400;
  border-color: #d35400;
  color: #fff;
}

.theme-orange .btn.btn-primary:hover {
  background: #ba4a00;
}

.theme-orange .btn.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(211, 84, 0, 0.5);
}

.theme-orange .btn.btn-outline {
  border: 1px solid #d35400;
  color: #fff;
}

.theme-orange .btn.btn-outline:hover {
  background: #ba4a00;
}

.theme-orange .btn-orange {
  background: #d35400;
}

.theme-orange #header-top .langswitcher a {
  color: #fff;
}

.theme-orange #header-top .langswitcher a:hover {
  color: #d35400;
}

.theme-orange #header-top .langswitcher a.active {
  color: #d35400;
}

.theme-orange #header-top .top-btns li a:hover {
  color: #a04000;
}

.theme-orange #header-top .top-header-links .btn-link {
  color: #d35400;
}

.theme-orange #header-top .top-header-links .btn-link:hover {
  color: #a04000;
}

.theme-orange #header .navbar {
  background-color: #d35400;
}

.theme-orange .carosuel {
  position: relative;
}

.theme-orange .carosuel .banner-wrapper .banner-links a {
  background: #d35400;
  color: #fff;
}

.theme-orange .carosuel .banner-wrapper .banner-links a:hover {
  background: #a04000;
}

.theme-orange .carosuel .banner-wrapper .banner-text .btn-primary {
  color: #fff;
}

.theme-orange .carosuel .banner-wrapper .banner-text .btn-primary:hover {
  background-color: #d35400;
  border-color: #d35400;
}

.theme-orange .sidebar .list-group {
  border: none;
}

.theme-orange .sidebar .list-group .list-group-item {
  border-left: 3px solid #d35400;
}

.theme-orange .sidebar .list-group .list-group-item a:hover {
  background: #d35400;
  color: #fff;
}

.theme-orange #footer-top .arrow-list-style li a:hover {
  color: #d35400;
}

.theme-orange #footer-top li:before {
  color: #d35400;
  font-size: 13px;
}


#header .navbar .nav-link {
  padding-right: 5px;
  padding-left: 6px;
}


hr {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Navbar Styles */

.nav-logo-holder p {
  margin-bottom: 0;
}

.nav-logo-holder .nav-logo{
  height: 60px;
  width: auto;
}

.navbar{
  gap: 20px;
  padding: 0;
}

.navbar .mkcl_logo{
  height: 80px;
}

.navbar-dark .navbar-toggler {
  border-radius: 6px;
  border: 1px solid #d7d7d7;
}

/* Header Top Styles */

.font-resizer-wrapper{
  gap: 10px;
}
.top-btns{
  display: flex;
  gap: 10px;
  align-items: center;
}

.lang-switch-holder{
  border-right: #d1d1d1 1px solid;
}

.info-holder{
  display: flex;
  gap: 10px;
}

.info-content{
  border-right: #d1d1d1 1px solid;
}

.info-content:last-child{
  border: none;
}

/* Theme Config Yaml Styles */

#header .navbar .navbar-collapse .navbar-nav {
  flex-wrap: wrap;
  justify-content: flex-end;
}

#header .navbar .nav-link {
  padding-right: 15px;
  padding-left: 15px;
}

.carosuel .banner-wrapper {
  height: auto;
  aspect-ratio: 1920 / 600;
}

#content {
  min-height: calc(100% - 266px);
}

/* About Us Styles */

.about-us {
  gap: 20px;
}

@media (min-width: 991px) {
  .about-us {
    gap: 50px;
  }
}

.about-us .mom_logo{
padding: 15px;
max-height: 150px;
width: auto;
}

/* Footer Styles*/
.footer {
  font-size: 14px;
  line-height: 22px;
  background-color: #3e3a45;
  color: #c7c7c7;
}

.footer hr{
  border-bottom: 1px solid #858585;
}

.company-info {
  gap: 20px;
}

.footer p {
margin: 0;
}

.company-info .mkcl_logo {
  height: 80px;
}

.footer-column h3 {
  font-size: 18px;
  color: #c7c7c7;
}

.quick-links{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.quick-links a{
  color: #c7c7c7;
  &:hover {
    color: #fff;
  }
}

.social-icons{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  a {
    display: inline-flex;
    align-items: center;
    &:hover{
      scale: 1.2;
    }
  }
  svg {
    width: 18px;
    height: 18px;
    fill: #c7c7c7;
    transition: fill 0.3s ease;
    &:hover {
      fill: #fff;
    }
  }
}

.logo-container{
  width: fit-content;
  height: fit-content;
}

@media (max-width: 991px) {
  .address {
    margin-top: 20px;
  }
  .footer-bottom{
    gap: 20px;
  }
}