/* 3741 */
  /*  MAIN: Slider Section
----------------------------------------------- */

.header-img {
    width: 100%;
    height: 80vh;
    position: relative;
    overflow: hidden;
  }

  .parallax-header {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .hero-info {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    z-index: 8;
  }
  .hero-info h2 {
    font-size: clamp(1.2rem, 6vw, 3rem);
    line-height: clamp(1.2rem, 6vw, 3rem);
    text-transform: uppercase;
  }
  .hero-info h1 {
    color: var(--white);
    font-size: clamp(2.2rem, 5vw, 3rem);
    line-height: clamp(2.2rem, 5vw, 3rem);
    text-transform: uppercase;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
  }
  .hero-info h3 {
    color: var(--white);
    font-size: 1.6rem;
    font-weight: normal;
    margin-top: 2em;
  }
  @supports (-webkit-text-stroke: 3px var(--pill)) {
    .hero-info h2 {
      color: transparent;
      -webkit-text-stroke: 3px var(--pill);
      text-shadow: none;
    }
  }

  .hero-image-header {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    /* background-image: url('/assets/img/header/iranja.jpg') */
    background-image: url('/assets/img/slides/GOPR0329.jpg')

  }

  /* About com */
  .about-com{
    display: flex;
    flex-direction: row;
    justify-content: space-between;

  }

  .about-com>div:nth-child(1){
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 0 15px;
  }

  .about-com img{
    width: 100%;
    height: auto;
  }

  .out-story{
    display: flex;
  }
  .out-story>div{
    flex:1;
    padding: 0 2rem;
    display: flex;
    align-items: center;
  }
/* Offer COM */
.service{
    display: flex;
    padding: 0 50px;
}
.right-service{
    flex-direction: row;
}
.left-service .img-cover{
    clip-path: ellipse(72% 50%);
}

.right-service .img-cover{
    clip-path: ellipse(72% 50%);
}

.left-service{
    flex-direction: row-reverse;
}
.left-service .service-description{
    right: -100px;
}
.right-service .service-description{
    left: -100px;

}
.box-img-presta{
    flex: 2;
}

.img-cover{
    width: 100%;
    height: 500px;
    object-fit: cover;

}
.box-service-description{
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    flex: 1;
}
.service-description{
    position: absolute;
    /* left: -100px; */
    background: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 3rem;
    border-top: 1px solid #f5f5f5;
}

.service-description h1{
    font-size: 2rem;
    text-transform: uppercase;
}

.service-description a{
    background: var(--primary);
    color: #fff;
    padding: 1rem;
    margin-top: 1rem;
    align-self: baseline;
}
.offer-com{
    /* display: flex;
    justify-content: center;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);

}

.offer-com>div{

    /* flex: 1; */
    border: 2px solid rgb(235, 234, 234);
    margin: 10px 10px;

}


.teams-section{

    background-image: url('/assets/img/teams/colours teams.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;

}
/* about-adventure */
.about-adventure{
    background-image: url('/assets/img/DJI_0110_1.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
}

.about-adventure::before{
    content: '';
    position: absolute;
    background-color: rgb(var(--primary-rgb),0.5);
    opacity: 0.9;
    width: 100%;
    height: 100%;
}


  /* offer-skill */
  .offer-skill{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    padding:  0 10px;
  }
  .offer-skill>*{
    position: relative;
    display: flex;
  }
  .offer-skill ul li{
    list-style-type: none;
  }

  .offer-skill ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( 10px * -1 );
    width: 10;
    position: absolute;
    left: -10px;
  }


  /* Teams */

.teams{
    display: flex;
    justify-content: center;

}
.our-team {
    padding: 30px 0 30px;
    margin: 0 10px;
    background-color: #ffffff;
    width: 350px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border:0.5px solid #f1f1f1
  }

  .team-content{
    padding: 0 15px;
  }
  .team-content>*{
    margin: 5px 0 ;
  }
  .our-team .info{
    text-align: justify;
  }
  .our-team .picture {
    display: inline-block;
    height: 130px;
    width: 130px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
  }

  .our-team .picture::before {
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: rgba(247, 247, 247, 0.562);
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.9;
    transform: scale(3);
    transition: all 0.3s linear 0s;
  }

  /* .our-team:hover .picture::before {
    height: 100%;
  } */
  .our-team .picture::before {
    height: 100%;
  }

  .our-team .picture::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--primary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .our-team .picture img {
    /* width: 100%;
    height: auto; */
    width: 150px;
    height: 150px;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
    object-fit: cover;
  }
  .our-team .picture img {
    box-shadow: 0 0 0 5px #f7f5ec;
  }

  .our-team .title {
    display: block;
    font-size: 15px;
    color: var(--primary);
    text-transform: capitalize;
  }

  .our-team .social {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    transition: all 0.5s ease 0s;
    bottom: 0;
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: start;
    position: absolute;
    top: 10px;
    z-index: 1;
    left: 10px;
  }



  .our-team .social li {
    display: inline-block;
  }

  .our-team .social li a {
    display: block;
    padding: 10px;
    font-size: 17px;
    color: #b9b9b9;
    transition: all 0.3s ease 0s;
    text-decoration: none;
  }

  .our-team .social li a:hover{
    color: var(--primary);
  }

  .our-team .social li a:hover {
    color: #709d65;
    background-color: #f7f5ec;
  }

  .our-team .more-info{
    position: absolute;
    right: 10px;
    top:10px
  }


  .img-teams{
    width: 100%;
    height: 700px;
    object-fit: contain;
    object-position:center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-100px) translateX(-50%);
  }
  .section-img-teams{
    min-height: 600px;
  }
  /* RESPONSIVE DESIGN */
/* @media only screen and (max-width: 1199px){

 } */

 @media only screen and (max-width: 991px){
    .offer-com{
        grid-template-columns: repeat(2, 1fr);

    }
 }


 @media only screen and (max-width: 767px){
    .about-com{
        display: flex;
        flex-direction: column;

     }

     .about-com>div:nth-child(1){
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
     }

    .offer-skill{
        grid-template-columns: repeat(2, 1fr);
    }
    .offer-com{
        grid-template-columns: repeat(2, 1fr);

    }

    .out-story{
        flex-direction: column;
    }

    .service{
        padding: 20px 0;
    }
 }

 @media all and (max-width: 580px)  {
    .offer-skill{
        grid-template-columns: repeat(1, 1fr);
    }
    .offer-com{
        grid-template-columns: repeat(1, 1fr);

    }
    .teams{
        flex-direction: column;
        align-items: center;
    }
    .service{
        padding: 20px 0;
    }

    .service-description {
        position: relative;
    }
    .right-service {
        flex-direction: column;
    }
    .left-service{
        flex-direction: column;
     }
     .right-service .service-description {
        right: 0;
        left: 0;
    }

    .left-service .service-description {
        left: 0;
        right: 0;
    }
    .left-service .img-cover{

        clip-path:inherit;
    }

    .right-service .img-cover{

        clip-path: inherit;
    }

    .img-cover{

        object-fit: cover;

    }
    .box-service-description{
        min-height: auto;
        justify-content: flex-start;
    }
  }
 @media only screen and (max-width: 479px) {

    .about-com{
       display: flex;
       flex-direction: column;

    }

    .teams{
        flex-direction: column;

    }

    .our-team {
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }

    .service{
        padding: 20px 0;
    }

    .service-description {
        position: relative;
    }
    .right-service {
        flex-direction: column;
    }
    .left-service{
        flex-direction: column;
     }
     .right-service .service-description {
        right: 0;
        left: 0;
    }

    .left-service .service-description {
        left: 0;
        right: 0;
    }
    .left-service .img-cover{

        clip-path:inherit;
    }

    .right-service .img-cover{

        clip-path: inherit;
    }

    .img-cover{

        object-fit: cover;

    }
    .box-service-description{
        min-height: auto;
        justify-content: flex-start;
    }

}