*,body {
  font-family: "Laila", serif;
}

.custom-hover .bi{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all ease-in-out .5s;

}
.custom-hover {
  width: 100% !important;
  height: 30px;

  position: relative;
  display: flex !important;
  justify-content: center !important;
  transition: all ease-in-out .5s;
}

.custom-hover:hover{
  /* width: 100%; */
  /* opacity: ; */
  /* background-color: red !important; */
  /* scale: .1 !important; */
  /* background-color: red !important; */
  /* display: flex !important; */
  /* justify-content: end !important; */


}
.custom-hover .bi{
  text-align: center;

  transition: all ease-in-out .5s;


}
.custom-hover:hover .bi{
  text-align: end;
    /* background-color: red !important; */

  right: 0px !important;
  transform: translate(0%,-50%);
  transition: all ease-in-out .5s;


}
.laila-light {
  font-family: "Laila", serif;
  font-weight: 300;
  font-style: normal;
}

.laila-regular {
  font-family: "Laila", serif;
  font-weight: 400;
  font-style: normal;
}

.laila-medium {
  font-family: "Laila", serif;
  font-weight: 500;
  font-style: normal;
}

.laila-semibold {
  font-family: "Laila", serif;
  font-weight: 600;
  font-style: normal;
}

.laila-bold {
  font-family: "Laila", serif;
  font-weight: 700;
  font-style: normal;
}

.nav-link,
.btn {
  font-size: 1.2rem;
}
.text-purple {
  color: rgba(91, 20, 68, 0.8);
}
.btn-purple {
  background-color: #95457b;
  color: white;
  border-radius: 25px;
}

.btn-purple:hover {
  background-color: rgba(91, 20, 68, 0.8);
  color: white;
}

.nav-link.active {
  color: #95457b !important;
  border-bottom: 2px solid #95457b;
}

.hero {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh;
  background-image: url("../images/hero.jpg");
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
/* .navbar,.nav-link,.container{
    border: 2px solid black;
  } */

.navbar {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}

.hero-title {
  position: absolute;
  left: 50%;
  /* right: 50%; */
  top: 50%;
  /* top: 70%; */
  transform: translate(-50%, -50%);

  font-weight: 700;

  color: #fff;
  text-align: center;
  font-size: 110px;
  /* font-size: 6rem; */

  font-style: normal;
  line-height: normal;
  text-shadow: -5px 0 rgba(255, 198, 236, 0.8);
}

.section-title {
  color: rgba(91, 20, 68, 0.8);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.sub-title {
  color: #eeb31f;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.section-bg {
  background-image: url("../images/bg-layer.png");
  margin: 0 !important;
  padding: 0 !important;
  /* height: 100vh; */
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.section {
  text-align: center;
}

.img-wrapper {
  background-image: url("../images/bg-image-wrapper.png");
  width: 60%;
  background-position: center;
  /* width: 100%; */
  background-repeat: no-repeat;
  background-size: cover;
}
.img-wrapper img {
}
.sub-title-img {
  color: rgba(91, 20, 68, 0.8);
  text-align: center;
  font-size: 39px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.path-cards {
  width: 100%;
  gap: 70px;
}
.path-card {
  /* border: 1px solid black; */

  width: 33.33%;
  text-align: justify;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-radius: 25px;

  background-image: url("../images/card-bg.png");
  background-position: center;
  /* width: 100%; */
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 5px 0px #aaa8a4;
}
.path-img {
  /* width: 80%; */
}
.path-img img {
  width: 235px;
  object-fit: cover;
  object-position: center center;
  height: 191px;
}
.path-img {
  margin-block: 30px;

  /* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%); */
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);
  /* clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */
}
/* .label-img{
  
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);


} */
/* .label-img img{
  width: 186px;
  object-fit: cover;
  object-position: center center;
  height: 152px;
  border: 5px solid red;
} */
.path-title {
  color: rgba(91, 20, 68, 0.7);
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
}
.path-description {
  color: rgba(91, 20, 68, 0.6);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.sub-title-label {
  color: rgba(91, 20, 68, 0.6);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.labels {
  gap: 60px;
  /* width: 100%; */
  /* flex-shrink: ; */
  /* flex-grow: 1; */
  /* gap: 20px; */
  /* width: 100%; */
  /* display: flex; */
  /* flex-flow: row; */
  /* flex: 0 0 auto; */
  /* flex-basis: auto; */
  /* border: 2px solid black; */
  /* align-items: stretch !important; */
  /* justify-content: space-between; */
  /* align-items: center !important; */
  /* gap: px; */
  justify-content: space-between !important;
}
.label {
  padding: 0;
  width: 20%;
  /* border: 2px solid red; */
  /* display: flex; */
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* .label-img{
  width: 186px;
  
  height: 152px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);


} */
/* 
.label-img::after { 
  content: ""; 
  width: 186px;
  top: 0;
  left: 0;
  right: 0;
  
  height: 152px;
  position: absolute; 
  background-color: #3498db; 
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);

}  */

/* 

.label-img {
  stroke-width: 1px;
stroke: rgba(149, 69, 123, 0.20);
  position: relative;
  height: 170px;
  width: 170px;
  background: black;
}
.label-img:before, .double:after {
  position: absolute;
  content: '';
}
.label-img:before {
  top: 4px;  
  left: 4px;  
  height: calc(100% - 8px); 
  width: calc(100% - 8px); 
  background: rgb(255, 255, 255);
}
.label-img, .label-img:before, .double:after {
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);
}
.image:before {
  background: url(http://lorempixel.com/150/150/nature/1);
}
.double:after {
  top: 8px;
  left: 8px;
  height: calc(100% - 16px);
  width: calc(100% - 16px);
  background: black;
}

Just for demo

.label-img {
  display: inline-block;
  margin: 20px;
} */

.label-btn {
  border-radius: 30px;
  background-color: #95457b;
  /* width: fit-content; */
  padding-inline: 20px;
  padding-block: 5px;
  /* width: 70%; */

  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hex-wrapper {
  display: flex;
  height: fit-content;
  /* background-color: r; */
  /* overflow: scroll; */
  /* height: 100vh; */

  --s: 230px; /* size */
  --r: 0.85; /* ratio */
  /* clip-path */
  --h: 0.25;
  --v: 0.5;
  --hc: calc(clamp(0, var(--h), 0.5) * var(--s));
  --vc: calc(clamp(0, var(--v), 0.5) * var(--s) * var(--r));
  /* height: calc(var(--s) * 5); */
  /* height: calc(var(max-content) + 100px); */
  height: 200%;
  /* float: right; */
  /* top: 0; */

  /* position: absolute; */

  /*margin */
  --mv: 10px; /* vertical */
  --mh: calc(var(--mv) + (var(--s) - 2 * var(--hc)) / 2); /* horizontal */
  /* for the float*/
  --f: calc(2 * var(--s) * var(--r) + 4 * var(--mv) - 2 * var(--vc) - 2px);
}

.hex-container {
  /* margin-bottom:100px ; */
  /* display: block; */
  font-size: 0; /*disable white space between inline block element */
}

.hex-container div {
  
  width: var(--s);
  margin: var(--mv) var(--mh);
  height: calc(var(--s) * var(--r));
  display: inline-block;
  font-size: initial;
  clip-path: polygon(
    var(--hc) 0,
    calc(100% - var(--hc)) 0,
    100% var(--vc),
    100% calc(100% - var(--vc)),
    calc(100% - var(--hc)) 100%,
    var(--hc) 100%,
    0 calc(100% - var(--vc)),
    0 var(--vc)
  );
  /* clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%); */
  background-color:  #FFD875;;
  margin-bottom: calc(var(--mv) - var(--vc));
}
.hex-container div:nth-child(odd) {
  /* background: green; */
  background-color:  #FFD875;;

}
.hex-container::before {
  content: "";
  width: calc(var(--s) / 2 + var(--mh));
  float: left;
  height: 135%;
  /* background-color: red; */
  /* height: calc(fit-content + var(10%)); */
  shape-outside: repeating-linear-gradient(
    #0000 0 calc(var(--f) - 2px),
    #000 0 var(--f)
  );
}


.hexagon{
  position: relative;
}

.hive-content{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: rgba(91, 20, 68, 0.80);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.coach-message{
  color: rgba(91, 20, 68, 0.60);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.btn-yellow{ display: flex;
  justify-content: center;
  width: 60%;
  border-radius: 30px;
background: #EEB31F;
box-shadow: 4px 6px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding-inline: 50px !important;
transition: all .5s ease-in-out;
}

.btn-yellow:hover{
  background-color: #FFD875;
  color: white;

}

.highlight{
  color: #EEB31F;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding-inline: 20px;
padding-block: 0px;
}

.bio-brief{
  color: rgba(91, 20, 68, 0.60);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-inline: 20px;
padding-block: 0px;

}
.arrow-container{
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translate(-50%);
}
/* .row{border: 1px solid red;} */


.testimonial-cards {
  width: 100%;
  gap: 70px;
}
.testimonial-card {
  /* border: 1px solid black; */

  width: 33.33%;
  text-align: justify;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
background: rgba(91, 20, 68, 0.45);
background-image: url("../images/bg-layer.png");
background-position: center;
/* width: 100%; */
background-repeat: no-repeat;
background-size: cover;
  cursor: pointer !important;
  box-shadow: 0px 0px 5px 0px #aaa8a4;
  transition: all ease-in-out 1000ms;
  height: fit-content !important;

}


.testimonial-description{
  color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-wrap: wrap !important;
text-align: justify;
}

.view-more-test{
  cursor: pointer;
  color: #FFF !important;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.testimonial-title{
  text-decoration: underline;
  color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.partners{
  gap: 60px;
  /* align-items: stretch; */
  /* justify-content: space-between !important; */
}
.partner-hex{
  width: 210px;
  height: 210px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);
  position: relative;
  background-color: #FFD875; z-index: 1;
position: relative;
}

.partner-hex::after{
  content: "";
  display: block;
  width: 205px;
  height: 205px;
  top: 50%;
  left: 50%; 
  transform: translate(-50%,-50%);
  position: absolute;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);
  position: relative;
  background-color: #ffffff;
}
.partner-hex img{
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%,-50%);
  z-index: 3;

  mix-blend-mode:multiply;
}
.partner-text{
  color: rgba(91, 20, 68, 0.60);
  padding-top: 10px;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.footer{
  background-image: url("../images/card-bg.png");
  /* position: fixed !important; */
  /* bottom: 0; */
}
.footer-link{
  text-decoration: none;
  color:#95457b;
}

.arrow-container-sm{
  position: absolute;
  top: 90%;
  left: 40%;
}




.pop-up-wrapper{
  transition: all 300ms ease-in-out;
  position: fixed !important;

  z-index: -99;
  opacity: 0;
  top: -100%;
  width: 100%;
  height: 100vh;
  background-color: rgba(57, 25, 46, 0.9);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open-modal{
  top: 0;
  position: fixed !important;
  /* display: none !important; */
  z-index: 99;
  opacity: 1;
  transition: all 300ms ease-in-out;


}
.pop-up-container{
  width: 80%;
  height: 50%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-around; */
  /* gap: 50px; */
  background-color: rgba(149, 69, 122, 0.729);
  padding: 20px;
  border-radius: 25px;
  /* gap: 20px; */

}

.pop-up-header{
  display: flex;
  justify-content: flex-end;
  /* font-size: 80px; */
}
.pop-up-body{
  padding-bottom: 10px;
  color: #FFF;
text-align: center;
font-family: "Laila", serif;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.pop-up-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.btn-client{ display: flex;
  justify-content: center;
  width: 60%;
  border-radius: 30px;
background: #95457b;
box-shadow: 4px 6px 4px 0px rgba(0, 0, 0, 0.25);
color: #FFF;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
padding-inline: 50px !important;
transition: all .5s ease-in-out;
}

.btn-client:hover{
  background-color: #95457a7a;
  color: white;

}




.close-pop-up {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  padding: 10px;
  /* background-color: var(--bg-dark,#fff); */
  display: flex;
  align-items: center;
  justify-content: center;
  /* opacity: 0; */
  flex-direction: column;
}
.close-pop-up-item {
  width: 100%;
  height: 5px;
  background-color: #ffffff;
  
  position: relative;

  border-radius: 5px;
  transition: all 300ms ease-in-out;
}

.close-pop-up-item::after,
.close-pop-up-item::before {
  content: "";
  width: inherit;
  height: 5px;
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  left: 0;
  right: 0;
  
  transition: all 300ms ease-in-out;
}
.close-pop-up-item::after {
  rotate: 45deg;
  transform-origin: center center;
  top: 0;
}
.close-pop-up-item::before {
  top: 0px;
  transform-origin: center center;
  rotate: -45deg;
}

.close-pop-up-item{
  background-color: transparent;
}

.path-cards{
  /* padding: 5px !important; */
  /* padding-left: 5px; */
  /* gap: 20px; */
  justify-content: center !important;
  /* overflow-x: scroll; */
  /* flex-wrap: nowrap; */
  /* gap: 20px !important; */

}

 /* Define scrollbar styles for .path-cards */
.testimonial-cards::-webkit-scrollbar {
  width: 5px; /* Width of the scrollbar */
  /* display: none; */
}

/* Track styles */
.testimonial-cards::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the scrollbar track */
}

/* Handle styles */
.testimonial-cards::-webkit-scrollbar-thumb {
  background: #888; /* Color of the scrollbar handle */
  border-radius: 5px; /* Radius of the scrollbar handle */
}

/* Handle on hover */
.testimonial-cards::-webkit-scrollbar-thumb:hover {
  background: #555 !important; /* Color of the scrollbar handle on hover */
}
.testimonial-cards{
  /* overflow-x: scroll; */
}
@media (max-width: 576px) { 
      iframe{
      width:100% !important;
      height:300px !important;
      max-height:320px !important;
      
  }
  .pop-up-body{
    font-size: 30px;
  }
  .pop-up-footer{
    flex-direction: column;
    margin-top: 20px;
  }
  .pop-up-footer a{
    width: 100%;
    font-size: 20px;
  }
  .nav-link{
    font-size: 18px;
  }
  .arrow-container-sm{
    position: absolute;
    /* top: 90%;
    left: 40%; */
    top: 70%;
    left: 70%;
    display: none !important;
  }  
  .col-sm-5{
    width: 100% !important;
    margin-bottom: 20px !important;
    /* border-bottom: 2px dashed #95457b; */
    /* box-shadow: 3px 3px 3px #B37AA0; */
    border-radius: 25px;
    }
    .arrow-container-sm{
      width: fit-content !important;
    }
  .arrow-container-sm:nth-child(even){
    /* right: 50%; */
    left: 40%;
  }
  .hero{height: 400px;}
  .hero-title,.section-title{
    font-size: 30px;
    text-shadow: -2px 0 rgba(255, 198, 236, 0.8);
  }
  .highlight{
font-size: 20px;
text-wrap: wrap;
  }
  .bio-brief{
    font-size: 16px;
  }
  /* .arrow-container{
    bottom: -20px;
    right: 0;
    transform: translate(0,0);
  } */
  .sub-title,.path-title{
    font-size: 25px;
  }
  .sub-title-img,.path-description {
    font-size: 20px;
  }
  .btn-yellow {
    font-size: 16px;
    width: 80%;
  }
  
  .path-card,.testimonial-card{
    width: 100%;
  }
  .path-cards,.testimonial-cards,.partners{
    flex-wrap: wrap;
  }
  .path-cards{
    /* width: 100%; */
    padding: 5 !important;
    padding-left: 5px;
    gap: 20px;
    justify-content: start !important;
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
  .path-card{
    /* border:3px 3px solid #95457b; */
  }
  .labels,.partners{
    margin: 10px;
    /* gap: 20px; */
    /* flex-grow: 1; */
    flex-shrink: 1;
    justify-content: center !important;
  }
  .label{
    width: 40%;
    display: flex;
    /* width: fit-content; */
  }
  .label:last-child{
    width: 100%;
  }
  .label-img{
    width: fit-content;
    text-align: center;
  }
  .label-btn{
    width: 100% !important;
    text-align: center;
    font-size: 12px;
  }


  .partner-hex{
    width: 100px;
    height: 100px;
    }
    .partner-hex img{
      width: 50px;
    }
    .partner-hex::after{
    
    width: 90px;
    height: 90px;
  }
  .arrow-container{
    /* position: relative; */
    /* display: none; */
  }
  .hex-wrapper {
   
    --s: 150px; /* size */
    
    height: calc(var(--s) * 9);
  
  }
  .hive-content, .hex-grid__content{
    font-size: 12px !important;
  }
  .labels{
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .label-btn{
    font-size: 16px;
  }

  .w-33{
    width: 100% !important;
}
.gap-20{
    gap: 20px;
}

.links-col{
  width: 100%;

    justify-content: space-between !important;
    /* width: 33%; */
}

.footer-wrapper{
  
  /* position: fixed; */
/* bottom: 0; */
  align-items: center;
    flex-direction: column;
}
.logo-wrapper{
  text-align: center;
}
  
}




.hex-grid {
  display: flex;
  justify-content: center;
  
}
.hex-grid__list {
  /* scale: 0.4; */
  --amount: 5;
  position: relative;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(var(--amount), 1fr 2fr) 1fr;
  grid-gap: 1.5rem 1.5rem;
}
.hex-grid__item {
  position: relative;
  grid-column: 1 / span 3;
  grid-row: calc(var(--counter) + var(--counter)) / span 2;
  filter: drop-shadow(0 0 10px rgba(33, 29, 29, 0.526));
  height: 0;
  padding-bottom: 90%;
  /* padding-right: 40% !important; */
}
.hex-grid__content:hover{
  background-color: #B37AA0;
  color: #ffffff;
  transition: all ease-in-out 1s;

}
/* .hex-grid__content:hover .bee {
  
  transition: all ease-in-out 1s;
  top: 25%;
  right: 0%;
  z-index: 100;

} */

.hex-grid__content {
  position: relative;
  cursor: url("../images/bee.png"), auto;
}


.bee{
  z-index: 100;
  position: absolute;
  display: none;
  /* opacity: 0; */
  /* top: -50%; */
  right: 0;
  /* transition: all ease-in-out 1s; */
  transition: left 1s ease, top 1s ease, opacity 1s ease;


}
.bee img{
  position: block;
}
.hex-grid__content {
  transition: all ease-in-out 1s;
  position: absolute;
  height: 100%;
  width: 100%;
  
  font-size: 1.125rem;
    background-color: #FFD875;
    color: rgba(91, 20, 68, 0.80);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 25%;
  text-decoration: none;
  text-align: center;
  transition: transform 0.24s ease-out;
}
@media screen and (min-width: 1440px) {
  .hex-grid__list {
    /* change to 8 and center */
    --amount: 5;
    --counter: 1;
 }
  .hex-grid__item:nth-of-type(5n + 1) {
    grid-column: 1 / span 3;
 }
  .hex-grid__item:nth-of-type(5n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
 }
  .hex-grid__item:nth-of-type(5n + 3) {
    grid-column: 5 / span 3;
 }
  .hex-grid__item:nth-of-type(5n + 4) {
    grid-column: 7 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
 }
  .hex-grid__item:nth-of-type(5n + 5) {
    grid-column: 9 / span 3;
 }
  .hex-grid__item:nth-of-type(n + 6) {
    --counter: 2;
 }
  .hex-grid__item:nth-of-type(n + 11) {
    --counter: 3;
 }
  .hex-grid__item:nth-of-type(n + 16) {
    --counter: 4;
 }
  .hex-grid__item:nth-of-type(n + 21) {
    --counter: 5;
 }
  .hex-grid__item:nth-of-type(n + 26) {
    --counter: 6;
 }
  .hex-grid__item:nth-of-type(n + 31) {
    --counter: 7;
 }
  .hex-grid__item:nth-of-type(n + 36) {
    --counter: 8;
 }
  .hex-grid__item:nth-of-type(n + 41) {
    --counter: 9;
 }
  .hex-grid__item:nth-of-type(n + 46) {
    --counter: 10;
 }
  .hex-grid__item:nth-of-type(n + 51) {
    --counter: 11;
 }
  .hex-grid__item:nth-of-type(n + 56) {
    --counter: 12;
 }
  .hex-grid__item:nth-of-type(n + 61) {
    --counter: 13;
 }
  .hex-grid__item:nth-of-type(n + 66) {
    --counter: 14;
 }
  .hex-grid__item:nth-of-type(n + 71) {
    --counter: 15;
 }
  .hex-grid__item:nth-of-type(n + 76) {
    --counter: 16;
 }
  .hex-grid__item:nth-of-type(n + 81) {
    --counter: 17;
 }
  .hex-grid__item:nth-of-type(n + 86) {
    --counter: 18;
 }
  .hex-grid__item:nth-of-type(n + 91) {
    --counter: 19;
 }
  .hex-grid__item:nth-of-type(n + 96) {
    --counter: 20;
 }
  .hex-grid__item:nth-of-type(n + 101) {
    --counter: 21;
 }
}
@media screen and (min-width: 1120px) and (max-width: 1439px) {
  .hex-grid__list {
    --amount: 4;
    --counter: 1;
 }
  .hex-grid__item:nth-of-type(4n + 1) {
    grid-column: 1 / span 3;
 }
  .hex-grid__item:nth-of-type(4n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
 }
  .hex-grid__item:nth-of-type(4n + 3) {
    grid-column: 5 / span 3;
 }
  .hex-grid__item:nth-of-type(4n + 4) {
    grid-column: 7 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
 }
  .hex-grid__item:nth-of-type(n + 5) {
    --counter: 2;
 }
  .hex-grid__item:nth-of-type(n + 9) {
    --counter: 3;
 }
  .hex-grid__item:nth-of-type(n + 13) {
    --counter: 4;
 }
  .hex-grid__item:nth-of-type(n + 17) {
    --counter: 5;
 }
  .hex-grid__item:nth-of-type(n + 21) {
    --counter: 6;
 }
  .hex-grid__item:nth-of-type(n + 25) {
    --counter: 7;
 }
  .hex-grid__item:nth-of-type(n + 29) {
    --counter: 8;
 }
  .hex-grid__item:nth-of-type(n + 33) {
    --counter: 9;
 }
  .hex-grid__item:nth-of-type(n + 37) {
    --counter: 10;
 }
  .hex-grid__item:nth-of-type(n + 41) {
    --counter: 11;
 }
  .hex-grid__item:nth-of-type(n + 45) {
    --counter: 12;
 }
  .hex-grid__item:nth-of-type(n + 49) {
    --counter: 13;
 }
  .hex-grid__item:nth-of-type(n + 53) {
    --counter: 14;
 }
  .hex-grid__item:nth-of-type(n + 57) {
    --counter: 15;
 }
  .hex-grid__item:nth-of-type(n + 61) {
    --counter: 16;
 }
  .hex-grid__item:nth-of-type(n + 65) {
    --counter: 17;
 }
  .hex-grid__item:nth-of-type(n + 69) {
    --counter: 18;
 }
  .hex-grid__item:nth-of-type(n + 73) {
    --counter: 19;
 }
  .hex-grid__item:nth-of-type(n + 77) {
    --counter: 20;
 }
  .hex-grid__item:nth-of-type(n + 81) {
    --counter: 21;
 }
}
@media screen and (min-width: 820px) and (max-width: 1119px) {
  .hex-grid__list {
    --amount: 3;
    --counter: 1;
    grid-gap: 1.5rem 3rem;
 }
  .hex-grid__item:nth-of-type(3n + 1) {
    grid-column: 1 / span 3;
 }
  .hex-grid__item:nth-of-type(3n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
 }
  .hex-grid__item:nth-of-type(3n + 3) {
    grid-column: 5 / span 3;
 }
  .hex-grid__item:nth-of-type(n + 4) {
    --counter: 2;
 }
  .hex-grid__item:nth-of-type(n + 7) {
    --counter: 3;
 }
  .hex-grid__item:nth-of-type(n + 10) {
    --counter: 4;
 }
  .hex-grid__item:nth-of-type(n + 13) {
    --counter: 5;
 }
  .hex-grid__item:nth-of-type(n + 16) {
    --counter: 6;
 }
  .hex-grid__item:nth-of-type(n + 19) {
    --counter: 7;
 }
  .hex-grid__item:nth-of-type(n + 22) {
    --counter: 8;
 }
  .hex-grid__item:nth-of-type(n + 25) {
    --counter: 9;
 }
  .hex-grid__item:nth-of-type(n + 28) {
    --counter: 10;
 }
  .hex-grid__item:nth-of-type(n + 31) {
    --counter: 11;
 }
  .hex-grid__item:nth-of-type(n + 34) {
    --counter: 12;
 }
  .hex-grid__item:nth-of-type(n + 37) {
    --counter: 13;
 }
  .hex-grid__item:nth-of-type(n + 40) {
    --counter: 14;
 }
  .hex-grid__item:nth-of-type(n + 43) {
    --counter: 15;
 }
  .hex-grid__item:nth-of-type(n + 46) {
    --counter: 16;
 }
  .hex-grid__item:nth-of-type(n + 49) {
    --counter: 17;
 }
  .hex-grid__item:nth-of-type(n + 52) {
    --counter: 18;
 }
  .hex-grid__item:nth-of-type(n + 55) {
    --counter: 19;
 }
  .hex-grid__item:nth-of-type(n + 58) {
    --counter: 20;
 }
  .hex-grid__item:nth-of-type(n + 61) {
    --counter: 21;
 }
}
@media screen and (min-width: 400px) and (max-width: 839px) {
  .hex-grid__list {
    --amount: 2;
    --counter: 1;
    grid-gap: 1.5rem 3rem;
 }
  .hex-grid__item:nth-of-type(2n + 1) {
    grid-column: 1 / span 3;
 }
  .hex-grid__item:nth-of-type(2n + 2) {
    grid-column: 3 / span 3;
    grid-row: calc(var(--counter) + var(--counter) - 1) / span 2;
 }
  .hex-grid__item:nth-of-type(n + 3) {
    --counter: 2;
 }
  .hex-grid__item:nth-of-type(n + 5) {
    --counter: 3;
 }
  .hex-grid__item:nth-of-type(n + 7) {
    --counter: 4;
 }
  .hex-grid__item:nth-of-type(n + 9) {
    --counter: 5;
 }
  .hex-grid__item:nth-of-type(n + 11) {
    --counter: 6;
 }
  .hex-grid__item:nth-of-type(n + 13) {
    --counter: 7;
 }
  .hex-grid__item:nth-of-type(n + 15) {
    --counter: 8;
 }
  .hex-grid__item:nth-of-type(n + 17) {
    --counter: 9;
 }
  .hex-grid__item:nth-of-type(n + 19) {
    --counter: 10;
 }
  .hex-grid__item:nth-of-type(n + 21) {
    --counter: 11;
 }
  .hex-grid__item:nth-of-type(n + 23) {
    --counter: 12;
 }
  .hex-grid__item:nth-of-type(n + 25) {
    --counter: 13;
 }
  .hex-grid__item:nth-of-type(n + 27) {
    --counter: 14;
 }
  .hex-grid__item:nth-of-type(n + 29) {
    --counter: 15;
 }
  .hex-grid__item:nth-of-type(n + 31) {
    --counter: 16;
 }
  .hex-grid__item:nth-of-type(n + 33) {
    --counter: 17;
 }
  .hex-grid__item:nth-of-type(n + 35) {
    --counter: 18;
 }
  .hex-grid__item:nth-of-type(n + 37) {
    --counter: 19;
 }
  .hex-grid__item:nth-of-type(n + 39) {
    --counter: 20;
 }
  .hex-grid__item:nth-of-type(n + 41) {
    --counter: 21;
 }
}
/* @media screen and (max-width: 479px) {
  .hex-grid__list {
    --amount: 1;
    grid-gap: 1.5rem 3rem;
 }
} */







@media screen and (max-width: 400px) {
  .hex-grid__list {
    --amount: 1;
    grid-gap: 1.5rem 3rem;
 }
  iframe{
      width:100% !important;
      /*height:500px !important;*/
  }
}

@media screen and (max-width: 600px) {
  

}


/* @media (max-width:1000px) { 
   .nav-link{
  font-size: 18px !important;
}
.path-cards{
  gap: 10px !important;
}

.path-card{
  width: 42% !important;
}
} */


@media (min-width: 1024px) {
  .nav-link{
    font-size: 18px !important;
  }
 
  .path-cards{
    /* overflow: hidden; */
    /* flex-wrap: wrap; */
    /* flex: auto; */
    gap: 20px !important;
    /* flex-grow: 1; */
  }
  
  .path-card{
    width: 30% !important;
  }
  .partners{
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between !important;
  }
 

}





@media (max-width: 992px) {
  /* .hero-title{
    top: 50%;
  } */
  .navbar-expand-lg {
    z-index: 99;
    background-image: url("../images/card-bg.png");
    background-repeat: no-repeat;
    /* width: 100%; */
    background-position: center;
    background-size: cover;
    margin-inline:10px;
    border-radius: 25px;
    transition: all .3s ease-in-out;
    /* opacity: .1; */
    


  }
.show{
  transition: all .3s ease-in-out;
  /* opacity: 99; */

  height: fit-content;
}}


.navbar-toggler{
  background-color: #EEB31F;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 80% 100%, 25% 100%, 0% 50%);
border: none;

}
.burger-menu {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  padding: 10px;
  background-color: var(--bg-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.burger-item {
  width: 100%;
  height: 5px;
  background-color: #95457b;
  position: relative;

  border-radius: 5px;
  transition: all 300ms ease-in-out;
}

.burger-item::after,
.burger-item::before {
  content: "";
  width: inherit;
  height: 5px;
  background-color: #95457b;
  position: absolute;
  border-radius: 3px;
  left: 0;
  right: 0;
  transition: all 300ms ease-in-out;
}
.burger-item::after {
  top: 10px;
}
.burger-item::before {
  top: -10px;
}
.open ::after{
  rotate: 45deg;
  transform-origin: center center;
  top: 0;
}
.open ::before{
  top: 0;
  transform-origin: center center;
  rotate: -45deg;

}
.open .burger-item{
  background-color: transparent;
}

.yellow-bg{
  background-image: url("../images/about-bg-yellow.png");
  margin: 0 !important;
  padding: 0 !important;
  /* height: 100vh; */
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;

}

/* .hex-grid__item {
  position: relative;
  grid-column: 1 / span 3;
  grid-row: calc(var(--counter) + var(--counter) * -3) / span 2;
  filter: drop-shadow(0 0 10px rgba(33, 29, 29, 0.526));
  height: 0;
  padding-bottom: 90%;
} */

 iframe{
      width:100% !important;
      height:100vh !important;
  }



.w-33{
  width: 33%;
}
.gap-20{
  gap: 20px;
}

.links-col{
  justify-content: end;
  /* width: 33%; */
}


.testimonial-card.hover{
  /* cursor: pointer !important; */
  position: absolute;
  transition: all ease-in-out 1000ms;
  /* top: 50%; */
  height: 40%;
  padding-inline: 20px;
  gap: 30px;

}
.testimonial-pop-up-wrapper{
  transition: all 300ms ease-in-out;
  /* position: fixed !important; */

  /* z-index: -99; */
  /* opacity: 0; */
  /* top: -100%; */
  width: 100%;
  /* height: 100vh; */
  /* background-color: rgba(57, 25, 46, 0.9); */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-pop-up-wrapper.open-testimonial{
   position: fixed !important;

  z-index: 10;
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(57, 25, 46, 0.9);
  transition: all 300ms ease-in-out;


}


.close-pop-up-item-test {
  width: 100%;
  height: 5px;
  background-color: #ffffff;
  position: relative;
  border-radius: 5px;
  transition: all 300ms ease-in-out;
}
.close-pop-up-test {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  padding: 10px;
  /* background-color: var(--bg-dark, #fff); */
  display: flex;
  align-items: center;
  justify-content: center;
  /* opacity: 0; */
  flex-direction: column;
}

.close-pop-up-item-test::after,
.close-pop-up-item-test::before {
  content: "";
  width: inherit;
  height: 5px;
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  left: 0;
  right: 0;
  
  transition: all 300ms ease-in-out;
}
.close-pop-up-item-test::after {
  rotate: 45deg;
  transform-origin: center center;
  top: 0;
}
.close-pop-up-item-test::before {
  top: 0px;
  transform-origin: center center;
  rotate: -45deg;
}

.close-pop-up-item-test{
  background-color: transparent;
}

.view-more-test{
  cursor: pointer;
  color: #FFF !important;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

@media (min-width: 1200px) {
    


  .pop-up-container{
    width: 80%;
    height: 50%;
    display: flex;
    flex-direction: column;
     justify-content: center; 
    /* gap: 50px; */
    background-color: rgba(149, 69, 122, 0.729);
    padding: 20px;
    border-radius: 25px;
  }
  }