html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
	font-family: var(--card-font);
	background: var(--theme-gb);
	color: var(--card-font-color);
	width: 100%!important;
    height: 100%!important;
    background-attachment: fixed!important;
    top: 0; /* Will stick to the top of the viewport when scrolling */
}



.card {
    background: var(--card-gb);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-header{
    border-bottom: 0;
}

.article {
    background: transparent;
}

.article .article-details {
    background: transparent;
}

.modal-content {
    background: var(--card-gb);
}


.form-control, .input-group-text, .custom-select, .custom-file-label {
    background-color: transparent;
}


.product-item .product-name {
    color: var(--card-font-color);
}

.article .article-header .article-title h2 a {
    color: var(--card-font-color);
}

.article.article-style-b .article-details p {
    color: var(--card-font-color);
}

.article .article-header .article-badge .article-badge-item{
    background: var(--card-gb);
    color: var(--card-font-color);
}

.btn-outline-dark {
    color: var(--card-font-color); 
	background-color: transparent;
	font-size: 15px!important;
	letter-spacing: 2px!important;
    background-image: none;
    border-color: var(--card-font-color);
}

.contact-details {
padding: 8px 0;
list-style-type: none;
font-size: 1rem;
line-height: 1.75rem;
text-decoration: inherit;
text-transform: inherit;
margin: 0;
font-weight: 400;
letter-spacing: 2px;
}

.contact-details-item {
display: -webkit-flex;
display: -moz-box;
padding: 0.4rem 0rem;
color: var(--card-font-color);
display: flex;
overflow: hidden;
height: auto;
justify-content: flex-start;
cursor: pointer;
position: relative;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
}

.contact-details a {
text-decoration: none;
}

.contact-details-item h6 {
font-size: 1.1rem;
}

.gallery.gallery-md .gallery-item{
    float: none;
    width: 100%;
    height: 247px;
    max-width: 100%;
    margin: 1px;
}

.gallery .gallery-item {
  position: relative;
}

.gallery .gallery-item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3em;
  color: #000;
  opacity: 0.7;
  z-index: 2;
  cursor: pointer;
}

.gallery .gallery-item:hover::before {
  opacity: 1;
}



.float-lang{
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 99999;
}



.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-icon i {
  color: #fff;
  font-size: 30px;
}


.contact-details .icon-circle {
    padding-right: 8px!important;
}