.elementor-77 .elementor-element.elementor-element-6c9a4e5, .elementor-77 .elementor-element.elementor-element-6c9a4e5 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-6c9a4e5{margin-top:1px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-484cf3f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .elementor-repeater-item-c34616a .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.kibrisanadoluraf.com/wp-content/uploads/2024/07/abi_center_prizeren_view06_3.jpg);background-size:cover;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .elementor-repeater-item-eb504cb .swiper-slide-bg{background-color:#4054b2;background-image:url(https://www.kibrisanadoluraf.com/wp-content/uploads/2024/07/ibrahim_karadol_angola_revizyon_view07_2.jpg);background-size:cover;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .elementor-repeater-item-52c016f .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://www.kibrisanadoluraf.com/wp-content/uploads/2024/07/katar_marketl_view11.jpg);background-size:cover;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-slide{height:500px;transition-duration:calc(5000ms*1.2);}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-slide-contents{max-width:66%;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-slide-inner{text-align:center;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .elementor-swiper-button{font-size:30px;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-pagination-bullet{height:15px;width:15px;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-horizontal .swiper-pagination-progressbar{height:15px;}.elementor-77 .elementor-element.elementor-element-71e7ac8 .swiper-pagination-fraction{font-size:15px;}.elementor-77 .elementor-element.elementor-element-71e7ac8{width:100%;max-width:100%;}.elementor-77 .elementor-element.elementor-element-76bc6d6{text-align:center;}.elementor-77 .elementor-element.elementor-element-76bc6d6 .elementor-heading-title{color:#6E5AF0;font-family:"Plus Jakarta Sans", Sans-serif;font-size:35px;font-weight:600;}.elementor-77 .elementor-element.elementor-element-c810c4f{width:100%;max-width:100%;align-self:flex-start;}.elementor-77 .elementor-element.elementor-element-2ee7b00{text-align:center;}.elementor-77 .elementor-element.elementor-element-2ee7b00 .elementor-heading-title{color:#6E5AF0;font-family:"Plus Jakarta Sans", Sans-serif;font-size:35px;font-weight:600;}.elementor-77 .elementor-element.elementor-element-d0055f3{padding:20px 0px 20px 0px;}.elementor-77 .elementor-element.elementor-element-2b371ce{--e-image-carousel-slides-to-show:4;}.elementor-77 .elementor-element.elementor-element-2b371ce .elementor-swiper-button.elementor-swiper-button-prev, .elementor-77 .elementor-element.elementor-element-2b371ce .elementor-swiper-button.elementor-swiper-button-next{font-size:38px;}.elementor-77 .elementor-element.elementor-element-2b371ce .swiper-wrapper{display:flex;align-items:center;}.elementor-77 .elementor-element.elementor-element-f7a81f2{text-align:center;}.elementor-77 .elementor-element.elementor-element-f7a81f2 .elementor-heading-title{color:#6E5AF0;font-family:"Plus Jakarta Sans", Sans-serif;font-size:35px;font-weight:600;}.elementor-77 .elementor-element.elementor-element-cd50aeb iframe{height:400px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-77 .elementor-element.elementor-element-cd50aeb > .elementor-widget-container{border-style:solid;}.elementor-77 .elementor-element.elementor-element-7d9c70e > .elementor-container{min-height:0px;}.elementor-77 .elementor-element.elementor-element-7d9c70e:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-7d9c70e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6194E5;}.elementor-77 .elementor-element.elementor-element-7d9c70e > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-7d9c70e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 25px 0px 25px;}.elementor-77 .elementor-element.elementor-element-7d9c70e > .elementor-shape-top svg{width:calc(300% + 1.3px);height:235px;}/* Start custom CSS for section, class: .elementor-element-cf0afdc */#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  font-family: 'Ubuntu', sans-serif;
  /* font-family: sans-serif; */
  list-style-type: none;
}

.hex {
  position: relative;
  visibility:hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  transition: all 0.5s;
  backface-visibility: hidden;
 /* will-change: transform;
  transition: all 0.5s;
  */
  
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn {
  position: absolute;
  width:96%;
  padding-bottom: 110.851%; /* =  width / sin(60) */
  margin: 2%;
  overflow: hidden;
  /* visibility: hidden; */
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
          transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transition: all 0.5s;
	/* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5)); */
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}
.hexIn * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    /* color: #fff; */
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
        -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
            transform: skewY(-30deg) rotate3d(0,0,1,60deg);
			
			/* filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5)); */
			/* filter:drop-shadow(gray 0.15rem 0.15rem 2px); */
			/* filter:drop-shadow(gray -0.15rem -0.15rem 2px); */
}




/*** HEX CONTENT **********************************************************************/
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

/* .hex h1, .hex p {
   width: 100%; 
   padding: 5%; 
  box-sizing:border-box; 
  font-weight: 300; 
   opacity: 0; 
} */

#demo1 {
  color: black;
  text-transform: capitalize;
  text-align: center; 
/* text-align: justify; */
  /* text-justify: inter-word; */
  bottom: 15%;
  /* padding-top:50%; */
  font-size: 1.5em;
  /* z-index: 1; */

}
/* yazı still için */
.hex h1 {
	    font-weight: 700;
		padding: 5%;
  box-sizing:border-box;
    /* font-size: 26px; */
    z-index: 10;
    color: #75db16;
    background: -webkit-linear-gradient(0deg, #75db16 0, #7db9e8 70%, #7db9e8 100%);
    background-position: 50% 50%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* position: relative; */
    /* text-align: center; */
    /* transition: all .3s ease-in-out; */
    width: 100%;
    /* display: inline-block; */
    /* margin-top: 25px; */
    white-space: pre-wrap;
    /* height: 60px; */
  /* font-size: 72px; */
  /* background: -webkit-linear-gradient(blue, green); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
}

/* .hex h1:before, .hex h1:after { */
  /* display: inline-block; */
  /* margin: 0 0.5em; */
  /* width: 0.25em; */
  /* height: 0.03em; */
 /* background: #ffffff; */
  /* content: ''; */
  /* vertical-align: middle; */
  /* transition: all 0.3s; */
  /* text-align:center; */
/* } */

/* #demo2 { */
/* top: 50%; */
/* text-align: center; */
/* text-transform: uppercase; */
    
/* } */

.img {
  /* position: absolute; */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:#f6f5f4;/* menülerin resimli gözükmesi için burası editlenecek */
   /* filter: sepia(1) hue-rotate(190deg) saturate(2); /* Mavi ton filtresi */
  /*  background-color: rgba(0, 0, 255, 0.5); /* Yarı şeffaf mavi renk */
   /* background-blend-mode: overlay; /* Renk karışım modu */
/* background-color: #f6f5f4; */
  /* background-size: cover; /* Arka plan resminin tam olarak kaplanmasını sağlar */ 
  /* background-position: center; /* Resmi ortalar */ 
  /* position: absolute; /* Bu önemli, img div'inin konumunu kontrol eder */ 


  /* background-position: center center; */
  /* background-position: top center; */
background-position: top 30% center;
  background-repeat:no-repeat;
  /* background-size: cover; */
  /* background-size: contain; */
  background-size: 40% 35%;
  /*	filter: brightness(0) saturate(100%) invert(45%) sepia(88%) saturate(6771%) hue-rotate(213deg) brightness(100%) contrast(98%);*/

  overflow: hidden;
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.img:before, .img:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  transition: opacity 0.5s;
}
.img:before {
  background: rgba(22, 103, 137, 0.3)
}
.img:after {
  background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5), transparent);
}


/*** HOVER EFFECT  **********************************************************************/



/* .hexLink:hover h1, .hexLink:focus h1, */
/* .hexLink:hover p, .hexLink:focus p{ */
/* opacity:1; */
/* transition: 0.8s; */
/* } */


/* .hexIn:hover .img:before, */
/* .hexIn:hover .img:after, */
/* .hexIn:hover .hexLink { */
  /* opacity: 1; */
/* } */


/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/


/*@media (min-width: 1350px) {
    .hex {
        margin-top: 12% !important;
    }
}*/

@media (min-width:1201px) { /* <- 5-4  hexagons per row */
  
  #hexGrid{
    padding-bottom: 8%;
    /*padding-top: 8%;*/
    
  }
  .hex {
    width: 20%; /* = 100 / 5 */
   /* margin-top:10%;*/
      
  }
  
  .hex:nth-child(9n+6){ /* first hexagon of even rows */
    margin-left:10%;  /* = width of .hex / 2  to indent even rows */
 }
}

@media (max-width: 1200px) and (min-width:1101px) { /* <- 4-3  hexagons per row */
  #hexGrid{
    padding-bottom: 8%;
    font-size: 13px;
    padding-top:8%;
  }
  .hex {
    width: 25%; /* = 100 / 4 */
    /*margin-top: 13%;*/
  }
  .hex:nth-child(7n+5){ /* first hexagon of even rows */
    margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */
  }
}


@media (max-width: 1100px) and (min-width:901px) { /* <- 4-3  hexagons per row */
  .hex {
    width: 25%; /* = 100 / 4 */
   /* margin-top: 13%; */
  }
  .hex:nth-child(7n+5) {
    margin-left: 12.5%;
  }
}



@media (max-width: 900px) and (min-width:768px) { /* <- 3-2  hexagons per row */
  #hexGrid{
    padding-bottom: 7.4%;
    font-size: 14px;
  }
  .hex {
    width: 33.333%; /* = 100 / 3 */
    /*margin-top:17%;*/
  }
  .hex:nth-child(5n+4){ /* first hexagon of even rows */
    margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */
  }
}

@media (max-width: 767px) and (min-width: 650px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
    font-size: 12px;
  }
  .hex {
    width: 33.333%; /* = 100 / 3 */
   /* margin-top:17%;*/
  }
  .hex:nth-child(5n+4){
  /* .hex:nth-child(3n+3){ */
      /* first hexagon of even rows */
    margin-left:16.666%  
    /* 
    = width of .hex / 2  to indent even rows 
    */
  }
}

@media (max-width: 649px) and (min-width: 550px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
    font-size: 12px;
  }
  .hex {
    width: 33.333%; /* = 100 / 3 */
   /* margin-top:14%;*/
  }
  .hex:nth-child(5n+4){
  /* .hex:nth-child(3n+3){ */
      /* first hexagon of even rows */
    margin-left:16.666%  
    /* 
    = width of .hex / 2  to indent even rows 
    */
  }
}

@media (max-width: 549px) and (min-width: 450px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
    font-size: 12px;
  }
  .hex {
    width: 33.333%; /* = 100 / 3 */
  /*  margin-top:9%;*/
  }
  .hex:nth-child(5n+4){
  /* .hex:nth-child(3n+3){ */
      /* first hexagon of even rows */
    margin-left:16.666%  
    /* 
    = width of .hex / 2  to indent even rows 
    */
  }
}

@media (max-width: 449px) and (min-width: 350px) { /* <- 2-1  hexagons per row */
  #hexGrid{
    padding-bottom: 11.2%;
    font-size: 12px;
  }
  .hex {
    width: 50%; /* = 100 / 3 */
   /* margin-top:22%;*/
  }
  .hex:nth-child(3n){
  /* .hex:nth-child(3n+3){ */
      /* first hexagon of even rows */
    margin-left:25%  
    /* 
    = width of .hex / 2  to indent even rows 
    */
  }
}

/* @media (max-width: 400px) { */
    /* #hexGrid { */
        /* font-size: 12px; */
    /* } */
/* } *//* End custom CSS */