/* ================================
   MOBILE STYLES - MAX WIDTH 300PX
   ================================ */

/* ================================
   SMOOTH SCROLL
   ================================ */

html {
  scroll-behavior: smooth;
}

a.mobile-nav-item {
  color: #ffffff;
  text-decoration: none;
  display: block;
}

/* ================================
   HIDE MOBILE MENU ON DESKTOP
   ================================ */

.hamburger-menu {
  display: none;
}

.mobile-nav {
  display: none;
}

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

/* ================================
   SHOW MOBILE MENU
   ================================ */

.hamburger-menu {
  display: flex !important;
}

.mobile-nav {
  display: block !important;
}

/* ================================
   RESET FOR MOBILE
   ================================ */

/* ================================
   HAMBURGER MENU
   ================================ */

.hamburger-menu {
  display: none;
  position: fixed;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 25px;
  cursor: pointer;
  z-index: 1000;
  flex-direction: column;
  justify-content: space-between;
}

.hamburger-menu span {
  width: 100%;
  height: 3px;
  background: #10cb83;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.hamburger-menu.active span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

/* ================================
   MOBILE NAVIGATION MENU
   ================================ */

.mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  left: -100%;
  width: 250px;
  height: 100vh;
  background: rgba(31, 31, 31, 0.98);
  backdrop-filter: blur(10px);
  z-index: 999;
  padding: 80px 30px 30px;
  transition: left 0.3s ease;
  overflow-y: auto;
}

.mobile-nav.active {
  left: 0;
}

.mobile-nav-item {
  color: #ffffff !important;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: color 0.25s ease;
  text-decoration: none;
  display: block;
}

.mobile-nav-item:hover {
  color: #10cb83 !important;
}

.mobile-nav-buttons {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mobile-nav-button {
  background: #00623b;
  border-radius: 5px;
  border: 1px solid #0b8355;
  color: #ffffff;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
  display: block;
}

.mobile-nav-button:hover {
  background: #0b8355;
  border-color: #10cb83;
  opacity: 0.9;
  color: #ffffff;
}

.mobile-nav-button.secondary {
  background: #323232;
  border-color: #484848;
}

.mobile-nav-button.secondary:hover {
  background: #3a3a3a;
  border-color: #555;
  color: #ffffff;
}

/* ================================
   MAIN CONTAINER
   ================================ */

.ana {
  width: 100%;
  max-width: 100vw;
  padding: 0;
  margin: 0;
}

/* ================================
   MOBILE HEADER
   ================================ */





   p-95 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - 352.5px);
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  display: flex;
  align-items: center;
}
.p-94 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - 222.5px);
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  display: flex;
  align-items: center;
}
.p-93 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - 43.5px);
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  display: flex;
  align-items: center;
}
.p-91 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - -35.5px);
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  display: flex;
  align-items: center;
}
.p-90 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - 112.5px);
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  display: flex;
  align-items: center;
}
.p-89 {
  background: #00623b;
  border-radius: 5px;
  border-style: solid;
  border-color: #0b8355;
  border-width: 1px;
  width: 118px;
  height: 30px;
  position: absolute;
  left: calc(50% - -308.5px);
  top: 50%;
  translate: 0 -50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-88 {
  color: #ffffff;
  text-align: center;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  position: absolute;
  left: calc(50% - -308.5px);
  top: 50%;
  translate: 0 -50%;
  width: 118px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-87 {
  width: 110px;
  height: 30px;
  position: absolute;
  margin-top:-3px;margin-left: 585px;;
   background: #323232;
  border-radius: 5px;
  border-style: solid;
  border-color: #484848;
  border-width: 1px;
  width: 110px;
  height: 30px;
  position: absolute;

  display: flex;
  align-items: center;
  justify-content: center;
}

.dribbble {
  color: #ffffff;
  text-align: center;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  position: absolute;
  left: calc(50% - -434.5px);
  top: 50%;
  translate: 0 -50%;
  width: 110px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-86 {
  background: #1f1f1f;
  border-radius: 5px;
  width: 47px;
  height: 47px;
  position: absolute;
margin-left: 130px;;

  margin-top: 16px;;
  translate: 0 -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;;
}
.p-85 {
  color: #10cb83;
  text-align: center;
  font-family: "Bingo", sans-serif;
  font-size: 40px;
  line-height: 47px;
  font-weight: 400;
  position: absolute;
margin-left: 130px;;

  margin-top: -910px;;


  translate: 0 -50%;
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ================================
   SECTIONS
   ================================ */

section {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 80px 40px;
  display: none;;
}

/* Section class'ları için özel stiller ekleyin:
   .section-1 { }
   .section-2 { }
   .section-3 { }
   .section-4 { }
*/




.p-118,
.p-118 * {
  box-sizing: border-box;
}
.p-118 {
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  opacity: 1;
  height: 780px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1138/780;
  margin-left: -420px;;
  margin-top: 155px;;
  opacity: 0.1;
  filter: blur(0px);
  width: 200px;;
  margin-left: -2400px;
  opacity: 0;;
  
display: none;;


}

.p-118 img{width: 200px;height: 200px;object-fit: cover;;}


.p-119 {
  background: #3f3f3f;
  border-radius: 10px;
  border-style: solid;
  border-color: rgba(133, 133, 133, 0.87);
  border-width: 1px;
  opacity: 0.1;
  width: 1138px;
  height: 254px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -334.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  width: 310px;;
  margin-top: 360px;;
  margin-left: 60px;;
}
.p-116 {
  color: #ffffff;
  text-align: center;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 40px;
  line-height: 100%;
  font-weight: 300;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 423.5px);
  width: 982px;
  width: 300px;
  font-size:26px;;
  margin-left: 60px;;
  margin-top: 20px;;
}
.p-115 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - -73.5px);
  width: 383px;
  text-align: center;margin-left: 470px;font-size: 15px;width: 270px;;;
  margin-top: -40px;;
}
.p-100 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - -20px);
  top: calc(50% - -73.5px);
  width: 280px;
  margin-top: 240px;
  text-align: center;font-size: 15px;;
  margin-left: -90px;;
}
.p-99 {
  color: #000000;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 85px);
  top: calc(50% - 292.5px);
}
.p-98 {
  background: #00623b;
  border-radius: 5px;
  border-style: solid;
  border-color: #0b8355;
  border-width: 1px;
  width: 170px;
  height: 40px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 321.5px);
  margin-left: 55px;;
  margin-top: 70px;;
}

.p117 {

  position: absolute;

  margin-top: -260px;margin-left: -80;
  width: 250px;height: 250px;;

}



.p-97 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 307.5px);
  margin-left: 58px;
  width: 130px;;
  margin-top: 70px;;
}
.p-96 {
  width: 110px;
  height: 30px;
  position: absolute;
    background: #323232;
  border-radius: 5px;
  border-style: solid;
  border-color: #484848;
  border-width: 1px;
  width: 110px;
  height: 30px;
  position: absolute;

  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 580px;;
  margin-left: 155px;;
}

.dribbble {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 56px);

  margin-top: 0px;;
}
.p-92 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - -27px);
  top: calc(50% - 148.5px);
  display: none;;
}
.p-84 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - 21.5px);
  width: 366px;
  margin-left: 505px;font-size:18px;width: 200px;text-align: center;;
}
.p-83 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -20px);
  top: calc(50% - 21.5px);
  width: 366px;
  margin-top: 280px;;
  text-align: center;
  font-size: 18px;;
  margin-left: -145px;;
}
.p-82 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - -358.5px);
  width: 132px;
  margin-left: 545px;;
  margin-top: 290px;;
}
.p-81 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - 52.5px);
  width: 82px;
  margin-top: 0px;margin-left: 565px;;
}
.p-80 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -20px);
  top: calc(50% - 52.5px);
  width: 82px;
  margin-top: 280px;;
}
.p-79 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - -256.5px);
  width: 109px;
  margin-left: 550px;;
  margin-top: 300px;;
}
.p-78 {
  color: #555;
  text-align: center;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;


  width: 200px;
  margin-left: 110px;
  margin-top: -470px;;

}
.p-77 {
  background: #303030;
  border-radius: 4px;
  width: 61px;
  height: 23px;
  position: absolute;
  left: calc(50% - 185px);
  top: calc(50% - 508.5px);
  margin-left: 210px;;
}
.p-76 {
  color: #0b8355;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - 177px);
  top: calc(50% - 502.5px);
  width: 45px;
  margin-left: 210;
}
.p-75 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 424px);
  top: calc(50% - -252.5px);
  overflow: visible;
  display: none;;
}
.p-74 {
  margin-top: -1px;
  border-style: solid;
  border-color: #10cb83;
  border-width: 1px 0 0 0;
  width: 33px;
  height: 0px;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - -279.5px);
}
.p-66 {
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - -398.5px);
  width: 285px;
  margin-left: 465px;margin-top: 310px;;
}
.p-66-span {
  color: #adadad;
}
.p-66-span2 {
  color: #10cb83;
}

.hero{position: absolute;margin-top: 550px;margin-left: -55px;width: 300px;;}
   .section-1 {position: absolute;margin-top: 2500px;margin-left: 142px;; }

.p-65-1 {
  height: 300px;
  position: absolute;
  object-fit: cover;
  aspect-ratio: 411/432;
  margin-top: -1000px;;margin-left: -90;
  width: 200px;;

}

.p-73 {
  width: 110px;
  height: 30px;
  position: absolute;
    color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - -43px);
  top: calc(50% - -319.5px);  background: #0b8355;
  border-radius: 5px;
  border-style: solid;
  border-color: #10cb83;
  border-width: 1px;
  width: 110px;
  height: 30px;
  position: absolute;
  left: calc(50% - -22px);
  top: calc(50% - -309.5px);
  margin-top: 720px;;
  margin-left: -75px;;
}

.p-72 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 132px);
  top: calc(50% - -316.5px);
  width: 109px;
  margin-top: 680px;;
  margin-left: 80px;;
}
.p-71 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -312.5px);
  overflow: visible;
  display: none;;
}
.p-70 {
  border-radius: 10px;
  opacity: 1;

  position: absolute;

  width: 100px;;
  margin-top: -840px;
  margin-left: -90px;;
  width: 200px;;
}
.p-69 {
  border-radius: 10px;
  opacity: 1;

  position: absolute;

  width: 100px;;
  margin-top: -390px;
  margin-left: -90px;;
  width: 200px;;
}
.p-68 {
  border-radius: 10px;
  opacity: 1;

  position: absolute;

  width: 100px;;
  margin-top: 65px;
  margin-left: -90px;;
  width: 200px;;
}
.p-67 {
  border-radius: 10px;
  opacity: 1;

  position: absolute;

  width: 100px;;
  margin-top: 520px;
  margin-left: -90px;;
  width: 200px;;
}




.section-2,
.section-2 * {
  box-sizing: border-box;
}

.section-2 {
  position: absolute;
  margin-top: 3970px;;
  width: 900;;
  margin-left: -302px;;
  display: none;
}

.p-64 {
  background: #1f2123;
  border-radius: 10px;
  border-style: solid;
  border-color: #3a3e42;
  border-width: 1px;
  opacity: 0.4;
  width: 565px;
  height: 41px;
  position: absolute;
  left: calc(50% - -4px);
  top: calc(50% - -75.5px);
}
.p-63 {
  background: rgba(2, 47, 30, 0.23);
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: rgba(16, 203, 131, 0.23);
  border-width: 1px;
  width: 255px;
  height: 41px;
  position: absolute;
  left: calc(50% - 569px);
  top: calc(50% - 231.5px);
  margin-left: 450px;;
}
.p-62 {
  background: #282828;
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: rgba(40, 40, 40, 0.23);
  border-width: 1px;
  width: 565px;
  height: 41px;
  position: absolute;
  left: calc(50% - 569px);
  top: calc(50% - -148.5px);
}
.p-61 {
  background: #282828;
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: rgba(40, 40, 40, 0.23);
  border-width: 1px;
  width: 565px;
  height: 41px;
  position: absolute;
  left: calc(50% - -4px);
  top: calc(50% - -148.5px);
}

.p-60 {
  background: rgba(2, 47, 30, 0.23);
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: rgba(16, 203, 131, 0.23);
  border-width: 1px;
  width: 565px;
  height: 41px;
  position: absolute;
  left: calc(50% - -4px);
  top: calc(50% - 231.5px);
  margin-top: 500px;;
}
.p-59 {
  background: rgba(24, 25, 26, 0.31);
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: #3a3e42;
  border-width: 1px;
  width: 565px;
  height: 255px;
  position: absolute;
  left: calc(50% - 4px);
  top: calc(50% - -64.5px);
  box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
  margin-left: 140px;;
  width: 255px;;
}


.p-58 {
  background: rgba(24, 25, 26, 0.31);
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: #3a3e42;
  border-width: 1px;
  width: 565px;
  height: 130px;
  position: absolute;
  left: calc(50% - 4px);
  top: calc(50% - -319.5px);
  box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.p-57 {
  background: rgba(24, 25, 26, 0.31);
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: #3a3e42;
  border-width: 1px;
  width: 565px;
  height: 130px;
  position: absolute;
  left: calc(50% - -569px);
  top: calc(50% - -319.5px);
  box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.p-56 {
  background: rgba(24, 25, 26, 0.31);
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: #3a3e42;
  border-width: 1px;
  width: 565px;
  height: 255px;
  position: absolute;
  left: calc(50% - -569px);
  top: calc(50% - -64.5px);
  box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
  margin-top: 500px;;
}
.p-55 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 538px);
  top: calc(50% - 148.5px);
}
.p-54 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -33px);
  top: calc(50% - 148.5px);
}
.p-53 {
  color: #5c5c5c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 190px);
  top: calc(50% - 60.5px);
}
.p-52 {
  color: #5c5c5c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -381px);
  top: calc(50% - 60.5px);
}
.p-51 {
  color: #5c5c5c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 190px);
  top: calc(50% - 85.5px);
}
.p-50 {
  color: #5c5c5c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -381px);
  top: calc(50% - 85.5px);
}
.p-49 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 538px);
  top: calc(50% - 98.5px);
}
.p-48 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -33px);
  top: calc(50% - 98.5px);
}
.p-47 {
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 395px);
  top: calc(50% - 98.5px);
}
.p-47-span {
  color: #505050;
}
.p-47-span2 {
  color: #10cb83;
}
.p-46 {
  color: #10cb83;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 188px);
  top: calc(50% - -225.5px);
}
.p-45 {
  color: #10cb83;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -385px);
  top: calc(50% - -225.5px);
}
.p-44 {
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -176px);
  top: calc(50% - 98.5px);
}
.p-44-span {
  color: #505050;
}
.p-44-span2 {
  color: #10cb83;
}
.p-43 {
  color: #10cb83;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 439px);
  top: calc(50% - 148.5px);
}
.p-42 {
  color: #10cb83;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - -132px);
  top: calc(50% - 148.5px);
}
.p-41 {
  color: #555555;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 538px);
  top: calc(50% - 125.5px);
}
.p-40 {
  color: #555555;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -33px);
  top: calc(50% - 125.5px);
}
.p-39 {
  width: 19px;
  height: 20px;
  position: absolute;
  left: calc(50% - 227px);
  top: calc(50% - 56.5px);
  overflow: visible;
}
.p-38 {
  width: 19px;
  height: 20px;
  position: absolute;
  left: calc(50% - -339px);
  top: calc(50% - 56.5px);
  overflow: visible;
}
.p-37 {
  color: #ffffff;
  text-align: right;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.2;
  position: absolute;
  left: calc(50% - 429px);
  top: calc(50% - 98.5px);
}
.p-36 {
  color: #ffffff;
  text-align: right;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.2;
  position: absolute;
  left: calc(50% - 429px);
  top: calc(50% - -225.5px);
}
.p-35 {
  color: #ffffff;
  text-align: right;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.2;
  position: absolute;
  left: calc(50% - -144px);
  top: calc(50% - -225.5px);
}
.p-34 {
  color: #ffffff;
  text-align: right;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.2;
  position: absolute;
  left: calc(50% - -142px);
  top: calc(50% - 98.5px);
}
.p-33 {
  width: 18px;
  height: 18px;
  position: absolute;
  left: calc(50% - -33px);
  top: calc(50% - -87.5px);
  overflow: visible;
}
.p-32 {
  color: #c3c3c3;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 538px);
  top: calc(50% - 218.5px);
  margin-left: 500px;;
}
.p-31 {
  color: #c3c3c3;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 538px);
  top: calc(50% - -161.5px);
}
.p-30 {
  color: #c3c3c3;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -33px);
  top: calc(50% - 218.5px);
}
.p-29 {
  color: #c3c3c3;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -33px);
  top: calc(50% - -161.5px);
}
.p-28 {
  color: #606060;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -63px);
  top: calc(50% - -87.5px);
}
.p-27 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - 304.5px);
  width: 244px;
  margin-left: 415px;
  text-align: center;
  font-size:20px;
  margin-top: -20px;;
}
.p-24 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 544px);
  top: calc(50% - 335.5px);
  width: 82px;
  margin-top: -20px;;
  margin-left: 520px;;
}
.p-2 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 538px);
  top: calc(50% - -225.5px);
}
.p-1 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -35px);
  top: calc(50% - -225.5px);
}

.section-3,
.section-3 * {
  box-sizing: border-box;
}
.section-3 {
  position: absolute;margin-top: 3890px;margin-left: 325;
}
.p-126 {
  height: 200px;
  position: absolute;
  object-fit: cover;
  aspect-ratio: 411/432;
  margin-top: -350px;;margin-left: -270;
  width: 200px;;

}
.p-125 {
  background: #1f1f1f;
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  width: 290px;
  height: 174px;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 23.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  margin-left: 230px;;
  margin-top: 390px;;
}
.p-124 {
  background: #1f1f1f;
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  width: 290px;
  height: 174px;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 23.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  margin-left: 230px;;
  margin-top: 960px;
}


.p-123 {
  background: #1f1f1f;
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  width: 290px;
  height: 174px;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 23.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  margin-left: 230px;;
  z-index: -1;
}


.p-122 {
  background: #1f1f1f;
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  width: 290px;
  height: 174px;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 23.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  margin-left: 230px;;
  margin-top: 580;
}
.p-121 {
  background: #1f1f1f;
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  width: 290px;
  height: 174px;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 23.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  margin-left: 230px;;
  margin-top: 200px;;
}
.p-120 {
  background: #1f1f1f;
  border-radius: 10px;
  border-style: solid;
  border-color: #1f1f1f;
  border-width: 1px;
  width: 290px;
  height: 174px;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 23.5px);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  margin-left: 230px;;
  margin-top: 770px;;
}
.p-114 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 514.5px);
  top: calc(50% - -33.5px);
  width: 194px;
  margin-left: 220px;;
  margin-top: 10px;;
}
.p-113 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 514.5px);
  top: calc(50% - -218.5px);
  width: 194px;
  margin-left: 220px;margin-top: 400px;;
}
.p-112 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 138.5px);
  top: calc(50% - -33.5px);
  width: 194px;
  margin-left: -157;
  margin-top: 210px;;
}
.p-111 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 138.5px);
  top: calc(50% - -218.5px);
  width: 194px;
  margin-left: -155px;margin-top: 590px;;
}
.p-110 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - -237.5px);
  top: calc(50% - -33.5px);
  width: 194px;
  margin-left: -530px;margin-top: 400px;;
}
.p-109 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - -237.5px);
  top: calc(50% - -218.5px);
  width: 194px;
  margin-top: 790px;margin-left: -530px;;
}
.p-108 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 514.5px);
  top: calc(50% - -64.5px);
  width: 227px;
  margin-left: 220px;;
  margin-top: 10px;;
  font-size:16px;
}
.p-105 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 514.5px);
  top: calc(50% - -249.5px);
  width: 227px;
  margin-left: 220px;margin-top: 400px;font-size:16px;;
}
.p-104 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 138.5px);
  top: calc(50% - -64.5px);
  width: 227px;
  margin-left: -156px;;
  margin-top: 210px;
  font-size:16px;;
}
.p-103 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - 138.5px);
  top: calc(50% - -249.5px);
  width: 194px;font-size:16px;margin-top: 590px;margin-left: -155px;;
}
.p-102 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - -237.5px);
  top: calc(50% - -64.5px);
  width: 194px;
  margin-left: -530px;margin-top: 400px;;
  font-size:16px;
}
.p-101 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 300;
  position: absolute;
  left: calc(50% - -237.5px);
  top: calc(50% - -249.5px);
  width: 194px;
  margin-left: -530px;margin-top: 790px;;
  font-size:16px;
}
.p-26 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 112.5px);
  width: 244px;
  margin-left: 255px;;
  font-size:18px;
text-align: center;
}
.p-23 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 556.5px);
  top: calc(50% - 143.5px);
  width: 82px;
  margin-left: 355px;;
}
.p-21 {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 255.5px);
  top: calc(50% - 0.5px);
  overflow: visible;
  margin-left: -40px;;
}
.p-20 {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -120.5px);
  top: calc(50% - 0.5px);
  overflow: visible;  margin-left: -40px;;
  margin-left: -415px;;
  margin-top: 200px;;
}
.p-19 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -496.5px);
  top: calc(50% - 0.5px);
  overflow: visible;   margin-left: -790px;;
  margin-top: 390px;;
}
.p-18 {
  border-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 255.5px);
  top: calc(50% - -185.5px);
  overflow: visible;   margin-left: -40px;;
  margin-top: 390px;;
}
.p-17 {
  border-radius: 5px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -120.5px);
  top: calc(50% - -185.5px);
  overflow: visible;    margin-left: -415px;;
  margin-top: 580px;;
}
.p-16 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -496.5px);
  top: calc(50% - -185.5px);
  overflow: visible;  margin-left: -790px;;
  margin-top: 780px;;
}
.section-4,
.section-4 * {
  box-sizing: border-box;
}

.sadecemobile{display: block;position: fixed;max-width: 200px;opacity: 1;bottom:-20px;margin-left:-110px;;z-index: 19;left:50%;}

.mobilbosluk{position: absolute;width: 1px;height: 1px;margin-top: 5600px;}


 #instructions {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    background-color:#666;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 10;
    text-align: center;
  }

   #container {
    max-width: 200px;
    height: 200px;
  }


.section-4 {
  position: absolute;
  margin-top: 5100px;
  margin-left: -52px;
  padding-bottom: 100px;
  width: 300px;;
}
.p-107 {
  color: #999999;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 16px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 404.5px);
  top: calc(50% - -75.5px);
  width: 172px;
  margin-bottom: 50px;
  margin-top: 60px;margin-left: 370px;;
}
.p-106 {
  color: #10cb83;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 16px;
  line-height: 127%;
  letter-spacing: 0.02em;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 221.5px);
  top: calc(50% - -75.5px);
  width: 172px;  margin-top: 80px;margin-left: 200px;;
}
.p-25 {
  color: #ffffff;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 404.5px);
  top: calc(50% - 56.5px);
  width: 244px;
  text-align: center;margin-left: 330px;;font-size:20px;
  margin-top: -50px;
}
.p-22 {
  color: #9c9c9c;
  text-align: left;
  font-family: "SaansTRIAL", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 404.5px);
  top: calc(50% - 87.5px);
  width: 118px;
  margin-left: 400px;;
  margin-top: -50px;;
}
.p-15 {
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 24px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -41.5px);
  top: calc(50% - 55.5px);
  width: 290px;
  margin-left: -140px;;
  margin-top: 100px;;
  display: none;;
}
.p-15-span {
  color: #ffffff;
  font-family: "SaansTRIAL", sans-serif;
  font-weight: 300;
}
.p-15-span2 {
  color: #10cb83;
  font-family: "SaansTRIAL", sans-serif;
  font-style: italic;
}
.p-14 {
  background: #1f1f1f;
  border-radius: 5px;
  width: 63px;
  height: 63px;
  position: absolute;
  left: calc(50% - -341.5px);
  top: calc(50% - 60.5px);display: none;
}
.p-13 {
  color: #10cb83;
  text-align: left;
  font-family: "Bingo", sans-serif;
  font-size: 60px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -357.5px);
  top: calc(50% - 66.5px);
  width: 35px;
  height: 60px;display: none;
}
.p-12 {
  width: 88px;
  height: 72px;
  position: absolute;
  left: calc(50% - -233.5px);
  top: calc(50% - 67.5px);
  object-fit: cover;display: none;;
}
.p-11 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -310.5px);
  top: calc(50% - 42.5px);
  overflow: visible;display: none;;
}
.p-10 {
  background: #00623b;
  border-radius: 5px;
  border-style: solid;
  border-color: #0b8355;
  border-width: 1px;
  width: 118px;
  height: 30px;
  position: absolute;
  left: calc(50% - 286.5px);
  top: calc(50% - -20.5px);
    margin-left: 275px;;
  margin-top: 0px;;
}
.p-9 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 265.5px);
  top: calc(50% - -28.5px);      margin-left: 275px;;
  margin-top: 0px;;
}
.p-6 {
  width: 110px;
  height: 30px;
  position: static;
}
.p-8 {
  background: #323232;
  border-radius: 5px;
  border-style: solid;
  border-color: #484848;
  border-width: 1px;
  width: 110px;
  height: 30px;
  position: absolute;
  left: calc(50% - 160.5px);
  top: calc(50% - -20.5px);
      margin-left: 152px;;
  margin-top: 50px;;
}
.p-7 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 139.5px);
  top: calc(50% - -28.5px);      margin-left: 152px;;
  margin-top: 50px;;
}
.p-3 {
  width: 110px;
  height: 30px;
  position: static;
}
.p-5 {
  background: #202020;
  border-radius: 5px;
  border-style: solid;
  border-color: #484848;
  border-width: 1px;
  width: 110px;
  height: 30px;
  position: absolute;
  left: calc(50% - 404.5px);
  top: calc(50% - -20.5px);
  margin-left: 395px;;
  margin-top: -50px;;
}
.p-4 {
  color: #ffffff;
  text-align: left;
  font-family: "JetBrainsMono", sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: calc(50% - 383.5px);
  top: calc(50% - -28.5px);  margin-left: 395px;;
  margin-top: -50px;;
}

/* ================================
   MINIMAL HOVER EFFECTS
   ================================ */

/* Instagram Buttons */
.p-89:hover,
.p-10:hover {
  background: #0b8355;
  border-color: #10cb83;
  opacity: 0.9;
}

.p-88:hover,
.p-9:hover {
  color: #10cb83;
}

/* Dribbble Buttons */
.rectangle-3:hover,
.p-87:hover,
.p-96:hover,
.p-8:hover {
  background: #3a3a3a;
  border-color: #555;
  opacity: 0.9;
}

.dribbble:hover,
.p-7:hover {
  color: #10cb83;
}

/* Section-1 Dribbble Button */
.p-73:hover {
  background: #10cb83;
  border-color: #0b8355;
  opacity: 0.9;
}

.p-73:hover .dribbble {
  color: #ffffff;
}

/* GET OFFER NOW Button */
.p-98:hover {
  background: #0b8355;
  border-color: #10cb83;
  opacity: 0.9;
}

.p-97:hover {
  color: #10cb83;
}

/* Whatsapp Button */
.p-5:hover {
  background: #2a2a2a;
  border-color: #555;
  opacity: 0.9;
}

.p-4:hover {
  color: #10cb83;
}

/* Smooth transitions for all buttons */
.p-89, .p-88, .p-87, .rectangle-3, .dribbble,
.p-98, .p-97, .p-96, .p-73,
.p-10, .p-9, .p-8, .p-7, .p-5, .p-4 {
  transition: all 0.25s ease;
  cursor: pointer;
}

/* Logo hover effect - minimal */
.p-85:hover,
.p-86:hover {
  opacity: 0.8;
}

.p-85, .p-86 {
  transition: opacity 0.25s ease;
}

/* Page bottom spacing */
.ana {
  padding-bottom: 150px;
}

/* Menu hover effects - minimal */
.p-95:hover,
.p-94:hover,
.p-93:hover,
.p-91:hover,
.p-90:hover {
  color: #10cb83;
  cursor: pointer;
}

.p-95, .p-94, .p-93, .p-91, .p-90 {
  transition: color 0.25s ease;
}

/* Service Cards hover effects - minimal border color change */
.p-120:hover,
.p-121:hover,
.p-122:hover,
.p-123:hover,
.p-124:hover,
.p-125:hover {
  border-color: #10cb83;
  cursor: pointer;
}

.p-120, .p-121, .p-122, .p-123, .p-124, .p-125 {
  transition: border-color 0.25s ease;
}

/* Service Cards içindeki text ve iconlar için pointer-events none */
.p-114, .p-113, .p-112, .p-111, .p-110, .p-109,
.p-108, .p-105, .p-104, .p-103, .p-102, .p-101,
.p-21, .p-20, .p-19, .p-18, .p-17, .p-16 {
  pointer-events: none;
}

/* Phone Images hover effects - opacity increase */
.p-67:hover,
.p-68:hover,
.p-69:hover,
.p-70:hover {
  opacity: 1;
  cursor: pointer;
}

.p-67, .p-68, .p-69, .p-70 {
  transition: opacity 0.25s ease;
}

   .p-95{display: none;;}
   .p-94{display: none;;}
   .p-93{display: none;;}
   .p-91{display: none;;}
   .p-88{display: none;;}
      .p-90{display: none;;}
            .p-87{display: none;;}
                        .p-89{display: none;;}

}