#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99999;
  font-size: 18px;
  color: white;
  cursor: pointer;
  padding: 13px;
  border-radius: 50%;
  box-shadow: 11px 10px 31px -2px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: 11px 10px 31px -2px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 11px 10px 31px -2px rgba(0, 0, 0, 0.48);
  outline: none;
}
html {
  scroll-behavior: smooth;
}

.ourstory-p {
  display: flex;
  justify-content: center;
}

.graphic_design_etj a:hover {
  text-decoration: none !important;
}
.ourstory-p a {
  margin-right: 3px;
}

.paginate-ourstory {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 30px; */
  height: 30px;
  border: 1px solid #6db645;
  transition: 0.2s;
  padding: 0 10px;
  color: #6db645;
}
.buttoni_top i {
  color: #6aaf45 !important;
}
.buttoni_top {
  background-color: #fff !important;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
}
.buttoni_top:hover i {
  color: #fff !important;
  transition: 0.35s;
}
.buttoni_top:hover {
  background-color: #6aaf45 !important;
  transition: 0.35s;
}
.paginate-ourstory:hover {
  background-color: #6db645;
  color: #fff;
  transition: 0.2s;
  text-decoration: none;
}
.ourstory-p a {
  text-decoration: none !important;
}
.ourstory-p .active {
  background-color: #6db645;
  color: #fff !important;
}
.ourstory-p .active .paginate-ourstory {
  color: #fff !important;
}
.paginate-ourstory {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 30px; */
  height: 30px;
  border: 1px solid #6db645;
  transition: 0.2s;
  padding: 0 10px;
  color: #6db645;
}
.paginate-ourstory:hover {
  background-color: #6db645;
  color: #fff;
  transition: 0.2s;
  text-decoration: none;
}
.ourstory-p a {
  text-decoration: none !important;
}
.ourstory-p .active {
  background-color: #6db645;
  color: #fff !important;
}
.ourstory-p .active .paginate-ourstory {
  color: #fff !important;
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1300px;
  }
}
* {
  font-family: "Poppins";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans Pro", sans-serif !important;
}
/* @font-face {
    font-family: NeueBold;
    src: url(../../src/fonts/NeueHaasDisplay-Bold.ttf);
    }
@font-face {
    font-family: NeueLight;
    src: url(../../src/fonts/NeueHaasDisplay-Light.ttf);
 } 

*{
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
} */

/* Page loader css */
.page-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999999;
}
div.loader {
  padding: 2px;
  background-color: #8bc63d;
  width: 100%;
  position: absolute;
  z-index: 99999;
  box-shadow: 0 0 10px #000;
  -webkit-animation: aaa;
}
@-webkit-keyframes aaa {
  0%,
  5% {
    width: 0%;
  }
  10%,
  20% {
    width: 10%;
  }
  30%,
  50% {
    width: 30%;
  }
  100% {
    width: 100%;
  }
}

.fas {
  font-family: "Font Awesome 5 Free" !important;
}

body {
  padding: 0 !important;
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
}
.header-bbh {
  height: 100vh;
  min-height: 768px !important;
}
.navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

.first-border-foto::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 80%;
  transition: width 5s;
  height: 2px;
  background-color: rgb(68, 68, 68);
}
.class_on_header_content {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.class_on_overlay_start {
  animation-duration: 5s;
  animation-name: animationtr_1;
}
.class_on_overlay_start2 {
  animation-duration: 2s;
  animation-name: animationtr_2;
}
.class_on_overlay_start3 {
  animation-duration: 2s;
  animation-name: animationtr_3;
}
.class_on_overlay_start4 {
  animation-duration: 2s;
  animation-name: animationtr_4;
}
.class_on_overlay_start5 {
  animation-duration: 2s;
  animation-name: animationtr_5;
}
.class_on_overlay_start6 {
  animation-duration: 2s;
  animation-name: animationtr_6;
}
.class_on_overlay_start7 {
  animation-duration: 2s;
  animation-name: animationtr_7;
}

.fadeAway {
  animation-duration: 2s;
  animation-name: fadeAway_animacion;
}

.header-bbh {
  color: white;
  width: 100%;
  background-color: #000;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video_background_header {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* @media screen and (min-width: 1605px) {
    .video_background_header{
        height: auto;
        width: 100%;
    }
}
@media screen and (max-width: 1605px) {
    .video_background_header{
        height: 100%;
        width: auto;
    }
}
@media screen and (max-width: 2240px) {

    .video_background_header_initova{
        height: 100%!important;
        width: auto;
    }
}
@media screen and (min-width: 2240px) {
    .video_background_header_initova{
        height: auto!important;
        width: auto!important;
    }
} */
.max_widht_photo img {
  max-width: 550px !important;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  border-radius: 80px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}
.class_images_on_header {
  height: calc(100% - 335px) !important;
}
@media screen and (max-width: 768px) {
  .class_images_on_header {
    height: calc(100% - 200px) !important;
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .header-bbh {
    height: calc(100vh + 1px);
  }
}

@media screen and (max-width: 800px) {
  .header-bbh {
    height: 100vh !important;
  }
}
@media screen and (max-width: 600px) {
  .header-bbh {
    height: 80vh !important;
    min-height: 600px !important;
  }
  .max_widht_photo img {
    padding: 0;
    border-radius: 40px !important;
  }
}
/* .navbar-bambushome{
    height: 100px;
    width: 100%;
    background-color: red;
} */
.header-bbhomesection {
  height: 18%;
}

@media screen and (min-width: 769px) {
  .navbar-bambushome {
    height: 180px;
  }
  .header-bbhomesection {
    margin-top: 0px;
  }
}
.navbar-bambushome {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
@media screen and (max-width: 767px) {
  .navbar-bambushome {
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
  }
  #videoheader {
    height: auto !important;
  }
  .header-bbhomesection {
    margin-top: 70px;
  }
  .navbar-bambushome {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 1) 40%,
      rgba(0, 0, 0, 1) 100%
    );
  }
  .participate-njoy {
    font-size: 24px;
  }
}
.navbar-bambushome ul li a {
  font-size: 24px;
  text-align: left !important;
}
.navbar-bambushome ul li p {
  font-size: 24px;
  cursor: pointer;
  text-align: center !important;
}
.about-submenu {
  position: relative;
}
.submenu {
  position: absolute;
  bottom: -26px;
  right: 0;
  left: 0;
  width: max-content;
  height: 0px;
  transition: height 0.3s;
  overflow-x: hidden;
  overflow-y: hidden;
}

.submenu-news {
  display: block;
  bottom: -127px;
}
.submenu a {
  text-align: left;
}
.about-submenu:hover .submenu {
  transition: height 0.3s;
  height: 36px;
}
.about-submenu:hover .submenu-news {
  transition: height 0.3s;
  height: 146px;
}

@media screen and (max-width: 767px) {
  .submenu {
    position: relative;
    height: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  .submenu a {
    text-align: center;
  }
  .about_bambus_link {
    display: none !important;
  }
}
.nav-link {
  margin-right: 15px;
}
.selectedphoto-mob {
  width: 50% !important;
  justify-content: center !important;
  padding-left: 30px;
  padding-right: 30px;
  transition: width 0.2s;
}
.nearphoto-mob {
  width: 25%;
  justify-content: center !important;
  padding-left: 15px;
  padding-right: 15px;
  transition: width 0.2s;
}
.selectedphoto-mob .neo-pictures {
  height: 80%;
  width: auto !important;
}
.nearphoto-mob .neo-pictures {
  height: 35%;
  width: auto !important;
}

.nearphoto-mob img {
  opacity: 0.7;
  transition: opacity 0.3s;
}
.farphoto-mob {
  width: 0%;
  justify-content: center !important;
  padding-left: 10px;
  padding-right: 10px;
  transition: width 0s;
}
.nophoto-mob {
  width: 0%;
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center !important;
  transition: width 0s;
}
.companyLlogoBottom {
  position: absolute;
  bottom: 25px;
  width: 100%;
}
#videoheader {
  width: 100%;
  max-width: 800px;
  margin-top: 200px 0;
  /* height: calc(100%s - 130px); */
}

.selected-photo::before {
  right: 15px !important;
}
.near-photo::before {
  right: 15px !important;
  left: 15px !important;
  width: auto;
}
.far-photo::before {
  right: 15px !important;
}

.col-per-foto {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px !important;
}
.pjesaMekontent-header h1 {
  font-size: 40px;
}
.pjesaMekontent-header button {
  padding: 10px 20px !important;
}

.row-per-kolonaLlogo {
  max-width: 480px;
}
.pjesaMeLlogo-header {
  display: flex;
  justify-content: center;
}

.pjesaMekontent-header {
  min-height: 450px;
}

.menu-icon-wrapper {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-icon {
  position: relative;
  width: 30px;
  height: 3px;
  background-color: #fff;
}
.sel-bambusresearch {
  padding-left: 9px !important;
  padding-right: 9px !important;
  transition: padding 0.3s;
}
.menu-icon::before {
  position: absolute;
  left: 0;
  top: -10px;
  content: "";
  width: 30px;
  height: 3px;
  background-color: #fff;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}

.menu-icon::after {
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  width: 30px;
  height: 3px;
  background-color: #fff;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}

.menu-icon.menu-icon-active {
  background-color: transparent;
}

.menu-icon.menu-icon-active::before {
  transform: rotate(45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}

.menu-icon.menu-icon-active::after {
  transform: rotate(-45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}
.border-imgbottom {
  position: relative;
}

.selected-photo::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  transition: width 50s;
  height: 2px;
  background-color: rgb(255, 255, 255);
  animation: mymove 5s linear;
}

@keyframes mymove {
  0% {
    width: 80%;
  }
  100% {
    width: 0%;
  }
}
.near-photo::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 55%;
  height: 2px;
  background-color: rgb(255, 255, 255);
}
.far-photo::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 0%;
  height: 2px;
  background-color: rgb(255, 255, 255) !important;
}
.no-photo::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 0%;
  height: 2px;
  background-color: rgb(255, 255, 255) !important;
}
.selected-photo::before {
  right: 15px !important;
}
.near-photo::before {
  right: 15px !important;
  left: 15px !important;
  width: auto;
}
.far-photo::before {
  right: 15px !important;
}
.col-per-foto {
  cursor: pointer;
}

.bambushomenavbar ul li a {
  font-size: 20px !important;
}
.bambushomenavbar ul li a.active {
  font-weight: 600 !important;
}

@media screen and (max-width: 576px) {
  #navbarSupportedContent ul li a {
    margin-right: 0px;
  }
}

.no-photo {
  width: 0%;
  transition: width 0.1s;
  /* Animation */
  opacity: 0;
}

/* 
@media screen and (min-width: 991px) {
    .marginTop-0{
        margin-top:200px;
        
    }
    .marginTop-100{
        margin-top: 0px;
    }
    .marginTop-200{
        margin-top:-200px;
    }
    .marginTop-300{
        margin-top:-400px;
    }
    .marginTop-400{
        margin-top:-600px ;
    }
    

} */

@media screen and (max-width: 1200px) {
  .our-companies-last-section .companies-photo {
    max-height: 400px !important;
  }
}
@media screen and (max-width: 1200px) {
  .our-companies-last-section .companies-photo {
    max-height: 300px !important;
  }
}
@media screen and (max-width: 991px) {
  .for-last-item {
    width: 25% !important;
    transition: width 0s;
  }
}
/* 

.foto0{
  
    top:0px;
    right: 0;
}
.foto60{
    top:30px;
    right: 0;
}
.foto120{
    top:60px;
    right: 0;
}
.foto180{
    top:90px;
    right: 0;
}
.foto240{
    top:120px;
    right: 0;
}
.foto300{
    top:150px;
    right: 0;
}
.foto360{
    top:180px;
    right: 0;
}


.foto-60{
    top:-30px;
    right: 0;
}
.foto-120{
    top:-60px;
    right: 0;
}
.foto-180{
    top:-90px;
    right: 0;
}
.foto-240{
    top:-120px;
    right: 0;
}
.foto-300{
    top:-150px;
    right: 0;
}
.foto-360{
    top:-180px;
    right: 0;
} */

.borderi:after {
  height: 1px;
  display: block;
  float: right;
  width: 70%;
  background: rgba(255, 255, 255, 1);
  content: "";
  --duration: 5;
}

.round-time-bar {
  margin: 1px;
  overflow: hidden;
}

.round-time-bar div {
  height: 1px;
  width: 70%;
  display: block;
  float: right;
  animation: roundtime calc(var(--duration) * 1s) steps(var(--duration))
    forwards;
  transform-origin: left center;
  background: linear-gradient(to bottom, white, white);
}

.borderi1 div {
  /* margin-top: 10px;
    margin-bottom: 10px; */

  height: 1px;
  width: 70%;
  display: block;
  float: right;
  transform-origin: left center;
  background: linear-gradient(to bottom, white, white);
}

.round-time-bar[data-style="smooth"] div {
  animation: roundtime calc(var(--duration) * 1s) linear forwards;
}

@keyframes roundtime {
  to {
    /* More performant than `width` */
    transform: scaleX(0);
  }
}

/* Update this */

.video_e_zyreve {
  width: 100%;
  height: 60vh;
}
.jumbotron-heading {
  font-size: 70px;
}
@media screen and (max-width: 600px) {
  .new-SectionBBh a {
    font-size: 1rem !important;
  }
  .jumbotron-heading {
    font-size: 35px !important;
  }
  .video_e_zyreve {
    height: 40vh !important;
  }
}

.prishtinaheadOffice {
  position: relative;
}
.prishtinaheadOffice::before {
  position: absolute;
  content: "";
  height: 80px;
  width: 8px;
  bottom: -40px;
  right: 0;
  background-color: #6aaf45;
  border-radius: 15px;
  z-index: 9999999 !important;
}
.joinourTeamBord {
  position: relative;
}
.joinourTeamBord::before {
  position: absolute;
  content: "";
  height: 80px;
  width: 8px;
  top: 100px;
  right: 0;
  background-color: #6aaf45;
  border-radius: 15px;
  z-index: 9999999 !important;
}

/* Contact Page Css */
.contactpage {
}
.contactpage-ready h1 {
  font-size: 55px;
  color: #404041;
  font-weight: 500;
  line-height: 0.9;
  text-align: center;
}
.addres_link a {
  color: #808184;
}
.addres_link a {
  color: #6aaf45 !important;
}

.contactpage .maxContainer {
  max-width: 900px;
  margin: 0 auto;
}
.headquarterPr h2 {
  font-weight: 600;
  color: #404041;
}
.headquarterPr h4 {
  font-weight: 600;
  color: #404041;
}
.headquarterPr .right-array-contact {
  font-size: 20px !important;
}
.headquarterPr p {
  color: #808184;
  font-size: 18px;
}
.headquarterPr a {
  color: #6ab347;
}
.contactpage-ready h1 .greentitle {
  color: #6ab345;
  font-weight: 600;
}
/* Contact Page Css */
@media screen and (max-width: 800px) {
  .contactpage-ready h1 {
    font-size: 40px;
  }
  .headquarterPr .right-array-contact {
    font-size: 30px !important;
  }
}

.distanca {
  padding-left: 8%;
}
/* ALL the news css */

.all-the-news {
  padding: 70px 0;
}
.all-the-news h1 {
  font-size: 65px;
  color: #404041;
  font-weight: 500;
  line-height: 0.9;
}
.all-the-news h1 .greentitle {
  color: #6ab345;
}

.all-the-news .news-partSec1 img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 40px;
}
.all-the-news .news-partSec1 h2 {
  font-size: 32px;
  color: #6ab345;
  font-weight: 500;
  margin-bottom: 30px;
}
.all-the-news .news-partSec1 p {
  line-height: initial;
  padding-right: 30px;
  color: #918284;
}
.all-the-news .news-partSec1 p .bold-span {
  font-weight: 800;
  color: #424041;
}

.latest-reviews h1 {
  font-size: 85px;
  color: #404041;
  font-weight: 500;
  line-height: 0.9;
}
.latest-reviews p {
  color: #918284;
}

.news-backgroundimg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.latest-reviews .news-backgroundimg {
  height: 60vh !important;
  min-height: 400px;
}
.one-news-div img {
  width: 50px;
  height: 50px;
}
.one-news-div {
  margin: 1px;
  height: 60vh;
}
.one-news-div:hover {
  text-decoration: none;
}
.news-backgroundimg {
  position: relative;
}
.news-backgroundimg .gethja-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 100px;
  background-color: #6ab345;
  border-radius: 10px 10px 0 0;
  transition: opacity 0.3s;
}
.array-bottom-right i {
  color: #fff !important;
}
.array-bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 150px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}
.news-backgroundimg:hover .array-bottom-right {
  opacity: 1;
  transition: opacity 0.3s;
}
.all-news-aboutbbg {
  padding: 100px 0 130px 0;
}
.latest-reviews-title {
  padding: 100px 0 30px 0 !important;
}
.all-news-aboutbbg h1 {
  font-size: 85px;
  color: #404041;
  font-weight: 500;
  line-height: 0.9;
}
.all-news-aboutbbg i {
  color: #6ab345;
}
.lead-for-more-section {
  padding: 70px 0 50px 0;
}
.lead-for-more-section h3 {
  font-size: 36px;
  font-weight: 600;
  color: #404041;
}

.one-news-slider1 {
  background-image: url("../img/pexels-andrea-piacquadio-3756679-\(1\).jpg");
  background-position: center;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 15%;
  transition: width 0.5s;
  cursor: pointer;
}

.one-news-slider1 .news-content {
  opacity: 0;
  transition: opacity 0.5s;
  width: 0%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.one-news-slider2 .news-content {
  opacity: 0;
  transition: opacity 0.5s;
  width: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.one-news-slider3 .news-content {
  opacity: 0;
  transition: opacity 0.5s;
  width: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.one-news-slider-active .news-content {
  opacity: 1;
  transition: opacity 0.5s;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.one-news-slider1 .news-content .max-width-content {
  opacity: 0;
}
.one-news-slider2 .news-content .max-width-content {
  opacity: 0;
  width: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.one-news-slider3 .news-content .max-width-content {
  opacity: 0;
  width: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.one-news-slider-active .news-content .max-width-content {
  opacity: 1;
  transition-delay: opacity 0.2s;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}
.more-news-section {
  height: 70vh;
  min-height: 400px;
}

.overlay-photo-news {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.2861519607843137) 100%
  );
}
.max-width-content {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 800px;
}
.more-news-section h1 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  overflow-y: auto;
  width: 700px;
}
.more-news-section h4 {
  margin-top: 20px;
  margin-bottom: 40px;
  color: #bfc0be;
}
.more-news-section a {
  color: #6ab345;
  font-weight: 600;
}
.more-news-section a:hover {
  text-decoration: none;
}
.one-news-slider2 {
  width: 15%;
  height: 100%;
  background-image: url("../img/balazs-ketyi-FeuEg-8XlA8-unsplash\ \(1\).jpg");
  background-position: center;
  background-size: cover;
  position: relative;
  transition: width 0.5s;
  cursor: pointer;
}
.one-news-slider1 .gethja-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 100px;
  background-color: #6ab345;
  border-radius: 10px 10px 0 0;
  transition: opacity 0.3s;
}
.one-news-slider1 img {
  width: 50px;
  height: 50px;
}
.one-news-slider2 .gethja-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 100px;
  background-color: #6ab345;
  border-radius: 10px 10px 0 0;
}
.one-news-slider2 img {
  width: 50px;
  height: 50px;
}

.one-news-slider3 {
  width: 15%;
  height: 100%;
  background-image: url("../../src/images/about-3.jpg");
  background-position: center;
  background-size: cover;
  position: relative;
  transition: width 0.5s;
  cursor: pointer;
}
.one-news-slider3 .gethja-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 100px;
  background-color: #6ab345;
  border-radius: 10px 10px 0 0;
}
.one-news-slider3 img {
  width: 50px;
  height: 50px;
}
.one-news-slider-active {
  width: 70%;
  transition: width 0.3s;
}

.one-news-slider-active i {
  position: absolute;
  bottom: 60px;
  right: 60px;
  color: #fff;
  font-size: 40px;
}

.one-news-slider-active .gethja-bottom {
  opacity: 0;
  transition: opacity 0.3s;
}

/* ALL the news css */
/* About us css */

.whyjoin-our-team {
  padding: 100px 0 70px 0;
}
.whyjoin-our-team .join-our-team-img img {
  width: 20px;
  height: auto;
}
.whyjoin-our-team .join-our-team-img h1 {
  color: #404041;
  position: relative;
  font-weight: 600;
}
.whyjoin-our-team .join-our-team-img h1::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 6px;
  border-radius: 10px;
  background-color: #6ab345;
}
.green-shape {
  width: 60px;
  height: 6px;
  border-radius: 10px;
  background-color: #6ab045;
  margin-bottom: 10px;
}

.whyjoin-our-team .apply-button {
  color: #fff;
  font-weight: 600;
  padding: 10px 15px;
  background-color: #6ab345;
  border-radius: 10px;
}
.whyjoin-our-team .apply-button:hover {
  text-decoration: none;
}

.photo-with-anwhiteOverlay h2 {
  color: #404041;
  font-weight: 700;
  margin-left: 15px;
}

.whyjoin-our-team .join-our-team-img p {
  color: #a3a5a8;
  font-size: 18px !important;
}
.four-dots {
  position: absolute;
  top: 0;
  left: 0;
}
.four-dots {
  height: 100%;
  display: flex;
  align-items: center;
}
.four-dots img {
  width: 150px;
  height: auto;
}
.photo-with-anwhiteOverlay {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 400px;
}

.whitebackGr {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 11%,
    rgba(255, 255, 255, 0.4318102240896359) 100%
  );
}
.photo-with-anwhiteOverlay ::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 11%,
    rgba(255, 255, 255, 0.4318102240896359) 100%
  );
}
.our-offices-section {
  padding: 60px 0;
}
.our-offices-section h1 {
  font-weight: 700;
  color: #404041;
  margin-bottom: 30px;
}
.our-offices-section .cities {
  padding-top: 30px;
  padding-bottom: 30px;
}
.our-offices-section .year {
  color: #6bb445;
  font-weight: 700;
  font-size: 32px;
}
.our-offices-section .city {
  font-size: 32px;
  color: #808184;
  font-weight: 500;
}
.human-experience {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.kontent-human-experience {
  padding: 70px 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 75vh;
}
.human-experience .workatbambus {
  font-size: 28px;
  color: #6aaf45;
}
.human-experience .workatbambus:hover {
  text-decoration: none;
}

.human-experience .max-content-human {
  max-width: 900px;
  margin: 0 auto;
}
.human-experience .max-content-human h1 {
  font-size: 83px;
  font-weight: 500;
  color: #fff;
}
.human-experience .max-content-human p {
  color: #fff;
  font-size: 18px;
}
@media screen and (max-width: 800px) {
  .human-experience .max-content-human h1 {
    font-size: 50px;
  }
  .human-experience .max-content-human p {
    font-size: 14px;
    width: 100% !important;
  }
}
@media screen and (max-width: 500px) {
  .human-experience .max-content-human h1 {
    font-size: 28px !important;
  }
  .whyjoin-our-team .join-our-team-img h1 {
    font-size: 34px;
  }
  .our-offices-section .city {
    font-size: 26px;
  }
}
.human-experience a {
  text-align: center;
  margin-bottom: 15px;
}

.guaranteed-quality {
  padding: 100px 0;
}
.guaranteed-quality h1 {
  font-size: 40px;
  font-weight: 600;
  color: #404041;
}
.guaranteed-quality p {
  color: #a3a5a8;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .bambushomenavbar {
    height: 150px !important;
  }
}
/* About us css */

/* multi-photos css  */

.grey-circle {
  border-radius: 50%;
  background-color: #e1e2e3;
}
.grey-circle-small {
  width: 20px;
  height: 20px;
}
.grey-circle-medium {
  width: 100px;
  height: 100px;
}

.red-circle {
  background-color: #ec1e25;
  border-radius: 50%;
}
.red-circle-medium {
  width: 100px;
  height: 100px;
}
.red-circle-extrasmall {
  width: 20px;
  height: 20px;
}

.yellow-circle {
  border-radius: 50%;
  background-color: #fced09;
}
.yellow-circle-small {
  width: 40px;
  height: 40px;
}
.yellow-circle-extrasmall {
  width: 20px;
  height: 20px;
}

.purple-circle {
  border-radius: 50%;
  background-color: #8c2788;
}
.purple-circle-medium {
  width: 100px;
  height: 100px;
}
.purple-circle-extrasmall {
  width: 20px;
  height: 20px;
}

.blue-circle {
  border-radius: 50%;
  background-color: #26a7df;
}
.blue-circle-big {
  width: 150px;
  height: 150px;
}
.multi-photos {
  height: 500px;
  position: relative;
}
.multi-photos .photos {
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  bottom: 0px !important;
  transform: scale(1);
  transition: transform 0.5s;
}
.multi-photos .photos:hover {
  transform: scale(2);
  transition: transform 0.5s;
  z-index: 5;
}

.photos1 {
  top: 10%;
  left: 0;
  width: 150px;
  height: 150px;
  transform: scale(1);
  transition: transform 0.1s;
}
.photos1:hover {
  transform: scale(1.5);
  transition: transform 0.1s;
  z-index: 2;
}
.photos2 {
  top: 5%;
  left: 10%;
  width: 66px;
  height: 66px;
}
.photos3 {
  top: 0%;
  right: 0%;
  width: 210px;
  height: 209px;
}
.photos4 {
  top: 45%;
  right: 10%;
  width: 89px;
  height: 89px;
}
.photos5 {
  top: 47%;
  right: 28%;
  width: 137px;
  height: 133px;
}
.photos6 {
  top: 55%;
  right: 48%;
  width: 93px;
  height: 93px;
}
.photos7 {
  right: 50%;
  top: 35%;
  width: 93px;
  height: 93px;
}
.photos8 {
  top: 33%;
  right: 38%;
  width: 93px;
  height: 93px;
}
.photos9 {
  top: 40%;
  left: 20%;
  width: 88px;
  height: 88px;
}
.photos10 {
  top: 30%;
  left: 25%;
  width: 68px;
  height: 68px;
}
.photos11 {
  top: 60%;
  left: 35%;
}
.photos12 {
  top: 37%;
  right: 18%;
}
.photos13 {
  top: 20%;
  left: 35%;
}
.photos14 {
  top: 20%;
  left: 10%;
}
.photos15 {
  top: 28%;
  right: 30%;
}
.photos16 {
  top: 70%;
  right: 24%;
}
.photos17 {
  top: 30%;
  left: 29%;
}
.photos18 {
  top: 10%;
  right: 20%;
}

.photos19 {
  top: 35%;
  left: 32%;
}
.photos20 {
  top: 67%;
  right: 31%;
}
@media screen and (max-width: 992px) {
  .gallery-for-dc {
    display: none;
  }
  .new-SectionBBh {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .gallery-for-dc {
    display: block;
  }
  .new-SectionBBh {
    display: none;
  }
}
.gallery-for-dc {
  padding: 100px 0;
}

.our-companies-last-sectionrow .content-company p:hover {
  color: #fff;
}

.companies-llogos-box:hover .content-company p {
  opacity: 1 !important;
  height: 130px;
  transition: height 0.3s;
}
/* multi-photos css  */

.our-companies-last-sectionrow .content-company p {
  max-width: 400px !important;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 0;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  transition: height 0.3s;
  opacity: 1;
  height: 0;
}
@media screen and (max-width: 1200px) {
  .our-companies-last-sectionrow .content-company p {
    height: auto !important;
  }
}
@media screen and (max-width: 991px) {
  .order-1per-mobile {
    display: flex;
    justify-content: space-between;
  }
  .order-3per-mobile {
    display: flex;
    justify-content: space-between;
  }
}
/* OUR VALUES CSS */
.our-values-page {
  padding: 85px 0;
}
.our-values-page h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 50px;
}
.our-values-page h2::after {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
.our-values-page .our-values-widht {
  max-width: 1100px;
}
.our-values-page .our-values-widht h2 {
  color: #6aaf45;
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 25px;
}
.our-values-page .our-values-widht p {
  font-size: 16px;
  color: #a3a5a8;
}
.our-values-page {
  position: relative;
}
/* .our-values-page::after{
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        height: 90px;
        width: 10px;
        background-color: #6aaf45;
        border-radius: 10px;
    } */

.kontent-photo-approach {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 60px;
  padding-bottom: 100px;
  min-height: 50vh;
}
.kontent-photo-approach .kontent-photo {
  max-width: 450px;
}
.kontent-photo-approach .gethja-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 85px;
  background-color: #6ab345;
  border-radius: 10px 0px 0 0;
}
.kontent-photo-approach .gethja-bottom img {
  width: 50px !important;
  height: 50px;
}
.kontent-photo-approach .kontent-photo h1 {
  margin-bottom: 25px;
  color: #404041;
  font-size: 48px;
  font-weight: 600;
}
.kontent-photo-approach .kontent-photo p {
  color: #a3a5a8;
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .kontent-photo-approach .kontent-photo h1 {
    font-size: 32px;
  }
  .kontent-photo-approach .gethja-bottom img {
    width: 40px !important;
    height: 40px;
  }
  .kontent-photo-approach .gethja-bottom {
    width: 80px;
    height: 120px;
  }
}

.comprehensive-approach .comprehensive-title h1 {
  color: #404041;
  font-size: 45px;
  line-height: 0.9;
  font-weight: 600;
  position: relative;
  margin-bottom: 50px;
  margin-bottom: 85px;
}
.comprehensive-approach .comprehensive-title h1::after {
  position: absolute;
  top: -20px;
  left: 0;
  content: "";
  width: 80px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
@media screen and (max-width: 600px) {
  .comprehensive-approach .comprehensive-title h1 {
    font-size: 32px;
  }
  .our-values-page h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 991px) {
  .order2-permob {
    order: 2 !important;
  }
  .order1-permob {
    order: 1 !important;
  }
}
.comprehensive-approach img {
  height: 65vh;
  object-fit: cover;
}

@media screen and (max-width: 450px) {
  .comprehensive-approach img {
    height: 45vh;
  }
}

.repatriated-section h1 {
  color: #404041;
  line-height: 0.9;
  font-size: 35px;
  font-weight: 600;
  position: relative;
  margin-bottom: 40px;
}
.repatriated-section h1::after {
  position: absolute;
  top: -20px;
  left: 0;
  content: "";
  width: 80px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
.repatriated-section p {
  font-size: 18px;
  color: #a3a5a8;
}
.repatriated-sectio .right-array-contact {
  color: #6aaf45 !important;
}
.two-photos-div img {
  border-radius: 15px;
  height: 350px;
  object-fit: cover;
}

.one-news-div:hover .one-news-div-kontent {
  opacity: 1;
  transition: opacity 0.5s;
}
.one-news-div:hover .news-backgroundimg .gethja-bottom {
  opacity: 0 !important;
  transition: opacity 0.5s;
}
.one-news-div .one-news-div-kontent {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s;
}
.one-news-div .one-news-div-kontent h1 {
  font-size: 42px;
  font-weight: 600;
  color: #fff;
}
.one-news-div .one-news-div-kontent p {
  font-size: 16px;
  color: #fff;
}
.one-news-div .one-news-div-kontent .date {
  font-size: 16px;
  color: #6aaf45 !important;
}

.width-kontent-news {
  max-width: 500px;
}
/* OUR VALUES CSS */

#videoja {
  height: 80vh;
  min-height: 600px;
}

.storyname {
  font-size: 30px;
  font-weight: bold;
  color: #404041;
}

.storyname:hover {
  color: #404041;
}
#globi {
  padding: 100px 0;
}
.globi {
  margin: auto;
  width: 50%;
}

.globi-img {
  width: 100%;
}

.figura {
  position: relative;
}

/* .shi1 {
        position: absolute;
        top: 10%;
        left: 50%
    } */

.shi1 h3 {
  text-align: left;
  font-size: 25px;
  font-weight: bold;
}

/* .shi2 {
        position: absolute;
        bottom: 20%;
        left: 30%
    } */

.shi2 h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: left;
  padding-right: 30px;
}
.shi3 h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: left;
}

/* .shi3 {
        position: absolute;
        top: 10%;
        right: 25%
    } */

/* .shi3 h3 {
        font-size: 35px;
        font-weight: bold;
        text-align: left;
        color: #6ab045;

    } */

/* .shi4 {
        position: absolute;
        bottom: 20%;
        right: 55%
    } */

.no_full_width {
  width: 80%;
  margin-left: auto;
}
.testclass p {
  color: #a3a5a8;
  margin-bottom: 7px;
}
.gray_dot_pr {
  height: 7px;
  width: 7px;
  background-color: #d0d2d3;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
}

.shi4 h3 {
  text-align: left;
  font-size: 25px;
  font-weight: bold;
}

.green-dot {
  height: 10px;
  width: 10px;
  background-color: #6ab045;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
  margin-right: 10px;
}

.gray-dot {
  height: 10px;
  width: 10px;
  background-color: #d0d2d3;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
  margin-right: 10px;
}

.violet-dot {
  height: 10px;
  width: 10px;
  background-color: #90278e;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
  margin-right: 10px;
}

.orange-dot {
  height: 10px;
  width: 10px;
  background-color: #f05a28;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
  margin-right: 10px;
}
@media only screen and (max-width: 600px) {
  .per-mobile-bambsus {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 600px) {
  #videoja {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .storyname {
    font-size: 20px;
    font-weight: bold;
    color: #404041;
  }
}

/* imprint css */

.imprint-section {
  padding: 50px 0;
}
.imprint-section h1 {
  color: #414042;
  font-weight: 700;
  font-size: 40px;
  position: relative;
  margin-bottom: 25px;
}
.bambus-group-glance {
  font-weight: 600;
  font-weight: 45px;
  text-align: center;
  color: #414042;
  margin-bottom: 230px;
}
.imprint-section h1::after {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
.imprint-section p {
  font-size: 18px;
  color: #a3a5a8;
}
.imprint-section .bold-class {
  font-weight: 600;
  color: #5e5e5e;
}
.imprint-section .green-col-class {
  color: #6aaf45;
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .all-the-news h1 {
    font-size: 45px;
    font-weight: 600;
  }
  .latest-reviews h1 {
    font-size: 45px;
    font-weight: 600;
  }
  .all-news-aboutbbg h1 {
    font-size: 45px;
    font-weight: 600;
  }
  .more-news-section h1 {
    font-size: 40px;
    width: 700px;
  }
  .more-news-section h4 {
    font-size: 17px;
  }
  .one-news-div .one-news-div-kontent {
    opacity: 1;
  }
}
@media screen and (max-width: 1000px) {
  .more-news-section h1 {
    width: 650px;
  }
}
@media screen and (max-width: 750px) {
  .more-news-section h1 {
    width: 400px;
  }
}
@media screen and (max-width: 500px) {
  .more-news-section h1 {
    width: 350px;
  }
}
@media screen and (max-width: 420px) {
  .more-news-section h1 {
    width: 300px;
  }
}
@media screen and (max-width: 420px) {
  .more-news-section h1 {
    width: 280px;
  }
}
@media screen and (max-width: 370px) {
  .more-news-section h1 {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .all-the-news h1 {
    font-size: 35px;
    font-weight: 600;
  }
  .latest-reviews h1 {
    font-size: 35px;
    font-weight: 600;
  }
  .all-news-aboutbbg h1 {
    font-size: 35px;
    font-weight: 600;
  }
  .more-news-section h1 {
    font-size: 30px;
  }
  .more-news-section h4 {
    font-size: 16px;
  }
  .one-news-slider2 {
    width: 10%;
  }
  .one-news-slider3 {
    width: 10%;
  }
  .one-news-slider-active {
    width: 80%;
  }
}

.kontenti-1-top {
  position: absolute;
  max-width: 100%;
  min-height: 200px;
  top: 0;
}
.kontenti-2-top {
  position: absolute;
  max-width: 100%;
  min-height: 200px;
  bottom: 0;
}
.kontenti-3-top {
  position: absolute;
  max-width: 100%;
  min-height: 200px;
  top: 0;
}
.kontenti-4-top {
  position: absolute;
  max-width: 100%;
  min-height: 200px;
  bottom: 0;
}
@media screen and (max-width: 1100px) {
  .shi1 h3 {
    font-size: 20px;
  }
  .shi2 h3 {
    font-size: 20px;
  }
  .shi3 h3 {
    font-size: 20px;
  }
  .shi4 h3 {
    font-size: 20px;
  }
  .kontenti-1-top {
    min-height: 80px;
  }
  .kontenti-2-top {
    min-height: 80px;
  }
  .kontenti-3-top {
    min-height: 80px;
  }
  .kontenti-4-top {
    min-height: 80px;
  }
  .kontenti-3-top p {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 991px) {
  .order-2per-mobile {
    order: 2;
  }
  .order-1per-mobile {
    order: 1;
  }
  .order-3per-mobile {
    order: 3;
  }
  .kontenti-1-top {
    position: relative;
    margin-top: 100px;
  }
  .kontenti-2-top {
    position: relative;
  }
  .kontenti-3-top {
    position: relative;
  }
  .kontenti-4-top {
    position: relative;
  }
  .shi1 h3 {
    text-align: left;
  }
  .shi1 {
    margin-top: 40px;
  }
  .shi2 {
    margin-top: 40px;
  }
  .shi3 {
    margin-top: 40px;
  }
  .shi4 {
    margin-top: 40px;
  }
}
.cards-section2-home a:hover {
  text-decoration: none;
}

.read-more-button {
  cursor: pointer;
}

.title-blog {
  color: #424041;
  margin: 10px 0;
  transition: color 0.3s;
  font-weight: 500;
}
.title-blog:hover {
  color: #6aaf45;
  text-decoration: none;
  transition: color 0.3s;
}
.one-blog .desctiption {
  color: #424041;
}
.one-blog .data {
  color: #6ab345;
  margin: 10px 0;
}
.one-blog .read-more {
  color: #414042;
  font-weight: 600;
  transition: color 0.3s;
  font-size: 16px;
}
.one-blog .read-more:hover {
  color: #6aaf45;
  text-decoration: none;
  transition: color 0.3s;
}
.green-shapeblog {
  position: relative;
  margin-bottom: 50px;
}

.green-shapeblog::after {
  position: absolute;
  content: "";
  bottom: 20px;
  right: 0;
  border-radius: 5px;
  width: 6px;
  height: 60px;
  background-color: #6aaf45;
}
.green-shapeblog img {
  border-radius: 4px;
  object-fit: cover;
}

.header-otherpages {
  height: 40vh;
  background-image: url("./assets/img/robert-bock-cV4qkkorDFY-unsplash-(1).jpg");
  background-size: cover;
  background-position: center;
  min-height: 330px;
  z-index: 999 !important;
}

.titile-page-header {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.titile-page-header h1 {
  font-size: 50px !important;
  color: #fff;
}
.titile-page-header .container-title-page {
  height: calc(100% - 180px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .titile-page-header .container-title-page {
    height: calc(100% - 80px);
  }
}

.we-are-looking {
  padding: 70px 0;
}
.we-are-looking h1 {
  font-weight: 700;
  color: #414042;
  position: relative;
  margin-bottom: 40px;
}
.we-are-looking h1::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 8px;
  top: -10px;
  left: 0;
  background-color: #6aaf45;
  border-radius: 15px;
}

.we-are-looking .kontenti-we-looking {
  max-width: 1000px;
  margin: 0 auto;
}
.we-are-looking .kontenti-we-looking i {
  color: #6aaf45;
  margin-right: 25px;
}
.we-are-looking .kontenti-we-looking p {
  font-size: 25px;
  color: #808285;
  font-weight: 500;
}

.flip-card {
  background-color: transparent;
  width: 100%;
  max-width: 900px;
  min-height: 50vh;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #fff;
  color: black;
  min-height: 50vh;
}

.flip-card-back {
  background-color: #fff;
  color: #414042;
  transform: rotateY(180deg);
  min-height: 50vh;
}
.flip-card-back p {
  text-align: left;
  color: #505050;
  font-size: 16px;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .flip-card-back {
    min-height: 70vh;
  }
  .flip-card-front {
    min-height: 70vh;
  }
  .flip-card {
    min-height: 70vh;
  }
}

.flip-card-back h1 {
  text-align: left;
  position: relative;
}
.flip-card-back h1::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  height: 6px;
  width: 60px;
  background-color: #6ab045;
  border-radius: 5px;
}
.flip_back__content {
  max-width: 750px;
}

@media screen and (max-width: 767px) {
  .navbar-links-mob {
    padding: 10px 0 !important;
  }
}
.navbar-links-mob:hover {
  text-decoration: none !important;
}

.taktika_near_photo img {
  width: 70% !important;
  transition: width 0.3s;
}

.initova_video {
  height: 100% !important;
  width: auto;
}

@keyframes animationtr_1 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes animationtr_2 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes animationtr_3 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes animationtr_4 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes animationtr_5 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes animationtr_6 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
@keyframes animationtr_7 {
  from {
    background-color: rgba(0, 0, 0, 1);
  }
  to {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

@keyframes fadeAway_animacion {
  from {
    background-color: rgba(0, 0, 0, 0.4);
  }
  to {
    background-color: rgba(0, 0, 0, 1);
  }
}

.our_team {
  padding: 100px 0;
}
.our_team_one_person img {
  border-radius: 20px;
}
.our_team_one_person {
  position: relative;
}
.on_hover_team_descripiton {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  border-radius: 20px;
  display: flex;
  align-items: flex-end;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.on_hover_team_descripiton h2 {
  color: #fff;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
}
.on_hover_team_descripiton p {
  color: #bdbbba;
  font-size: 22px;
  text-align: center;
}
.on_hover_team_descripiton a:hover {
  text-decoration: none;
}

.socila_media {
  display: flex;
  justify-content: center;
}
.social_linkedin {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #6aaf45;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 7px -25px 7px;
}
.social_linkedin i {
  color: #fff;
}
.on_hover_team_descripiton {
  opacity: 0;
  transition: opacity 0.5s;
}
.our_team_one_person:hover .on_hover_team_descripiton {
  opacity: 1;
  transition: opacity 0.5s;
}

.our_team_heading_part {
  padding: 50px 0;
}
.our_team_heading_part h1 {
  color: #404041;
  margin-bottom: 40px;
  position: relative;
  font-weight: 600;
  font-size: 40px !important;
  text-align: center;
}
.our_team_heading_part h1::before {
  position: absolute;
  content: "";
  top: -30px;
  left: calc(50% - 30px);
  width: 60px;
  height: 6px;
  border-radius: 10px;
  background-color: #6ab345;
}
.our_team_heading_part p {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  color: #a3a5a8;
  font-size: 22px !important;
}
.our-companies-last-sectionrow a {
  text-decoration: none;
}

.section_map {
  background-color: #eff7ea;
}
.contact-us-map {
  border-radius: 0% 400px 400px 0%;
  min-height: 400px !important;
}
.section_map h2 {
  font-weight: bolder;
}
.section_map p {
  font-size: 18px;
}
.social_media_icons {
  padding-left: 15px;
  border-left: 1px solid #878081;
}
.social_media_icons i {
  color: #878081;
  font-size: 20px;
  transition: color 0.3s;
}
.social_media_icons i:hover {
  color: #414042;
  font-size: 20px;
  transition: color 0.3s;
}

@media screen and (max-width: 767px) {
  .social_media_icons {
    display: flex !important;
  }
}

.container-title-page .title_page_header {
  font-size: 70px !important;
  text-align: center;
  width: 100%;
}
.img-ttr {
  width: 100%;
  border-radius: 20px !important;
  height: 70vh !important;
  object-fit: cover;
}
.our-values-page h3 {
  color: #6cb345;
  font-size: 55px;
  margin-bottom: 30px;
}
.our-values-page p {
  color: #989898;
}

.gjethe_eeet {
  background-color: #f3fbec;
  border-radius: 30px;
  padding: 70px 50px;
  margin-bottom: 20px;
  transition: background-color 0.3s;
}
.gjethe_eeet img {
  margin: 0 auto;
  height: 50px;
  width: auto;
}
.gjethe_eeet h3 {
  color: #7c7c7c;
  text-align: center;
  font-size: 40px;
  margin: 15px 0;
  transition: color 0.15s;
}
.gjethe_eeet p {
  text-align: center;
  transition: color 0.3s;
}
.gjethe_eeet:hover {
  background-color: #6bb144;
  transition: background-color 0.3s;
}
.gjethe_eeet:hover h3 {
  color: #fff;
  transition: color 0.15s;
}
.gjethe_eeet:hover p {
  transition: color 0.3s;
  color: #fff;
}
.iimg1 {
  display: block;
}
.iimg2 {
  display: none;
}
.gjethe_eeet:hover .iimg1 {
  display: none !important;
}
.gjethe_eeet:hover .iimg2 {
  display: block !important;
}
.gjethe_eeet {
  background-image: url("../img/Path 134.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom -50px left -50px;
}
.repatriated-section {
  background-image: url("../img/Path 126.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: bottom 70px left 0;
}
.repatriated-section_bgshape {
  background-image: url("../img/Path 125.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: top 0 right 0;
}
.repatriated-section_bgshape {
  padding: 100px 0 130px 0;
}
.our-values-page {
  background-image: url("../img/Repeat Grid 2.png");
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: bottom left 80px;
}
.shape_slider_our_values {
  background-image: url("../img/Group 99.png");
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: top right 0;
}
.flip-card_career {
  background-color: transparent;
  width: 100%;
  height: 400px;
  perspective: 1000px;
}

.flip-card-inner_career {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

.flip-card_career:hover .flip-card-inner_career {
  transform: rotateY(180deg);
}

.flip-card-front_career,
.flip-card-back_career {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 30px;
}

.flip-card-front_career {
  background-color: rgba(102, 102, 102, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6cb345;
}
.flip-card-front_career h3 {
  font-size: 36px;
}

.flip-card-back_career {
  background-color: #6cb345;
  color: white;
  transform: rotateY(180deg);
}
.flip-card-back_career_shape {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../img/Path 133.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: bottom -30px left -30px;
  padding: 40px;
}
.find_ur_team_new {
  padding: 70px 0;
}
.find_ur_team_new .section_title h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 70px;
}
.find_ur_team_new .section_title h2::before {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
.read_our_story {
  display: flex;
  align-items: center;
}
.read_our_story img {
  width: 30px;
  height: auto;
  margin-right: 10px;
}
.read_our_story h4 {
  text-decoration: none;
  margin: 0;
  color: #404041;
}
.read_our_story:hover h4 {
  text-decoration: none !important;
  color: #6aaf45;
}
.read_our_story {
  width: fit-content;
  margin: 60px 0;
}
.read_our_story:hover {
  text-decoration: none;
}

.grow_with_us h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 40px;
}
.grow_with_us h2::before {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
.grow_with_us p {
  color: #808080;
}
.grow_with_us .big_photo_section img {
  width: 100%;
}
.grow_with_us .big_photo_section {
  padding-right: 15%;
  background-image: url("../img/Path 125.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: bottom 20% right 30px;
}

@media screen and (max-width: 767px) {
  .grow_with_us .big_photo_section {
    padding-right: 15px;
  }
}

.grow_with_us {
  padding: 60px 0;
}
.still_curios {
  padding: 70px 0;
}
.still_curios_title h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 70px;
}

.still_curios_title h2::before {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}

.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}
.one_accordion {
  border-radius: 30px;
  border: 1px solid #6aaf45;
  width: 100%;
}
.one_accordion.active .panel {
  display: block;
}
.one_accordion .panel {
  display: none;
}
.div_accordian_img {
  display: flex;
  margin-bottom: 15px;
}
.div_accordian_img img {
  width: 35px;
  height: 32px;
  margin-right: 30px;
  margin-top: 15px;
}
.one_accordion.active {
  background-color: #6aaf45;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.one_accordion.active .accordion {
  color: #fff;
}
.one_accordion .accordion {
  color: #404041;
}
.one_accordion {
  color: #fff;
  transition: opacity 0.3s;
}
.max_width_h {
  max-width: 900px;
  margin: 0 auto;
}
.read_the_sory_ournaem {
  padding: 100px 0;
}
.read_the_sory_ournaem h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 70px;
}

.read_the_sory_ournaem h2::before {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}

.read_the_sory_ournaem p {
  color: #808080;
}
.read_the_sory_ournaem img {
  width: 200px;
  height: auto;
}
.read_the_sory_ournaem {
  background-image: url("../img/Path 125.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: bottom 40% left -50px;
}
.united_pepply_bambus {
  padding: 70px 0;
}

.united_pepply_bambus .united_pepply_bambus_title h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 70px;
}

.united_pepply_bambus .united_pepply_bambus_title h2::before {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
.united_pepply_bambus img {
  width: 100%;
}
.united_pepply_bambus {
  background-image: url("../img/Repeat Grid 2.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: top 20% right -50px;
}
.united_pepply_bambus p {
  color: #989898;
  max-width: 600px;
  margin-bottom: 60px;
}
.united_pepply_bambus a {
  color: #6aaf45;
  text-transform: uppercase;
}
.kosova_card_col {
  background-color: #f3fbec;
  height: 100%;
}
.ofiices_section {
  padding: 80px 0;
}
.ofiices_section .icon {
  margin-right: 15px;
}
.kosova_card_col {
  border-radius: 30px;
}
.ofiices_section h3 {
  color: #6aaf45;
  margin-bottom: 0;
  font-size: 36px;
}
.kosova_card {
  border-radius: 30px;
  background-color: url("../img/Repeat Grid 1.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top 0 right 0;
  padding: 40px;
}
.kosova_card h4 {
  color: #808083;
  font-size: 16px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .container-title-page .title_page_header {
    font-size: 40px !important;
  }
  .our-values-page h2 {
    font-size: 38px !important;
  }
  .gjethe_eeet h3 {
    font-size: 33px !important;
  }
}

.our_offices_d {
  padding: 70px 0;
}
.our_offices_d .our_offices_d_title h2 {
  color: #404041;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  margin-bottom: 70px;
}
.our_offices_d .our_offices_d_title h2::after {
  position: absolute;
  top: -15px;
  left: 0;
  content: "";
  width: 60px;
  height: 7px;
  border-radius: 5px;
  background-color: #6aaf45;
}
    .our_offices_d .our_offices_d_title h2{
        color: #404041;
        font-size: 45px;
        font-weight: 600;
        position: relative;
        margin-bottom: 70px;
        
    }
    .our_offices_d .our_offices_d_title h2::after{
        position: absolute;
        top: -15px;
        left: 0;
        content: '';
        width: 60px;
        height: 7px;
        border-radius: 5px;
        background-color: #6aaf45;
    }


.our_stories_section{
    padding: 70px 0;
}
.our_stories_section img{
    width: 100%;
    border-radius: 30px;
    height: 40vh;
    min-height: 300px;
    object-fit: cover;    
    object-position: top;
}
.our_stories_section .one_sotry_data{
    display: flex;
    align-items: center;
    margin: 10px 0 20px 0;
}
.our_stories_section .one_sotry_data i{
    color: #6aaf45;
}
.our_stories_section .one_sotry_data p{
    color: #6aaf45;
    margin-bottom: 0;
    margin-left: 10px;
}
.our_stories_section a{
    text-decoration: none;
}
.our_stories_section a:hover{
    color: #6aaf45;
    transform: color 0.3s;
    transition: color 0.3s;

}
.our_stories_section .read_more{
    font-size: 14px;
    position: relative;
    color: #4d4d4d;
    transition: color 0.3s;

}
.our_stories_section .read_more::before{
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background-color: #6aaf45;
    transform: right 1s;
}
.our_stories_section h2{
    font-size: 28px;
    margin: 0;
    color: #4d4d4d;
    font-weight: 600;
    transition: color 0.3s;
}
.our_stories_section h2:hover{
    color: #6aaf45;
    transition: color 0.3s;
}

.our_stories_section .description{
    font-size: 15px;
    margin: 14px 0;
    color:#808080;
}

.time{
  min-height: 10vh!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
}
.heading_class {
  min-height: 30vh;
  text-align: justify;
  align-items: center;
  justify-content: center;
  padding-bottom: 10%;
}
.aligner_pic {
  display: flex;
  align-items: flex-end;
  padding-bottom: 19px;
}

.photo_background {
  background-image: url();
}
.image_transition {
  width: 100%;
  min-height: 100%;
  border-radius: 30px;
  height: 25vh;
  object-fit: cover;
  margin-bottom: 20px;
}
.photo_background {
  display: flex;
  align-items: center;
  justify-content: center;
}
.text_fix {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.employee_order {
  width: 100%;
text-align: left;

}
.photo_background:hover {
background-color:rgba(0, 0, 0, 0.01) ;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.trailer_section {
  min-height: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10%;
}
 /* .employee_order:hover {
  color: green;
  

} */
.recommendfation{
  max-width: fit-content;
  margin: 0 auto;
}
.recommendfation:hover .photo_background{
  opacity: 0.5;
  transition: opacity 0.3s;

}
.recommendfation:hover .employee_order{
  transition: color 0.3s;
  color: green;
}
.recommendfation .employee_order{ 
  font-weight: 600;
  transition: color 0.3s;
}
.recommendfation .employee_order{
  transition: color 0.3s;
}
.recommendfation .photo_background{
  transition: opacity 0.3s;

}
.paragraph_time {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
}
.take_time {
  font-size: 4.5rem;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .take_time {
    font-size: 3.5rem;
    
  }
}
@media screen and (max-width: 600px) {
  .take_time {
    font-size: 2.8rem;
    
  }
}

.img_source i{
  color: #6aaf45;
  font-size: 30px;
}
.img_source{
  display: flex;
  align-items: center;
}
.img_source p{
  margin-bottom: 0;
  color: #6aaf45;
  font-size: 22px;

}
.take_time{
  font-weight: bolder;
  color: #4d4d4d;
}
.descripiton_story p{
  color: #666666;
}
.social_media_icons_share i{
  font-size: 24px;
  margin-bottom: 10px;
}
.social_media_icons_share a{
  text-decoration: none;
  color: #4d4d4d7c;
  margin-bottom: 20px;
  transition: color 0.3s;
}
.social_media_icons_share a:hover{
  text-decoration: none;
  color: #4d4d4d;
  transition: color 0.3s;

}
.recommendation_order h2{
  position: relative;
  color: #404041;
  font-weight: 600;
  margin-bottom: 30px;
}
.recommendation_order h2::after{
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  height: 4px;
  width: 50px;
  background-color: #6aaf45;
  border-radius: 4px;
}
.trailer_section_container{
  max-width: 1200px;
  margin: 0 auto;
}

.paragraf_under_header_comp{
  padding: 60px 0;
}
.paragraf_under_header_comp .max_width_paragr{
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  color: #707070;
}

.visit_website a{
  padding-left: 15px;
  margin-bottom: 0px;
  color: #404041;
  transition: color 0.3s;
}
.visit_website a:hover{
  color: #6BB244;
  transition: color 0.3s;
  text-decoration: none;
}
.visit_website .comp-img{
  max-width: 100%;
  margin-top: 60px;
}
.our_comppp_s{
  position: relative;
  margin: 100px 0;
  padding-bottom: 8%;
}
.on_absolute_company_logo{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.wivisit{
  display: flex;
    flex-direction: column;
    padding-bottom: 51px;
    justify-content: space-between;
}
.company_card_d{
  position: relative;
}
.company_card_content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6aaf45;
  transition: opacity 0.3s;
}
.company_card_content p{
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}
.company_card_d:hover .company_card_content{
  opacity: 1;
  transition: opacity 0.3s;
}
.company_card_d{
  border-radius: 20%;
}
.company_card_d{
  border-radius: 30px!important;
  box-shadow: 2px 0px 29px 0px rgba(0,0,0,0.51);
-webkit-box-shadow: 2px 0px 29px 0px rgba(0,0,0,0.51);
-moz-box-shadow: 2px 0px 29px 0px rgba(0,0,0,0.51);
}
.company_card_d img{
  border-radius: 30px!important;
}
.company_card_content{
  border-radius: 30px!important;
}
.visit_website{
  margin-top: 20px;
  margin-bottom: 20px;
}

.kosova_map_per_pins{
  position: relative;
}
.cty_icon_pin{
  position: absolute;
  color: #6aaf45;
  font-size: 32px;
}
#prishtina_pin{
  top: 29%;
  right: 28%;
}
#ferizaj_pin{
  top: 48%;
  right: 30%;
}
#mitrovica_pin{
  top: 12%;
  right: 50%;
}
#drenas_pin{
  top: 33%;
  right: 48%;
}
#lipjan_pin{
  top: 35%;
  right: 40%;
}
#gjakova_pin{
  top: 43%;
  left: 23%;

}
#peje_pin{
  top: 27%;
  left: 18%;

}
#vushtrri_pin{
  top: 23%;
  right: 41%;
}
#hamburg_pin{
  top: 66%;
  left: 40%;
}
#aachen_pin{
  top: 17%;
  left: 40%;
}
#tirana_pin{
  top: 46%;
  left: 28%;
}
.one_cituyuu{
  box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.49);
-webkit-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.49);
}