@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

.container {
  width: 90%;
  margin: 0 auto;
}

@font-face {
    font-family: 'CocoSharp';
    src: url('/font/CocoSharp-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
  }
  
  .modal_overlay{
      display: none;
  }
.header {
  display: none;
}

.header.inner_sticky {
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    color: black;
}

.inner_sticky .header_sol .header_logo a .logo_ag{
    display: none;
}

.inner_sticky .header_sol .header_logo a .logo_qara{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.inner_sticky .header_sol .header_elaqe a{
    background-color: rgba(217, 217, 217, 0.1490196078) !important;
}

.inner_sticky .header_sol .header_elaqe a span{
    color: black !important;
}

.inner_sticky .header_sol .header_elaqe a i,span{
    color: black;
}

.inner_sticky .header_sag nav .navbar li a{
    color: black;
}

.inner_sticky .header_sag .header_buttons .kabinet span{
    color: red !important;
}

.mobile_menu {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  padding-inline: 20px;
  padding-block: 12px;
  transition: all 0.3s linear;
}
.mobile_menu .mobile_header_sol .mobile_ag {
  width: 78px;
  height: 64px;
}
.mobile_menu .mobile_header_sol .mobile_qara {
  display: none;
}
.mobile_menu .mobile_header_sag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.mobile_menu .mobile_header_sag .zeng a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}
.mobile_menu .mobile_header_sag .zeng a i {
  color: white;
  font-weight: bold;
}
.mobile_menu .mobile_header_sag .zeng a span {
  color: white;
}
.mobile_menu .mobile_header_sag .ham_menu {
  height: 35px;
  width: 35px;
  position: relative;
  border-radius: 50%;
  background-color: red;
  z-index: 99;
}
.mobile_menu .mobile_header_sag .ham_menu span {
  width: 60%;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 54%;
  left: 20%;
  transition: 0.3s ease;
  z-index: 1;
  transform-origin: center;
}
.mobile_menu .mobile_header_sag .ham_menu span:nth-child(1) {
  top: 40%;
}
.mobile_menu .mobile_header_sag .ham_menu span:nth-child(2) {
  top: 55%;
}
.mobile_menu .mobile_header_sag .ham_menu.active span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
.mobile_menu .mobile_header_sag .ham_menu.active span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
.mobile_menu .mobile_header_sag .gizli_menu {
  z-index: 98;
  position: fixed;
  right: -100%;
  width: 100%;
  height: 100vh;
  top: 0;
  overflow-y: scroll;
  transition: 0.3s ease;
  display: flex;
  flex-direction: column;
  background-color: red;
  padding-bottom: 30px;
}
.mobile_menu .mobile_header_sag .gizli_menu .gizli_menu_ust {
  padding-block: 10px;
  padding-inline: 14px;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
}
.mobile_menu .mobile_header_sag .gizli_menu .gizli_menu_ust img {
  width: 78px;
  height: 64px;
}
.mobile_menu .mobile_header_sag .gizli_menu .gizli_menu_ust a {
  padding-top: 10px;
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.mobile_menu .mobile_header_sag .gizli_menu .gizli_menu_ust a i,
.mobile_menu .mobile_header_sag .gizli_menu .gizli_menu_ust a span {
  color: black;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  margin-bottom: 20px;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu .ust_li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid white;
  padding-block: 18px;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu .ust_li a {
  color: white;
  font-size: 19px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-inline: 14px;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu .ust_li i {
  color: white;
  font-size: 19px;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu .ust_li .submenu {
  display: none;
  width: 100%;
  flex-direction: column;
  margin: 0;
  width: 100%;
  padding-inline: 12px;
  margin-top: 15px;
  gap: 10px;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu .ust_li .submenu li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-block: 14px;
  box-shadow: inset 0.1em 0.1em 0.1em 0 rgba(255, 255, 255, 0.5), inset -0.1em -0.1em 0.1em 0 rgba(0, 0, 0, 0.5);
  border: none;
}
.mobile_menu .mobile_header_sag .gizli_menu .ic_menu .ust_li .submenu li a {
  color: white;
  font-size: 19px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mobile_menu .mobile_header_sag .gizli_menu .buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.mobile_menu .mobile_header_sag .gizli_menu .buttons a {
  min-width: 130px;
  padding: 15px;
  text-align: center;
  display: inline-block;
  border-radius: 6px;
}
.mobile_menu .mobile_header_sag .gizli_menu .buttons a:nth-child(1) {
  background-color: black;
  color: white;
}
.mobile_menu .mobile_header_sag .gizli_menu .buttons a:nth-child(2) {
  background-color: #E64C21;
  color: white;
}
.mobile_menu .mobile_header_sag .gizli_menu .diller {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
.mobile_menu .mobile_header_sag .gizli_menu .diller a {
  color: black;
  background-color: white;
  padding: 10px;
  border-radius: 2px;
  min-width: 50px;
  text-align: center;
}
.mobile_menu .mobile_header_sag .gizli_menu.active {
  right: 0;
}

.mobile_scrolled {
  background-color: #fff;
}
.mobile_scrolled .mobile_header_sol .mobile_ag {
  display: none;
}
.mobile_scrolled .mobile_header_sol .mobile_qara {
  display: flex;
  width: 78px;
  height: 64px;
}
.mobile_scrolled .mobile_header_sag .zeng a i,
.mobile_scrolled .mobile_header_sag .zeng a span {
  color: black;
}

.call_center {
  display: none;
}

.verticalSwiper {
  width: 100%;
  height: 450px;
  position: relative;
}
.verticalSwiper .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  position: relative;
}

.verticalSwiper .swiper-wrapper .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.verticalSwiper .swiper-wrapper .swiper-slide .kicik_sekil {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.verticalSwiper .swiper-wrapper .swiper-slide .boyuk_sekil {
  display: none;
}
.verticalSwiper .swiper-wrapper .swiper-slide .slide_yazi {
  position: absolute;
  width: 60%;
  padding-left: 5px;
}
.verticalSwiper .swiper-wrapper .swiper-slide .slide_yazi h1 {
  color: white;
  font-weight: normal;
  font-size: 38px;
}
.verticalSwiper .custom-progress {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  z-index: 10;
}
.verticalSwiper .custom-progress .progress-track {
  width: 1px;
  height: 100%;
  background-color: white;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
.verticalSwiper .custom-progress .progress-track .progress-fill {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  /* Başlanğıcda sıfır olmalı */
  background: linear-gradient(to top, #d40000, #ff4d4d);
  border-radius: 2px;
  animation: progressFill 3.1s linear infinite;
}
.verticalSwiper .custom-progress .slide-number {
  margin-bottom: 70px;
  margin-left: 10px;
  margin-right: 10px;
  color: white;
  font-size: 16px;
}
.verticalSwiper .swiper-button-prev {
  position: absolute;
  top: unset;
  left: 70%;
  bottom: 5%;
  color: white;
}
.verticalSwiper .swiper-button-prev::after {
  font-size: 25px;
}
.verticalSwiper .swiper-button-next {
  right: 22px;
  left: auto;
  top: unset;
  bottom: 5%;
  color: white;
}
.verticalSwiper .swiper-button-next::after {
  font-size: 25px;
}
@keyframes progressFill {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}

#tarif {
  background-color: #f5f5f5;
}

.tarifler {
  display: flex;
  flex-direction: column;
}
.tarifler .tarif_basliq {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}
.tarifler .tarif_basliq h2 {
  font-size: 33px;
}
.tarifler .tarif_basliq p {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  padding-inline: 4px;
}
.tarifler .tarif_basliq .internet_novleri {
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: scroll;
  flex-wrap: nowrap;
  white-space: nowrap;
  color: black;
  font-size: 19px;
  font-weight: bold;
}
.tarifler .tarif_basliq .internet_novleri div {
  padding-bottom: 10px;
  cursor: pointer;
}
.tarifler .tarif_basliq .internet_novleri .active_div {
  border-bottom: solid 1px black;
}
.tarifler .tarif_basliq .secim {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.tarifler .tarif_basliq .secim span {
  color: red;
  font-size: 20px;
}
.tarifler .tarif_basliq .secim .label_active {
  width: 100px;
  border: solid 1px grey;
  height: 30px;
  border-radius: 14px;
  position: relative;
}
.tarifler .tarif_basliq .secim .label_active input {
  opacity: 0;
}
.tarifler .tarif_basliq .secim .label_active .yumru {
  width: 30px;
  height: 30px;
  background-color: red;
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: 50%;
}
.tarifler .reklam {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tarifler .reklam .next_layout {
  position: absolute;
  top: 40px;
  width: 50px;
  height: 427px;
  background-color: #000;
  opacity: 0.4;
  z-index: 222;
  filter: blur(1px);
  cursor: pointer;
  right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.tarifler .reklam .prev_layout {
  position: absolute;
  top: 40px;
  width: 50px;
  height: 427px;
  background-color: #000;
  opacity: 0.4;
  z-index: 222;
  filter: blur(1px);
  cursor: pointer;
  left: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tarifler .reklam .owl-dots {
  display: none;
}
.tarifler .reklam .owl-prev,
.tarifler .reklam .owl-next {
  display: none;
}
.tarifler .reklam .owl-carousel {
  width: 100%;
  padding-block: 40px;
}
.tarifler .reklam .owl-carousel .item {
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0px 2px 30px -9px rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  background: #fff;
}
.tarifler .reklam .owl-carousel .item .kart_ust {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  background-color: #ED1C24;
  padding: 10px 10px 30px 10px;
}
.tarifler .reklam .owl-carousel .item .kart_ust .ulduz {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.tarifler .reklam .owl-carousel .item .kart_ust .ulduz i {
  color: white;
}
.tarifler .reklam .owl-carousel .item .kart_ust .gpon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.tarifler .reklam .owl-carousel .item .kart_ust .gpon h2 {
  font-size: 27px;
  color: white;
}
.tarifler .reklam .owl-carousel .item .kart_ust .gpon p {
  width: 73px;
  padding-block: 3px;
  border-radius: 25px;
  background-color: white;
  color: black;
  font-size: 14px;
  z-index: 10;
}
.tarifler .reklam .owl-carousel .item .kart_ust img {
  width: 90%;
  position: absolute;
  right: -100px;
  top: -50px;
  filter: grayscale(1) brightness(10);
}
.tarifler .reklam .owl-carousel .item .kart_alt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tarifler .reklam .owl-carousel .item .kart_alt .suret {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-left: 10px;
}
.tarifler .reklam .owl-carousel .item .kart_alt .suret span {
  font-weight: 700;
  font-size: 48px;
  display: flex;
  align-items: flex-end;
}
.tarifler .reklam .owl-carousel .item .kart_alt .suret span i {
  height: 20px;
  font-size: 12px;
  color: grey;
  letter-spacing: 1.5px;
}
.tarifler .reklam .owl-carousel .item .kart_alt .suret .suret_img {
  display: none;
}
.tarifler .reklam .owl-carousel .item .kart_alt .servis {
  padding: 20px 0;
  border-top: 1px solid rgb(207, 207, 207);
  border-bottom: 1px solid rgb(207, 207, 207);
}
.tarifler .reklam .owl-carousel .item .kart_alt .servis span {
  display: inline-block;
  width: 70px;
  font-weight: normal;
  color: grey;
  font-size: 18px;
  text-align: center;
}
.tarifler .reklam .owl-carousel .item .kart_alt .qiymet_qutu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  gap: 5px;
}
.tarifler .reklam .owl-carousel .item .kart_alt .qiymet_qutu .qiymet {
  font-size: 30px;
  font-weight: bold;
}
.tarifler .reklam .owl-carousel .item .kart_alt .qiymet_qutu .valyuta,
.tarifler .reklam .owl-carousel .item .kart_alt .qiymet_qutu .ay {
  color: grey;
  font-size: 15px;
}
.tarifler .reklam .owl-carousel .item .kart_alt .qosul {
  width: 70%;
  height: 60px;
  padding-block: 0;
  background-color: red;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: heartbeatGlow 2s infinite ease-in-out;
}
.tarifler .reklam .owl-carousel .item .kart_alt .qosul a {
  color: white;
  font-size: 18px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes heartbeatGlow {
  0% {
    box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0.8);
  }
  100% {
    box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
  }
}

.kalkulyator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 60px;
}
.kalkulyator > div {
  width: 100%;
}
.kalkulyator .kalkulyator_basliq {
  padding-bottom: 20px;
  width: 100%;
}
.kalkulyator .kalkulyator_basliq h2 {
  font-size: 34px;
  padding-bottom: 10px;
}
.kalkulyator .kalkulyator_basliq p {
  font-size: 17px;
}
.kalkulyator .internet_tarifi {
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 1px;
  cursor: pointer;
}
.kalkulyator .internet_tarifi .slide_basliq {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: linear-gradient(49deg, rgb(34, 27, 29) 0%, rgb(237, 28, 36) 100%);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-inline: 12px;
  padding-block: 14px;
}
.kalkulyator .internet_tarifi .slide_basliq h2 {
  color: white;
  font-size: 19px;
}
.kalkulyator .internet_tarifi .slide_basliq i {
  color: white;
}
.kalkulyator .internet_tarifi .tarif-wrapper {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 15px;
  width: 100%;
  padding-inline: 15px;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tab-menu {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 10px;
  padding-bottom: 20px;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tab-menu li:nth-child(1) {
  grid-column: 1/3;
  background-color: #221B1D;
  border: 1px solid #221B1D;
  border-radius: 5px;
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  width: 120px;
  padding-block: 10px;
  padding-inline: 10px;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tab-menu li:nth-child(2) {
  padding-left: 5px;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list li span {
  font-weight: normal;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list li strong {
  font-weight: normal;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list li {
  position: relative;
  margin-bottom: 10px;
  width: 50%;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list input[type=radio] {
  display: none;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list label {
  position: relative;
  display: block;
  padding: 10px 10px 10px 35px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list label::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid red;
  background-color: white;
  transition: 0.3s;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list input[type=radio]:checked + label {
  border-color: red;
  background: #ffe5e5;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list input[type=radio]:checked + label::before {
  background-color: red;
  box-shadow: 0 0 5px red;
}
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list input[type=radio]:checked + label strong,
.kalkulyator .internet_tarifi .tarif-wrapper .tarif-list input[type=radio]:checked + label span {
  color: red;
}
.kalkulyator #internet_tarifi .slide_basliq {
  border-radius: 0;
}
.kalkulyator #internet_tarifi_son {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.kalkulyator #internet_tarifi_son .slide_basliq {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.kalkulyator #internet_tarifi_son .tarif_wrapper {
  padding-block: 10px;
}
.kalkulyator .ters .slide_basliq {
  background: linear-gradient(297deg, rgb(34, 27, 29) 0%, rgb(237, 28, 36) 100%);
}
.kalkulyator .internet_tarifi i {
  transition: transform 0.3s ease;
  cursor: pointer;
}
.kalkulyator .internet_tarifi i.rotate {
  transform: rotate(180deg);
}
.kalkulyator .qiymet_hesablama {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 2px #ffd8d8;
  background: #eee;
  padding-block: 18px;
  width: 100%;
  margin-top: 15px;
  border-radius: 8px;
}
.kalkulyator .qiymet_hesablama h2 {
  font-size: 44px;
  text-align: center;
}
.kalkulyator .qiymet_hesablama .umumi_mebleg {
  font-size: 20px;
  font-weight: normal;
  margin-block: 15px;
}
.kalkulyator .qiymet_hesablama .tarifleriniz {
  margin-bottom: 15px;
}
.kalkulyator .qiymet_hesablama .tarifleriniz ul {
  margin-left: 15px;
  padding-left: 0;
}
.kalkulyator .qiymet_hesablama .qosul {
  width: 110px;
  height: 50px;
  background-color: red;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: heartbeatGlow 2s infinite ease-in-out;
}
.kalkulyator .qiymet_hesablama .qosul a {
  display: inline-block;
  color: white;
  font-size: 18px;
}
@keyframes heartbeatGlow {
  0% {
    box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0.8);
  }
  100% {
    box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
  }
}

#etrafli {
  background: #252525;
}

.etrafli {
  padding-block: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.etrafli .etrafli_basliq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  gap: 20px;
}
.etrafli .etrafli_basliq h3 {
  font-size: 28px;
  color: white;
  text-align: center;
}
.etrafli .etrafli_basliq p {
  font-size: 20px;
  color: white;
  text-align: center;
  line-height: 1.5;
  opacity: 0.7;
}
.etrafli .etrafli_basliq a {
  width: 100%;
  padding-block: 16px;
  background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
  box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
  color: white;
  border-radius: 8px;
  text-align: center;
}
.etrafli .slide-frame {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}
.etrafli .slide-frame .slide-track {
  display: flex;
  height: 100%;
  width: 100%;
  /* 3 resim */
  transform: translateX(0);
  border-radius: 8px;
}
.etrafli .slide-frame .slide-track img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  border-radius: 8px;
}

.yenilikler {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 60px;
}
.yenilikler .yenilikler_basliq {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 15px;
}
.yenilikler .yenilikler_basliq h2 {
  font-size: 35px;
  font-weight: 600;
}
.yenilikler .yenilikler_basliq a {
  color: grey;
  font-size: 17px;
}
.yenilikler .myCarousel {
  width: 100%;
  padding-top: 30px;
}
.yenilikler .myCarousel .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  cursor: pointer;
}

.yenilikler .myCarousel .swiper-slide a{
    width: 100%;
}

.yenilikler .myCarousel .swiper-slide:hover .yenilikler_img img {
  transform: scale(1.1);
}
.yenilikler .myCarousel .swiper-slide .yenilikler_img {
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.yenilikler .myCarousel .swiper-slide .yenilikler_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s;
}
.yenilikler .myCarousel .swiper-slide .yenilikler_alt {
  border: solid 1px #e0e0e0;
  border-top: 0;
  background-color: rgba(251, 251, 251, 0.7882352941);
  height: 143px;
  width: 100%;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 40px;
}
.yenilikler .myCarousel .swiper-slide .yenilikler_alt h4 {
  text-align: start;
  font-size: 19px;
  font-weight: normal;
  width: 90%;
  color: black;
}

.xidmetler {
  padding-block: 60px;
}
.xidmetler h3 {
  font-size: 33px;
  margin-bottom: 30px;
}
.xidmetler .slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.xidmetler .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding: 15px;
  background: white;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.xidmetler .arrow i {
  font-size: 17px;
}
.xidmetler .left:hover #gizli_icon_sol {
  right: 0;
}
.xidmetler .left:hover #aciq_icon_sol {
  opacity: 0;
  visibility: hidden;
}
.xidmetler #gizli_icon_sol {
  position: absolute;
  right: -45px;
  color: white;
  background-color: red;
  padding: 15px;
  border-radius: 50%;
  transition: 0.3s;
}
.xidmetler .right:hover #gizli_icon_sag {
  left: 0;
}
.xidmetler .right:hover #aciq_icon_sag {
  opacity: 0;
  visibility: hidden;
}
.xidmetler #gizli_icon_sag {
  position: absolute;
  left: -45px;
  color: white;
  background-color: red;
  padding: 15px;
  border-radius: 50%;
  transition: 0.3s;
}
.xidmetler .buttons-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 1;
}
.xidmetler .buttons-wrapper::-webkit-scrollbar {
  display: none;
}
.xidmetler .tab {
  flex: 0 0 auto;
  padding: 14px 20px;
  background: #eee;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.3s;
  white-space: nowrap;
}
.xidmetler .tab.active {
  background: red;
  color: white;
}
.xidmetler .tab-contents {
  margin-top: 30px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.xidmetler .tab-content {
  display: none;
}
.xidmetler .tab-content .servis {
  padding-block: 30px;
  padding-inline: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 45px;
}
.xidmetler .tab-content .servis .servis_img {
  width: 100%;
}
.xidmetler .tab-content .servis .servis_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.xidmetler .tab-content .servis .servis_melumat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 25px;
}
.xidmetler .tab-content .servis .servis_melumat h4 {
  font-size: 32px;
  font-weight: bold;
}
.xidmetler .tab-content .servis .servis_melumat p {
  font-size: 17px;
  opacity: 0.7;
  line-height: 1.3;
}
.xidmetler .tab-content .servis .servis_melumat a {
  width: 170px;
  padding-block: 16px;
  background-color: #EA1D24;
  color: white;
  border-radius: 35px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.xidmetler .tab-content .servis .servis_melumat a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgb(160, 89, 89);
  transition: 0.4s;
  opacity: 0.5;
}
.xidmetler .tab-content .servis .servis_melumat a:hover::before {
  width: 100%;
}
.xidmetler .tab-content.active {
  display: block;
}

#xidmetler {
  background-color: #f2f2f2;
}

.myconnect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 40px;
  gap: 40px;
  padding-inline: 10px;
}
.myconnect .connect_img {
  height: 276px;
}
.myconnect .connect_img img {
  width: 100%;
  height: 100%;
}
.myconnect .connect_yazi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.myconnect .connect_yazi h4 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.myconnect .connect_yazi p {
  text-align: center;
  font-size: 20px;
  opacity: 0.9;
  line-height: 1.5;
  margin-bottom: 20px;
}
.myconnect .connect_yazi .connect_alt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.myconnect .connect_yazi .connect_alt .qr_kod {
  width: 110px;
  height: 110px;
}
.myconnect .connect_yazi .connect_alt .qr_kod img {
  width: 100%;
  height: 100%;
}
.myconnect .connect_yazi .connect_alt .connect_buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.myconnect .connect_yazi .connect_alt .connect_buttons h5 {
  font-size: 18px;
}
.myconnect .connect_yazi .connect_alt .connect_buttons span {
  font-size: 17px;
}
.myconnect .connect_yazi .connect_alt .connect_buttons .ikili_buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.myconnect .connect_yazi .connect_alt .connect_buttons .ikili_buttons a {
  font-size: 16px;
  background-color: #EA1D24;
  padding: 15px 30px;
  border-radius: 35px;
  color: #fff;
  display: inline-block;
  transition: 0.4s all ease;
}
.myconnect .connect_yazi .connect_alt .connect_buttons .ikili_buttons a:hover {
  opacity: 0.7;
}

.footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1333333333);
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer .footer_pc {
  display: none;
}
.footer .footer_ust {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  padding-block: 60px;
}
.footer .footer_ust .f_list {
  padding-inline: 8px;
}
.footer .footer_ust .f_list h5 {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 17px;
}
.footer .footer_ust .f_list li a {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.55);
  transition: all 0.3s linear;
  font-weight: normal;
}
.footer .footer_ust .f_list li a:hover {
  color: #000;
}
.footer .xett {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1333333333);
}
.footer .footer_alt_mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 40px;
  gap: 15px;
}
.footer .footer_alt_mobile .mobile_ust {
  display: flex;
  flex-direction: row;
}
.footer .footer_alt_mobile .mobile_ust .footer_logo {
  width: 110px;
  margin-right: 8px;
}
.footer .footer_alt_mobile .mobile_ust .footer_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer .footer_alt_mobile .mobile_ust p {
  font-size: 15px;
  line-height: 25px;
  width: 65%;
}
.footer .footer_alt_mobile .mobile_orta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.footer .footer_alt_mobile .mobile_orta .nomre {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
  width: 100%;
}
.footer .footer_alt_mobile .mobile_orta .nomre li {
  width: 100px;
}
.footer .footer_alt_mobile .mobile_orta .nomre li a {
  color: black;
  display: inline-block;
  font-weight: bold;
  line-height: 1.8;
}
.footer .footer_alt_mobile .mobile_orta .foot_dil {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  width: 100%;
}
.footer .footer_alt_mobile .mobile_orta .foot_dil .az {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.footer .footer_alt_mobile .mobile_orta .foot_dil .az i {
  font-size: 18px;
}
.footer .footer_alt_mobile .mobile_orta .foot_dil .foot_sosial {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.footer .footer_alt_mobile .mobile_orta .foot_dil .foot_sosial i {
  font-size: 17px;
}
.footer .footer_alt_mobile .mobile_alt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.footer .footer_alt_mobile .mobile_alt .okmedia {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.footer .footer_alt_mobile .mobile_alt .okmedia img {
  width: 80px;
  height: 17px;
}
.footer .footer_alt_mobile .mobile_alt .copyright {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .footer_alt_mobile .mobile_alt .copyright span {
  text-align: center;
  line-height: 1.8;
}

/*yenilikler ic sehife*/
.qirmizi_fon{
    background: linear-gradient(180deg, rgb(34, 27, 29) 46%, rgb(237, 28, 36) 100%);
  height: 40vh;
  width: 100%;
  display: flex;
  align-items: self-end;
  padding-bottom: 10px;
  padding-left: 10px;
}

.qirmizi_fon h2 a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 17px;
}

.grid_column{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding-block: 40px;
}

.grid_column .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    cursor: pointer;
}

.grid_column .swiper-slide a{
    width: 100%;
}

.grid_column .swiper-slide a .yenilikler_img{
    width: 100%;
    height: 270px;
    overflow: hidden;
}

.grid_column .swiper-slide a .yenilikler_img img{
        width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.grid_column .swiper-slide a .yenilikler_alt{
    border: solid 1px #e0e0e0;
    border-top: 0;
    background-color: rgba(251, 251, 251, 0.7882352941);
    height: 143px;
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 40px;
}

.grid_column .swiper-slide a .yenilikler_alt h4{
        text-align: start;
    font-size: 19px;
    font-weight: normal;
    width: 90%;
    color: black;
}

/*yenilikler ic sehife bitir*/

 /*haqqmizida ic sehife*/
    .haqqimizda {
  display: flex;
  flex-direction: column;
}
.haqqimizda .qirmizi_fon {
  background: linear-gradient(180deg, rgb(34, 27, 29) 46%, rgb(237, 28, 36) 100%);
  height: 40vh;
  width: 100%;
  display: flex;
  align-items: self-end;
  padding-bottom: 10px;
  padding-left: 10px;
}
.haqqimizda .qirmizi_fon h2 a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 17px;
}
.haqqimizda .about {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.haqqimizda .about .about_sol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-inline: 10px;
  padding-block: 40px;
}
.haqqimizda .about .about_sol .about_basliq {
  display: flex;
  flex-direction: row;
  padding-bottom: 15px;
  gap: 20px;
  width: 100%;
}
.haqqimizda .about .about_sol .about_basliq h2 {
  font-size: 26px;
  color: grey;
  padding-bottom: 15px;
  cursor: pointer;
}
.haqqimizda .about .about_sol .about_basliq h2.active {
  border-bottom: 2px solid #bd1717;
  font-weight: bold;
  color: black;
}
.haqqimizda .about .about_sol .about_aciqlama .haqqinda {
  display: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  flex-direction: column;
}
.haqqimizda .about .about_sol .about_aciqlama .haqqinda p {
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.5;
}
.haqqimizda .about .about_sol .about_aciqlama .contact {
  display: none;
}
.haqqimizda .about .about_sol .about_aciqlama .contact p {
  margin-bottom: 18px;
  line-height: 1.5;
  font-size: 17px;
}
.haqqimizda .about .about_sol .about_aciqlama > div.active {
  display: block;
  opacity: 1;
}
.haqqimizda .about .about_sag {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding-block: 30px;
  padding-inline: 10px;
  width: 100%;
}
.haqqimizda .about .about_sag h2 {
  font-weight: bold;
  margin-bottom: 15px;
}
.haqqimizda .about .about_sag ul {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  gap: 8px;
}
.haqqimizda .about .about_sag ul li a {
  color: grey;
  font-size: 17px;
}
.haqqimizda .about .about_sag ul li:nth-child(1) a {
  color: black;
  position: relative;
}
.haqqimizda .about .about_sag ul li:nth-child(1) a::before {
  content: "";
  position: absolute;
  width: 2px;
  left: -10px;
  height: 100%;
  background-color: #EA1D24;
}
.haqqimizda .xerite {
  width: 100%;
}
.haqqimizda .xerite iframe {
  width: 100%;
}
  /*haqqimizda ic sehife bitir*/
  
  /*elaqe ic sehife*/
  
  .forms .qirmizi_fon {
  background: linear-gradient(180deg, rgb(34, 27, 29) 46%, rgb(237, 28, 36) 100%);
  height: 40vh;
  width: 100%;
  display: flex;
  align-items: self-end;
  padding-bottom: 10px;
  padding-left: 10px;
}
.forms {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-block: 60px;
}
 .forms .form {
  box-shadow: rgba(0, 0, 0, 0.1215686275) 0px 1px 6px 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  padding: 30px;
}
 .forms .form img {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  margin-bottom: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
 .forms .form p {
  margin-bottom: 5px;
  line-height: 1.5;
  font-size: 15px;
  text-align: center;
  color: black;
}
 .forms .form p a {
  display: inline-block;
  color: black;
  font-size: 15px;
}
 .xerite {
  width: 100%;
}
 .xerite iframe {
  width: 100%;
}

.conps-form{
    margin-bottom: 60px;
    box-shadow: #0000001f 0px 1px 6px 1px;
    padding-block: 30px;
    padding-inline: 20px;
    border-radius: 8px;
}
.conps-form .input_2{
    margin-bottom: 25px;
    padding-block: 18px;
}
.conps-form .input_2:focus{
    border-color: red;
}
.conps-form #muraciet_nov{
    width: 100%;
    padding-block: 18px;
    padding-left: 10px;
    opacity: 0.8;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-bottom: 25px;
}
.conps-form select:focus {
  outline: none;
}
.conps-form .input_2:focus,.text_2:focus{
  border: none;
  outline: none;
  border: solid 1px red;
}

.conps-form .text_2{
    min-height: 241px;
    padding: 10px;
    margin-bottom: 25px;
}
.conps-form .gonder_contact{
    padding: 18px;
    background-color: #D73A33;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    border: none;
    font-size: 17px;
}

  /*elaqe ic sehife bitir*/
  
  
  /*odeme usullari*/
  .onlayn_odeme {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 60px;
}
.onlayn_odeme .odeme {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 15px;
}
.onlayn_odeme .odeme h1 {
  font-weight: 700;
  font-size: 40px;
  width: 85%;
}
.onlayn_odeme .odeme p {
  font-size: 21px;
  margin-bottom: 10px;
  margin-top: 20px;
  line-height: 25px;
  width: 85%;
}
.onlayn_odeme .odeme_kartlar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 15px;
  padding-inline: 10px;
  width: 100%;
}
.onlayn_odeme .odeme_kartlar .odenis:hover a {
  transform: translateY(-10px);
}
.onlayn_odeme .odeme_kartlar .odenis a {
  height: 100%;
  padding: 16px 23px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 25px;
  border: 1px solid #e0dddd;
  transition: all 0.3s linear;
  margin-top: 20px;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_top > div {
  width: 50px;
  height: 25px;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_top > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_top span {
  background-color: #A6A6A6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 5px 20px;
  border-radius: 25px;
  font-size: 15px;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_bottom {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_bottom h5 {
  font-size: 19px;
  margin-top: 15px;
  color: black;
}
.onlayn_odeme .odeme_kartlar .odenis a .odeme_bottom p {
  margin-top: 15px;
  line-height: 20px;
  font-size: 15px;
  color: black;
}
  /*odeme usullari bitir*/
  
  /*tarifler ic sehife*/
   .qosul_form{
       padding-block: 40px;
   }
   .qosul_form h1{
       margin-bottom: 25px;
       font-size: 30px;
   }
   .qosul_form p{
       margin-botom: 3px;
   }
   .conp-form{
       display: flex;
       flex-direction: column;
       align-items: center;
       padding-block: 60px;
   }
   .conp-form >div{
       display: flex;
       flex-direction: row;
       justify-content: space-between;
       margin-bottom: 20px;
       width: 100%;
   }
      
    .conp-form >div input{
        width: 48%;
        padding: 14px;
    }

      input, textarea {
      width: 100%;
      padding-inline: 10px;
      padding-bottom: 40px;
      padding-top: 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
      resize: none;
    }

    .gonder {
      color: white;
      background-color: green;
      padding: 15px;
      margin-top: 30px;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-size: 16px;
      width: 50%;
    }
    .xerite iframe{
        width: 100%;
    }
    .adress{
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .adress h2{
        font-size: 28px;
    }
    .adress p{
        font-size: 17px;
        opacity: 0.8;
    }
    .adress p a{
        color: black;
    }
    
  /*tarifler ic sehife bitir*/
  
  /*kate php*/
  .qirmizi_fon h2{
      color: white;
  }
  .cards{
      padding-block: 60px;
  }
    .cards .product-box{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 100%;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
    border-radius: 8px;
}

.cards .product-box h2{
    padding-block: 20px;
    font-size: 25px;
}

.cards .product-wrap{
    width: 100%;
    height: 300px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 20px;
}

.cards .product-wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.cards .product-box .fn__read_more{
    width: 100%;
    padding-inline: 15px;
}

.cards .product-box a{
    background: #D4AF37;
    color: white;
    font-family: inherit;
    padding: 0.35em;
    padding-left: 1.2em;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0.3em;
    border: none;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 1.6em -0.6em #D4AF37;
    overflow: hidden;
    position: relative;
    height: 2.8em;
    padding-right: 3.3em;
    cursor: pointer;
    width: 100%;
}

.cards .product-box a .icon{
    background: white;
    margin-left: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.2em;
    width: 2.2em;
    border-radius: 0.7em;
    box-shadow: 0.1em 0.1em 0.6em 0.2em #D4AF37;
    right: 0.3em;
    transition: all 0.3s;
}

.cards .product-box a .icon i{
    width: 1.1em;
    transition: transform 0.3s;
    color: #D4AF37;
}

.cards .product-box a:hover .icon{
     width: 97%;
}

.cards .product-box a:hover .icon i{
    transform: translateX(15px);
}

.products{
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 15px;
    padding-block: 70px;
}

.products .product_card{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 360px;
    border-radius: 8px;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: 0.4s;
}

.products .product_card .product_img{
    width: 100%;
    height: 300px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.products .product_card .product_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: 0.4s;
    cursor: pointer;
}
.products .product_card:hover img{
    transform: scale(1.1);
}
.products .product_card:hover{
    border-color: #FF0000;
    box-shadow: 0 0 10px #FF0000;
}

.products .product_card .product_content{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-inline: 15px
}

.products .product_card .product_content p{
    text-align: center;
    margin: 0;
}

.products .product_card .product_content h2{
    padding-block: 20px;
    font-size: 25px;
    margin: 0;
}

.products .product_card .product_content a{
    background: #32CD32;
    color: white;
    font-family: inherit;
    padding: 0.35em;
    padding-left: 1.2em;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0.3em;
    border: none;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 1.6em -0.6em #D4AF37;
    overflow: hidden;
    position: relative;
    height: 2.8em;
    padding-right: 3.3em;
    cursor: pointer;
    width: 100%;
}

.products .product_card .product_content a .icon{
    background: white;
    margin-left: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.2em;
    width: 2.2em;
    border-radius: 0.7em;
    box-shadow: 0.1em 0.1em 0.6em 0.2em #D4AF37;
    right: 0.3em;
    transition: all 0.3s;
}

.products .product_card .product_content a .icon svg{
    width: 1.1em;
    transition: transform 0.3s;
    color: #D4AF37;
}

.products .product_card .product_content span{
    width: 100%;
    text-align: center;
    padding-block: 10px;
}

.products .product_card .product_content span small{
    font-weight: bold;
}

.products .product_card .product_content a:hover .icon{
    width: 97%;
}

.full{
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-block: 70px;
}

.full p{
    width: 100%;
    height: 100%;
    padding-inline: 15px;
    padding-bottom: 10px;
}

.full p img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    padding-bottom: 20px;
}
  /*kate php bitir*/

@media (min-width: 400px) {
  .tarifler .tarif_basliq .internet_novleri {
    overflow-x: hidden;
    justify-content: start;
    gap: 5px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .suret span {
    padding-bottom: 10px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .servis {
    width: 80%;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .servis span {
    width: 100%;
  }
  .tarifler .reklam .prev_layout, .tarifler .reklam .next_layout {
    height: 418px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_img {
    width: 200px;
  }
  .myconnect .connect_yazi .connect_alt .connect_buttons .ikili_buttons {
    flex-direction: row;
  }
}
@media (min-width: 620px) {
  .container {
    width: 85%;
    margin: 0 auto;
  }
  .mobile_menu {
    padding-inline: 50px;
  }
  .verticalSwiper .custom-progress {
    left: 19px;
  }
  .etrafli .etrafli_basliq h3 {
    font-size: 32px;
  }
  .etrafli .etrafli_basliq p {
    font-size: 20px;
  }
  .myconnect .connect_yazi p {
    padding-inline: 20px;
  }
  .footer .footer_alt_mobile .mobile_ust {
    width: 100%;
  }
  .footer .footer_alt_mobile .mobile_ust p {
    width: 100%;
    font-size: 16px;
    opacity: 0.9;
  }
  .footer .footer_alt_mobile .mobile_orta {
    margin-bottom: 20px;
  }
  .footer .footer_alt_mobile .mobile_orta .nomre li {
    width: 100%;
  }
  .footer .footer_alt_mobile .mobile_orta .foot_dil {
    align-items: start;
  }
}
@media (min-width: 700px) {
  .container {
    width: 80%;
    margin: 0 auto;
  }
  .tarifler .tarif_basliq p {
    width: 90%;
  }
  .etrafli .etrafli_basliq h3 {
    width: 80%;
    font-size: 30px;
  }
  .etrafli .etrafli_basliq p {
    font-size: 20px;
    width: 90%;
  }
  .xidmetler .tab-contents .tab-content .servis {
    padding-inline: 22px;
  }
}
@media (min-width: 769px) {
  .container {
    width: 88%;
    margin: 0 auto;
  }
  .verticalSwiper .swiper-wrapper .swiper-slide {
    position: relative;
  }
  .verticalSwiper .swiper-wrapper .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
  }
  .verticalSwiper .swiper-wrapper .swiper-slide .kicik_sekil {
    display: none;
  }
  .verticalSwiper .swiper-wrapper .swiper-slide .boyuk_sekil {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .verticalSwiper .swiper-wrapper .swiper-slide .slide_yazi {
    display: none;
  }
  .verticalSwiper .swiper-button-prev {
    left: 175px;
  }
  .verticalSwiper .swiper-button-next {
    left: 240px;
  }
  .verticalSwiper .custom-progress {
    left: 25px;
  }
  .verticalSwiper .custom-progress .progress-track {
    width: 1.5px;
  }
  .verticalSwiper .custom-progress .slide-number {
    margin-bottom: 30px;
  }
  .tarifler .tarif_basliq .internet_novleri {
    justify-content: center;
    gap: 15px;
  }
  .tarifler .tarif_basliq .internet_novleri div {
    font-size: 26px;
  }
  .tarifler .reklam .next_layout, .tarifler .reklam .prev_layout {
    height: 598px;
  }
  .tarifler .reklam .owl-carousel .item {
    height: 598px;
  }
  .tarifler .reklam .owl-carousel .item .kart_ust {
    padding-inline: 20px;
    gap: 0;
    padding-block: 0;
    min-height: 145px;
  }
  .tarifler .reklam .owl-carousel .item .kart_ust .ulduz {
    margin-top: 15px;
  }
  .tarifler .reklam .owl-carousel .item .kart_ust .gpon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 50px;
  }
  .tarifler .reklam .owl-carousel .item .kart_ust .gpon p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt {
    padding-block: 0;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .suret {
    padding-block: 50px;
    gap: 40px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .suret span {
    font-size: 80px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .suret .suret_img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .servis {
    padding-block: 10px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .qiymet_qutu {
    padding-block: 40px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .qiymet_qutu .qiymet {
    font-size: 40px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .qosul {
    width: 233px;
  }
  .etrafli {
    flex-direction: row;
    justify-content: space-between;
    padding-block: 50px;
    align-items: flex-start;
  }
  .etrafli .etrafli_basliq {
    margin-bottom: 0;
    align-items: start;
    width: 50%;
  }
  .etrafli .etrafli_basliq h3 {
    font-size: 52px;
    font-weight: 700;
    width: 90%;
  }
  .etrafli .etrafli_basliq p {
    width: 100%;
    font-size: 15.5px;
  }
  .etrafli .slide-frame {
    width: 45%;
    margin-top: 10px;
  }
  .yenilikler .yenilikler_basliq {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .xidmetler .tab-contents .tab-content .servis {
    flex-direction: row;
    padding-block: 40px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_img {
    width: 50%;
    padding-inline: 15px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_melumat {
    width: 50%;
    padding-inline: 15px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_melumat h4 {
    font-size: 33px;
  }
  .myconnect {
    flex-direction: row;
    gap: 0;
  }
  .myconnect .connect_img {
    width: 50%;
  }
  .myconnect .connect_img img {
    width: 250px;
  }
  .myconnect .connect_yazi {
    width: 50%;
    align-items: start;
  }
  .myconnect .connect_yazi h4 {
    font-size: 40px;
    width: 80%;
    font-weight: bold;
  }
  .myconnect .connect_yazi p {
    padding: 0;
    text-align: start;
    font-size: 27px;
    line-height: 1.2;
    width: 80%;
  }
  .myconnect .connect_yazi .connect_alt {
    align-items: start;
    flex-direction: row;
  }
  .myconnect .connect_yazi .connect_alt .qr_kod {
    width: 150px;
  }
  .myconnect .connect_yazi .connect_alt .connect_buttons .ikili_buttons {
    flex-direction: column;
    gap: 8px;
  }
  .footer .footer_ust {
    display: flex;
    flex-direction: row;
  }
  .footer .footer_alt_mobile {
    display: none;
  }
  .footer .xett {
    width: 94%;
  }
  .footer .footer_pc {
    padding-block: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
  .footer .footer_pc .mobile_ust {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .footer .footer_pc .mobile_ust > div {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
  }
  .footer .footer_pc .mobile_ust > div .pc_logo {
    width: 120px;
  }
  .footer .footer_pc .mobile_ust > div .pc_logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .footer .footer_pc .mobile_ust > div p {
    font-size: 16px;
    line-height: 25px;
  }
  .footer .footer_pc .mobile_ust .foot_dil {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 15px;
  }
  .footer .footer_pc .mobile_ust .foot_dil .az {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  .footer .footer_pc .mobile_ust .foot_dil .foot_sosial {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .footer .footer_pc .mobile_ust .foot_dil .foot_sosial i {
    font-size: 17px;
  }
  .footer .footer_pc .mobile_alt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .footer .footer_pc .mobile_alt .nomre {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .footer .footer_pc .mobile_alt .nomre li {
    width: 60%;
  }
  .footer .footer_pc .mobile_alt .nomre li a {
    font-weight: bold;
    color: black;
    font-size: 17px;
  }
  .footer .footer_pc .mobile_alt .nomre li:nth-child(2) {
    display: flex;
    justify-content: end;
    width: 30%;
  }
  .footer .footer_pc .mobile_alt .okmedia {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .footer .footer_pc .mobile_alt .okmedia img {
    width: 80px;
    height: 17px;
  }
  .footer .footer_pc .mobile_alt .copyright {
    display: flex;
    justify-content: start;
    align-items: center;
  }
  
  /*yenilikler ic sehife*/
     .grid_column{
         display: grid;
         grid-template-columns: repeat(2,2fr);
         gap: 10px;
         padding-block: 50px;
     }
  /*yenilikler ic sehife bitir*/
  
  /*tarifler ic sehife*/
  .fon{
      background-color: #F4F4F4;
  }
     .qosul_form .conp-form{
         background-color: white;
         padding-block: 50px;
         padding-inline: 80px;
     }
     .adress{
         padding-bottom: 35px;
     }
  /*tarifler ic sehife bitir*/
  
  /*kate php*/
     .cards{
         display: flex;
         flex-direction: row;
         gap: 20px;
     }
     .cards .product-box{
         max-width: 335px;
     }
     .full{
         width: 500px;
     }
  /*kate php bitir*/
}
@media (min-width: 880px) {
  .container {
    width: 78%;
    margin: 0 auto;
  }
  .tarifler .tarif_basliq p {
    width: 95%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 90%;
    margin: 0 auto;
  }
  .mobile_menu {
    display: none;
  }
  .mobile_menu .gizli_menu {
    display: none;
  }
  .header {
    display: flex;
    flex-direction: row;
    gap: 15px;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-inline: 20px;
    padding-block: 20px;
    transition: all 0.3s linear;
  }
  .header .header_sol {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .header .header_sol .header_logo {
    width: 90px;
    height: 74px;
  }
  .header .header_sol .header_logo .logo_qara {
    display: none;
  }
  .header .header_sol .header_logo .logo_ag {
    width: 100%;
    height: 100%;
  }
  .header .header_sol .header_elaqe a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.1333333333);
    color: #fff;
    padding: 12px;
  }
  .header .header_sol .header_elaqe a i {
    font-size: 16px;
  }
  .header .header_sol .header_elaqe a span {
    font-size: 21px;
    color: white;
  }
  .header .header_sag {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }
  .header .header_sag .navbar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .header .header_sag .navbar li {
    position: relative;
  }
  .header .header_sag .navbar li a {
    display: inline-block;
    color: white;
    font-size: 15px;
  }
  .header .header_sag .navbar li .navbar_dil {
    border: 1px solid #eee;
    padding: 6px;
    border-radius: 50%;
  }
  .header .header_sag .navbar li .dropdown_menu {
    position: absolute;
    min-width: -moz-max-content;
    min-width: max-content;
    background: #fff;
    left: 50%;
    transform-origin: top;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 28px 52px 0px;
    top: 40px;
    border-radius: 10px;
    transform: scale(1, 0) translateX(-50%);
    transition: all 0.3s ease;
    overflow: hidden;
  }
  .header .header_sag .navbar li .dropdown_menu li a {
    color: black;
    width: 100%;
    height: 100%;
    padding-block: 16px;
    padding-inline: 16px;
  }
  .header .header_sag .navbar li .dropdown_menu li:hover a {
    background-color: rgb(239, 239, 239);
  }
  .header .header_sag .navbar li:hover .dropdown_menu {
    transform: scale(1, 1) translateX(-50%);
  }
  .header .header_sag .header_buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .header .header_sag .header_buttons .kabinet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
    padding-block: 14px;
    padding-inline: 12px;
    transition: all 0.3s;
    border: 2px solid #e45502;
    background: transparent;
  }
  .header .header_sag .header_buttons .kabinet span {
    color: white;
    font-size: 14px;
    width: 79px;
    transition: 0.4s;
  }
  .header .header_sag .header_buttons .kabinet img {
    width: 25px;
    height: 25px;
    filter: invert(32%) sepia(78%) saturate(1553%) hue-rotate(337deg) brightness(86%) contrast(97%);
  }
  .header .header_sag .header_buttons .kabinet:hover span {
    color: red;
  }
  .header .header_sag .header_buttons .indi_qosul {
    border-radius: 30px;
    transition: all 0.3s;
    padding-block: 14px;
    padding-inline: 14px;
    border: 2px solid #e45502;
    background-color: #EA1D24;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    animation: heartbeatGlow 2s infinite ease-in-out;
  }
  .header .header_sag .header_buttons .indi_qosul span {
    color: white;
    font-size: 14px;
  }
  .header .header_sag .header_buttons .indi_qosul img {
    width: 25px;
    height: 25px;
    filter: invert(1);
  }
  @keyframes heartbeatGlow {
    0% {
      box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
    }
    50% {
      box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0.8);
    }
    100% {
      box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.3);
    }
  }
  .header_scrolled {
    background-color: white;
    padding-block: 12px;
  }
  .header_scrolled .header_sol .header_logo .logo_ag {
    display: none;
  }
  .header_scrolled .header_sol .header_logo .logo_qara {
    display: block;
    width: 90px;
    height: 73px;
  }
  .header_scrolled .header_sol .header_elaqe a {
    background-color: rgba(217, 217, 217, 0.1490196078);
  }
  .header_scrolled .header_sol .header_elaqe a i,
  .header_scrolled .header_sol .header_elaqe a span {
    color: black;
  }
  .header_scrolled .header_sag .navbar li a {
    color: black;
    z-index: 99;
  }
  .header_scrolled .header_sag .header_buttons .kabinet {
    border-color: black;
  }
  .header_scrolled .header_sag .header_buttons .kabinet span {
    color: red;
  }
  .call_center {
    position: fixed;
    bottom: 50px;
    padding-block: 10px;
    padding-inline: 20px;
    gap: 6px;
    right: 50px;
    background: #eee;
    border-radius: 20px;
    border: 1px solid rgb(177, 172, 172);
    z-index: 999;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .call_center .call_sol {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .call_center .call_sol p {
    background: linear-gradient(to left, #221B1D 0%, #ED1C24 100%);
    text-align: center;
    line-height: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
  }
  .call_center .call_img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
  }
  .call_center .call_img i {
    color: #EA1D24;
    font-size: 30px;
  }
  .call_center .call_img:hover {
    background-color: red;
    border-radius: 50%;
    padding: 8px;
  }
  .call_center .call_img:hover i {
    transform: scale(1.1);
    color: white;
    font-size: 28px;
  }
  .modal_overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .modal_overlay.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .modal_overlay.show .modal_content {
    transform: translateY(0);
    opacity: 1;
  }
  .modal_overlay .modal_content {
    max-width: 500px;
    background: white;
    padding-bottom: 30px;
    border-radius: 10px;
    width: 90%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .modal_overlay .modal_content h2 {
    font-size: 20px;
    font-weight: normal;
    padding-block: 20px;
    padding-left: 15px;
    border-bottom: 1px solid rgb(184, 184, 184);
  }
  .modal_overlay .modal_content form {
    padding-inline: 20px;
    padding-top: 30px;
  }
  .modal_overlay .modal_content form input {
    width: 100%;
    padding: 14px;
    border-radius: 6px;
    margin: 10px 0;
  }
  .modal_overlay .modal_content form button {
    width: 100%;
    padding: 14px;
    background: red;
    border-radius: 6px;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 10px;
  }
  .modal_overlay .modal_content .close_modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
  }
  body.modal-open {
    overflow: hidden;
    height: 100vh;
    position: relative;
    padding-right: var(--scrollbar-width, 0px);
  }
  .verticalSwiper {
    height: 100vh;
  }
  .tarifler .reklam .owl-carousel .item .kart_ust img {
    width: 70%;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .suret {
    gap: 30px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .qosul {
    width: 107px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .servis {
    width: 60%;
  }
  .kalkulyator {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .kalkulyator > div {
    display: flex;
    flex-direction: column;
    width: 60%;
  }
  .kalkulyator .qiymet_hesablama {
    width: 38%;
    margin-top: 85px;
  }
  .etrafli {
    justify-content: center;
  }
  .etrafli .etrafli_basliq h3 {
    text-align: start;
  }
  .etrafli .etrafli_basliq p {
    width: 95%;
    text-align: start;
  }
  .etrafli .etrafli_basliq a {
    width: 190px;
  }
  .etrafli .slide-frame {
    width: 50%;
  }
  .xidmetler .tab-contents .tab-content .servis {
    padding-inline: 25px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_img {
    width: 353px;
    height: 280px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_melumat {
    padding-inline: 0;
  }
  .myconnect .connect_img {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .myconnect .connect_yazi .connect_alt .connect_buttons {
    align-items: start;
  }
  .footer .footer_ust {
    justify-content: space-between;
  }
  .footer .footer_ust .f_list li a {
    font-size: 15px;
  }
  .footer .footer_pc .mobile_ust {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer .footer_pc .mobile_ust > div p {
    width: 50%;
  }
  .footer .footer_pc .mobile_alt .nomre li {
    width: 100%;
  }
  .footer .footer_pc .mobile_alt .nomre li:nth-child(2) {
    width: 100px;
  }
  
 .haqqimizda .about {
    flex-direction: row;
    align-items: flex-start;
    padding-inline: 120px;
    margin-block: 50px;
  }
  
  .haqqimizda .qirmizi_fon h2{
      padding-left: 110px;
  }
  
  .haqqimizda .about .about_sol {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding-block: 40px;
    width: 75%;
    padding-inline: 35px;
  }
  .haqqimizda .about .about_sol .about_basliq {
    border-bottom: solid 1px rgb(181, 181, 181);
    padding-bottom: 0;
  }
  .haqqimizda .about .about_sol .about_aciqlama {
    width: 100%;
  }
  .haqqimizda .about .about_sol .about_aciqlama .contact {
    min-width: 596.78px;
  }
  .haqqimizda .about .about_sag {
    width: 25%;
  }
  .haqqimizda .about .about_sag h2 {
    width: 75%;
    text-align: center;
  }
  .haqqimizda .about .about_sag ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
  }
  .haqqimizda .about .about_sag ul li {
    width: 120px;
  }
  .haqqimizda .about .about_sag ul li a {
    font-size: 22px;
  } 
  
   /*yenilikler ic sehife*/
     .grid_column{
         display: grid;
         grid-template-columns: repeat(3,1fr);
         gap: 20px;
     }
  /*yenilikler ic sehife bitir*/
  
  /*odeme usullari ic sehife*/
     .onlayn_odeme .odeme_kartlar {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 15px;
  } 
  /*odeme usullari ic sehife bitir*/
  
  /*tarifler ic sehife*/
      .qosul_form h1{
          font-size: 35px;
      }
      .qosul_form p{
          font-size: 19px;
      }
  /*tarifler ic sehife bitir*/
  
  /*elaqe ic sehife*/
    .forms{
        flex-direction: row;
        justify-content: space-between;
        gap: 30px;
    }
    .forms .form{
        min-height: 230px;
        padding: 40px;
    }
    .conps-form >div{
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    .conps-form select option{
        font-size: 16px;
    }
    .conps-form select .ilk_option{
        background-color: rgb(177, 177, 177);
    }
  /*elaqe ic sehife bitir*/
}
@media (min-width: 1100px) {
  .container {
    width: 85%;
    margin: 0 auto;
  }
  .header {
    justify-content: center;
    padding-inline: 25px;
  }
  .verticalSwiper .custom-progress {
    left: 52px;
  }
  .kalkulyator .internet_tarifi .slide_basliq {
    padding-block: 16px;
  }
  .xidmetler .slider-controls .buttons-wrapper {
    justify-content: space-between;
  }
  .xidmetler .slider-controls .buttons-wrapper .tab {
    width: 130px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_melumat p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 92%;
    margin: 0 auto;
  }
  .header {
    justify-content: space-between;
    padding-inline: 80px;
  }
  .header .header_sag .navbar li a {
    font-size: 16px;
  }
  .header .header_sag .header_buttons .kabinet span {
    width: 100%;
  }
  .header .header_sag .header_buttons .indi_qosul {
    padding-inline: 16px;
    gap: 5px;
  }
  .tarifler .reklam .owl-carousel .item .kart_alt .qosul {
    width: 135px;
  }
  .etrafli .etrafli_basliq {
    width: 42%;
  }
  .etrafli .etrafli_basliq h3 {
    width: 100%;
  }
  .etrafli .etrafli_basliq p {
    width: 80%;
  }
  .etrafli .slide-frame {
    width: 50%;
  }
  .xidmetler .slider-controls .buttons-wrapper .tab {
    width: 160px;
  }
  .xidmetler .tab-contents .tab-content .servis .servis_img {
    width: 436px;
    height: 280px;
  }
  .myconnect {
    padding-block: 70px;
  }
  .myconnect .connect_img img {
    width: 350px;
    height: 350px;
  }
  .myconnect .connect_yazi .connect_alt .connect_buttons .ikili_buttons {
    flex-direction: row;
  }
  .footer .xett {
    width: 85%;
  }
  .footer .footer_pc .mobile_ust > div p {
    width: 100%;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 85%;
    margin: 0 auto;
  }
  .header {
    padding-inline: 100px;
  }
  .verticalSwiper .custom-progress {
    left: 68px;
  }
  .xidmetler .slider-controls .buttons-wrapper .tab {
    width: 170px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 85%;
    margin: 0 auto;
  }
  .header {
    padding-inline: 110px;
  }
  .header .header_sag .navbar {
    gap: 15px;
  }
  .verticalSwiper .custom-progress {
    left: 78px;
  }
}/*# sourceMappingURL=style.css.map */