:root {
  --uwu-primary: #2e3192;
  --uwu-primary1: #0a6582;
  --uwu-primary2: #36a5c9;
  --uwu-dark: #212121;
  --uwu-dark2: #424242;
  --uwu-grey: #f5f5f5;
}





.uwu-achor-fix-v2 {
  display: block;
  height: 160px;
  margin-top: -160px;
  visibility: hidden;
}

#header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {
  transition: all 0.2s ease;
}











.tab-pane-navigation {
  padding: 2rem;
  background: #fafafa;
  border-radius: 0.5rem;
}

.readmore-overlay {
  background: linear-gradient(rgba(245, 245, 245, 0) 0%, #f5f5f5 100%) !important;
}

.card-body {
  background: #f5f5f5;
}

.grander-bg-1 {
  background: #f1f5f8;
}

.grander-bg-2 {
  background: #eefcfd;
}

.text-yellow {
  color: yellow;
}
.text-blue {
  color: blue;
}
.text-turquoise {
  color: turquoise;
}

.uwu-coffee-color {
  color: #53331c;
}

.uwu-f-light-1 {
  color: #f5f5f5;
}

.coffee-gallery {
  width: 221px;
  
}

.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before {
  background-color: #53331c;
  padding: 0.5rem;
  border-radius: 5px;
}

.uwu-bg-1 {
  background-image: repeating-linear-gradient(135deg, rgba(189, 189, 189, 0.1) 0px, rgba(189, 189, 189, 0.1) 2px, transparent 2px, transparent 4px), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.uwu-cust-bg {
  background: url(../jpg/coffee-bgqbwfoj.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center;
}

.dw-text h2 {
  color: var(--uwu-primary1);
}
.dw-text h4 {
  color: var(--uwu-primary2);
}
.dw-text img {
  border-radius: 0.5rem;
}

.uwu-bg-primary {
  background: var(--uwu-primary);
}

.uwu-text-primary1 {
  color: var(--uwu-primary1);
}

.uwu-text-primary2 {
  color: var(--uwu-primary2);
}

.breadcrumb>li {
  color: #fff;
}

.page-header {
  background: var(--uwu-primary);
}

.btn-modern {
  font-size: unset;
}

.uwu-br-1 {
  border-radius: 5px;
}

a {
  transition: all 0.2s ease;
}

a:hover {
  text-decoration: none !important;
  color: var(--uwu-primary1);
  transition: all 0.2s ease;
}

#sidebar {
  font-size: 0.9em;
}

#sidebar a.active {
  color: var(--primary) !important;
}


table.spec-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #ffffff;
}

table.spec-table thead th {
  background: #1b82c2;
  color: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  font-weight: bold;
}

table.spec-table tbody td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

table.spec-table tbody tr:nth-child(even) {
  background: #f3f8fb;
}

table.spec-table tbody tr:hover {
  background: #e9f2f9;
}

table.spec-table tbody td:first-child {
  font-weight: bold;
  background: #f0f4f7;
  text-align: left;
  padding-left: 12px;
}








.list.list-icons.list-icons-lg li > [class*="fa-"]:first-child {
  font-size: 1.2em;
}

#footer {
  
  background: #f5f5f5;
  border-top: unset;
  margin-top: 0;
  box-shadow: 0 0 3px rgba(234, 234, 234, 0.5);
}

#footer .footer-copyright {
  background: var(--light);
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: var(--dark);
}



#footer a:not(.btn):not(.no-footer-css):hover {
  text-decoration: none;
  color: var(--primary);
}






@media screen and (min-width: 0px) and (max-width: 319px) {}

@media screen and (min-width: 320px) and (max-width: 480px) {}

@media screen and (min-width: 481px) and (max-width: 768px) {}

@media screen and (min-width: 769px) and (max-width: 1024px) {}

@media screen and (min-width: 1025px) and (max-width: 1200px) {}

@media screen and (min-width: 1201px) and (max-width: 2400px) {}


.floating {
  position: fixed;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .5));
  z-index: 9999;
  transition: ease .3s;
}

.floating i {
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  line-height: 40px;
}

.floating:hover {
  transform: scale(1.2);
}

.i-fb {
  
  bottom: 500px;
  right: 16px;
  font-size: 25px;
}

.i-tt {
  
  bottom: 440px;
  right: 16px;
  font-size: 25px;
}

.i-in {
  
  bottom: 380px;
  right: 16px;
  font-size: 25px;
}

.i-ig {
  
  bottom: 320px;
  right: 16px;
  font-size: 25px;
}

.i-tl {
  
  bottom: 260px;
  right: 16px;
  font-size: 25px;
}

.i-x {
  
  bottom: 200px;
  right: 16px;
  font-size: 25px;
}

.i-th {
  
  bottom: 140px;
  right: 16px;
  font-size: 25px;
}

.i-rn {
  
  bottom: 120px;
  right: 16px;
  font-size: 25px;
}

.i-wa {
  
  bottom: 70px;
  right: 16px;
  font-size: 25px;
}