@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1 ;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}
@keyframes pulse {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  0%, to {
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  0%, to {
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.animate__tada {
  animation-name: tada;
}
@keyframes wobble {
  0% {
    transform: translateZ(0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  0%, 11.1%, to {
    transform: translateZ(0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate(60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}

@keyframes scrollText {
  0% {
    transform: translateX(40%);
  }
  80% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(-140%);
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  border-top-color: #222943 !important;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #222943 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container .select2-dropdown .select2-results__option[id*=-goruntulenme] {
  display: none;
}

/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/* CSS Transition
	Usage: @include transition(width,0.3s,ease-out);
 */
/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback  
	Usage: @include font-size(1, large);
*/
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */
* {
  box-sizing: border-box;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0;
}

header, footer, nav, section, article, hgroup, figure {
  display: block;
}

body.open-nav {
  overflow: hidden !important;
}

input[type=button], input[type=reset], input[type=submit], button {
  min-width: auto;
}

/*------------------------------------*\
    $GLOBAL ELEMENTS
\*------------------------------------*/
.cf {
  *zoom: 1;
}

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}

/* Completely remove from the flow and screen readers. */
.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

/* Completely remove from the flow but leave available to screen readers. */
.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Floats */
.right {
  float: right;
  padding: 0 0 1em 1em;
}

.right-search {
  float: right;
  padding: 0 0 1em 0;
}

.left {
  float: left;
  padding: 0 1em 1em 0;
}

/* Text-Align */
.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

/* Display Classes */
@media all and (max-width: 46.8em) {
  .hide-small {
    display: none;
  }
}

@media all and (min-width: 46.8em) and (max-width: 50em) {
  .hide-med {
    display: none;
  }
}

@media all and (min-width: 50em) {
  .hide-large {
    display: none;
  }
}

.font-secondary {
  font-family: "Mulish", sans-serif;
}

.width-270 {
  width: 270px;
}

.min-with-177 {
  min-width: 177px;
}

.solid-dark {
  color: #222943 !important;
}

.solid-white {
  color: #ffffff !important;
}

.solid-primary-1 {
  color: #05b4c7 !important;
}

.solid-primary-2 {
  color: #002855 !important;
}

.solid-primary-2-bg {
  background-color: #002855 !important;
}

.solid-grey-light {
  color: #919eba !important;
}

.solid-grey-lighter {
  color: #dee3ed !important;
}

.solid-grey {
  color: #666f85 !important;
}

.slate-grey {
  color: #575e6f !important;
}

.pale-grey {
  color: #f0f2f5 !important;
}

.pale-grey-opacity-03 {
  color: rgba(249, 250, 252, 0.3);
}

.solid-accent-1 {
  color: #cddc29;
}

.solid-accent-2 {
  color: #e63425;
}

.solid-primary-product-mobile-product {
  color: #049ead !important;
}

.solid-primary-product-mobile-product-bg {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}

.solid-primary-product-home-broadband {
  color: #006777;
}

.solid-primary-product-landline {
  color: #0082ca;
}

.solid-primary-product-tivibu {
  color: #0058ad;
}

.solid-secondary-product-selfy {
  color: #500099;
}

.solid-secondary-product-prime {
  color: #662233;
}

.solid-system-colors-success {
  color: #75af0a;
}

.solid-primary-1-shades {
  color: #048a95;
}

.solid-grey-light-40 {
  color: #f2f4f8;
}

.solid-system-colors-warning-error {
  color: #cc2d1f;
}

.solid-typo {
  color: #06386c;
}

.transparent-white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.solid-grey-light-75 {
  color: #adb7cc;
}

.solid-grey-lightest {
  color: #eef1f6;
}

.color-black {
  color: #000000;
}

.solid-primary-hover {
  color: #012146;
}

.solid-primary-product-mobile-shades {
  color: #27abb8;
}

.solid-system-contextual-information {
  color: #ff983a;
}

.solid-primary-prod-mobile-shades-2 {
  color: #45b6c2;
}

body {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  color: #222943;
}
body.overflow-hidden {
  overflow: hidden;
}

.ms-hide {
  display: none;
}

.bd-example-row {
  margin-bottom: 2em;
}
.bd-example-row > .col,
.bd-example-row [class^=col-] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}
.bd-example-row > .col,
.bd-example-row > [class^=col-] {
  border-left: 1px solid rgba(86, 61, 124, 0.2);
}

.bd-example-row--pinstripe [class^=col-] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}
.bd-example-row--pinstripe > .col,
.bd-example-row--pinstripe > [class^=col-] {
  border-left: 1px solid rgba(86, 61, 124, 0.2);
}
.bd-example-row--pinstripe .pinstripe-col {
  background: #F8B3B6;
  height: 10em;
}

.search-wrapper {
  margin-bottom: 45px;
}
.search-wrapper .panel {
  padding: 30px;
}
@media (max-width: 767px) {
  .search-wrapper .panel {
    padding: 16px;
  }
}
.search-wrapper h3 {
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .order-detail .panel-default {
    margin-bottom: 30px;
  }
}
.order-detail .activated-product-list {
  margin-top: 30px;
  margin-bottom: 40px;
}
.order-detail .list-wrap {
  margin-bottom: 30px;
}
.order-detail .btn-wrap {
  margin-top: 30px;
}
.order-detail .btn-wrap .btn {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .order-detail .btn-wrap .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.information-profile .list-group {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .information-profile .list-group {
    margin-bottom: 20px;
  }
}

.device-order-summary .step-content h4 {
  margin-bottom: 16px;
}
.device-order-summary .list-group {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .device-order-summary .list-group .list-group-item .col-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.page-product-catalog .filter-wrapper {
  padding-top: 0;
}
@media (max-width: 991px) {
  .page-product-catalog .filter-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.page-product-catalog .cards {
  padding-top: 0;
  padding-bottom: 14px;
}
.page-product-catalog .cards .card {
  margin-bottom: 30px;
}
.page-product-catalog .btn-wrap.text-right {
  margin-top: 30px;
}
.page-product-catalog .btn-wrap.text-right .btn {
  min-width: 160px;
}
@media (max-width: 991px) {
  .page-product-catalog .btn-wrap.text-right {
    text-align: center !important;
    margin-top: 12px;
  }
}
@media (max-width: 991px) {
  .page-product-catalog .btn-wrap .btn {
    display: block;
    max-width: 100%;
  }
}

.return-request-content {
  display: flex;
  margin-bottom: 30px;
}
.return-request-content > div {
  width: 50%;
}
.return-request-content > div:first-child {
  margin-right: 30px;
}
.return-request-content > div .panel {
  padding: 30px;
  margin-bottom: 0;
}
.return-request-content > div .panel-head h4 {
  font-size: 20;
  font-size: 1.25rem;
  color: #666f85;
  font-weight: normal;
  line-height: 1.6;
}
.return-request-content > div .panel-head p {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  line-height: 1.33;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .return-request-content {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .return-request-content > div {
    width: 100%;
  }
  .return-request-content > div:first-child {
    margin: 0 0 20px 0;
  }
  .return-request-content > div .panel {
    padding: 10px 16px;
  }
  .return-request-content > div .panel h4 {
    font-size: 16;
    font-size: 1rem;
  }
  .return-request-content > div .panel p {
    font-size: 20;
    font-size: 1.25rem;
  }
}

a {
  color: #05b4c7;
  text-decoration: none;
  /*
  &:not([href*='turktelekom.com.tr']):not([href*='e-sirket.mkk.com']):not([href*='gameon.com.tr']):not([href*='appyap.com']):not([id*='_rptNav_']):not([class="selected"]):not([href^='#']):not([href^='?']):not([href='']):not([href^='/']):not([href*='javascript']):not([href*='pokus.com.tr']):not([href*='selfy.com.tr']):not([href*='turktelekomprime.com']):not([href*='muud.com.tr']):not([href*='tivibu.com.tr']):not([href*='playstore.com']):not([href*='dijitaldepo.com']):not([href*='turktelekomwifi.com']):not([href*='turktelekomwififly.com']):not([href*='turktelekomspor.com.tr']):not([href*='turktelekomodemehizmetleri.com']):not([href*='turktelekomisortagi.com']):not([href*='turktelekomguvenlik.com']):not([href*='turktelekombasketbol.com.tr']):not([href*='turkiyeyedeger.com.tr']):not([href*='programattik.com']):not([href*='turktelekompilot.com.tr']):not([href*='ttake.com.tr']):not([href*='turktelekomventures.com.tr']):not([href*='turktelekomelektrik.com.tr']):not([href*='ttyatirimciiliskileri.com.tr']):not([href*='turktelekomkariyer.com.tr']):not([class*='link-icon'])::after {
      background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/Icons/launch.svg);
      background-size: 13px 22px;
      display: inline-block;
      width: 16px;
      height: 16px;
      content: "";
      background-repeat: no-repeat;
      background-position: top;
  }*/
}
a:hover {
  color: #05b4c7;
  text-decoration: underline;
}
a:visited {
  color: #05b4c7;
}
a.link:hover {
  text-decoration: none;
}
a.link-bold {
  font-weight: bold;
}
a.link-icon-tooltip {
  display: inline-block;
  line-height: 1.7;
}
a.link-icon-tooltip i {
  font-size: 18;
  font-size: 1.125rem;
  color: #919eba;
}
a.link.link-left-icon {
  display: flex;
  align-items: center;
}
a.link.link-left-icon i {
  font-size: 16;
  font-size: 1.5rem;
  margin-right: 4px;
}
a.link.link-icon-bold {
  color: #048a95;
  font-weight: 600;
  display: flex;
  align-items: center;
}
a.link.link-icon-bold i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 5px;
}
a.link.link-icon-bold i.icon-left-arrow {
  font-size: 20;
  font-size: 1.25rem;
}
a.link.text-decoration {
  text-decoration: underline;
}
a.link-icon {
  display: flex;
  align-items: center;
}
a.link-icon i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 8px;
  display: block;
  flex-shrink: 1;
}
a.link-icon i:before {
  color: #002855;
}
a.link-icon-badge {
  position: relative;
}
a.link-icon-badge .badge {
  border-radius: 50%;
  font-size: 12;
  font-size: 0.75rem;
  background-color: #002855;
  color: #ffffff;
  font-weight: bold;
  min-width: 26px;
  height: 26px;
  letter-spacing: 0.17px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 100%;
}
@media (max-width: 991px) {
  a.link-icon-badge .badge {
    font-size: 11;
    font-size: 0.6875rem;
    min-width: 20px;
    height: 20px;
  }
}
a.navy-blue {
  color: #002855;
}
a.navy-blue:hover {
  color: #002855;
}
a.dark-link {
  color: #222943;
  line-height: 1.5;
}

.links-group {
  display: flex;
}
.links-group a {
  margin-left: 20px;
}

h1,
.alpha {
  font-size: 36;
  font-size: 2.25rem;
  font-family: "Mulish", sans-serif;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  h1,
  .alpha {
    font-size: 24;
    font-size: 1.5rem;
  }
}

h2,
.beta {
  font-size: 36;
  font-size: 2.25rem;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  h2,
  .beta {
    font-size: 24;
    font-size: 1.5rem;
  }
}

h3,
.gamma {
  font-size: 24;
  font-size: 1.5rem;
  font-family: "Mulish", sans-serif;
  font-family: Mulish;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  h3,
  .gamma {
    font-size: 20;
    font-size: 1.25rem;
  }
}

h4,
.delta {
  font-size: 18;
  font-size: 1.125rem;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}
h4.normal,
.delta.normal {
  font-weight: normal;
}
h4.fs20,
.delta.fs20 {
  font-size: 20;
  font-size: 1.25rem;
}
h4.bold,
.delta.bold {
  font-weight: bold;
}

h5,
.epsilon {
  font-size: 16;
  font-size: 1rem;
  font-family: "Mulish", sans-serif;
  font-weight: bold;
}

/* Subheadings */
.subheading {
  font-family: "Mulish", sans-serif;
  font-weight: normal;
}

p {
  color: #575e6f;
  line-height: 1.5;
}
p.info {
  font-size: 16;
  font-size: 1rem;
  padding-left: 26px;
  position: relative;
  color: #666f85;
  line-height: 1.57;
  letter-spacing: 0.4px;
}
p.info i {
  font-size: 18;
  font-size: 1.125rem;
  color: #a0acbd;
  position: absolute;
  top: 6px;
  left: 0;
}
p.note {
  font-size: 14;
  font-size: 0.875rem;
  color: #919eba;
  line-height: 1.43;
  font-weight: 400;
}
p.dark-small {
  font-size: 14;
  font-size: 0.875rem;
  color: #222943;
}
p.small {
  font-size: 14;
  font-size: 0.875rem;
}
p.line-through {
  text-decoration: line-through;
}

.sup-group {
  font-size: 30;
  font-size: 1.875rem;
  color: #222943;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  display: flex;
  align-items: center;
}
.sup-group sup {
  font-size: 14;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.67;
  padding-left: 2px;
}
.sup-group.long {
  font-size: 24;
  font-size: 1.5rem;
}
.sup-group.long sup {
  top: -0.3em;
}

.notification-text {
  align-items: center;
  display: flex;
  margin-bottom: 40px;
}
.notification-text i {
  font-size: 56;
  font-size: 3.5rem;
}
.notification-text span {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  line-height: 1.25;
  padding-left: 12px;
}
@media (max-width: 991px) {
  .notification-text {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .notification-text {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 25px;
  }
  .notification-text i {
    margin-bottom: 13px;
  }
  .notification-text span {
    font-size: 20;
    font-size: 1.25rem;
    line-height: 1.4;
    padding-left: 0;
  }
}

.notification-box {
  display: flex;
  align-items: flex-start;
  margin: 20px 0;
}
.notification-box i {
  font-size: 60;
  font-size: 3.75rem;
  margin-right: 12px;
}
.notification-box i.icon-notice {
  color: #ff983a;
}
.notification-box i.icon-tick {
  color: #75af0a;
}
.notification-box i.icon-warning {
  color: #cc2d1f;
}
.notification-box-text h4 {
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 6px !important;
}
@media (max-width: 991px) {
  .notification-box-text h4 {
    font-size: 16;
    font-size: 1rem;
    line-height: 1.63;
    font-weight: bold;
  }
}
.notification-box-text p {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: normal;
}
.notification-box-text p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 991px) {
  .notification-box-text p {
    font-size: 14;
    font-size: 0.875rem;
    line-height: 1.43;
  }
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Definition Lists */
dl {
  overflow: hidden;
  margin: 0 0 1em;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.list-wrap h4 {
  font-size: 16;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222943;
  margin-bottom: 20px;
}

.list-group .list-group-item {
  border: 1px solid #dee3ed;
  border-bottom: 0;
  padding: 0 22px;
}
.list-group .list-group-item:last-child {
  border-bottom: 1px solid #dee3ed;
}
.list-group .list-group-item .col-item {
  padding-top: 19px;
  padding-bottom: 19px;
  border-left: 1px solid #dee3ed;
}
.list-group .list-group-item .col-item:first-child {
  border-left: none;
}
.list-group .list-group-item .col-item b {
  margin-left: 15px;
  display: block;
}
.list-group .list-group-item .col-item a {
  line-height: 1.5;
  color: #049ead;
  font-weight: bold;
}
@media (max-width: 767px) {
  .list-group .list-group-item {
    padding: 0 16px;
  }
  .list-group .list-group-item .col-item {
    padding-top: 16px;
    padding-bottom: 0;
    border: 0;
  }
  .list-group .list-group-item .col-item:last-child {
    padding-bottom: 16px;
    padding-top: 4px;
  }
  .list-group .list-group-item .col-item b {
    margin: 0;
  }
  .list-group .list-group-item .col-item.text-right {
    text-align: left !important;
    padding-top: 16px;
  }
}
.list-group.two-colm-right-link .link {
  margin-right: 48px;
}
@media (max-width: 767px) {
  .list-group.two-colm-right-link .link {
    margin-right: 0;
    display: block;
  }
}
.list-group.two-colm-right-link .link:last-child {
  margin-right: 0;
}
.list-group.two-colm-right-link .link:first-child {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .list-group.two-colm-right-link .link:first-child {
    margin-left: 0;
  }
}
.list-group.two-colm-right-link .list-group-item .col-item {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .list-group.two-colm-right-link .list-group-item .col-item {
    padding-top: 16px;
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .list-group.two-colm-right-link .list-group-item .col-item:last-child {
    padding-top: 0;
    padding-bottom: 16px;
  }
}

.selected-list li {
  padding: 10px 16px;
  border-radius: 4px;
  border: solid 1px #dee3ed;
  background-color: #ffffff;
  margin-bottom: 16px;
  color: #666f85;
  position: relative;
}
@media (max-width: 991px) {
  .selected-list li.row-item {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .selected-list li.radio-colm-list {
    padding-left: 54px;
  }
}
.selected-list li .link {
  float: right;
  font-size: 24px;
  position: relative;
}
.selected-list li.head-item {
  border: none;
  padding-top: 0;
  margin-bottom: 0;
}
.selected-list li.head-item .col-item-content {
  border-right: none;
}
@media (max-width: 991px) {
  .selected-list li .col-item {
    flex-basis: auto;
  }
}
.selected-list li .col-item-content {
  padding: 12px 12px 12px 0;
  border-right: 1px solid #dee3ed;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .selected-list li .col-item-content {
    display: block;
    border-right: none;
    border-bottom: 1px solid #dee3ed;
  }
}
@media (max-width: 991px) {
  .selected-list li .col-item-content .text {
    font-weight: bold;
  }
}
.selected-list li .col-item-content .form-group {
  margin-bottom: 0;
}
.selected-list li .col-item.max-width {
  max-width: 56px;
}
.selected-list li .col-item.max-width .col-item-content {
  padding-right: 0;
}
@media (max-width: 991px) {
  .selected-list li .col-item.max-width {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.selected-list li .col-item.max-width .col-item-content, .selected-list li .col-item:last-child .col-item-content {
  border: none;
}
@media (max-width: 991px) {
  .selected-list li .col-item:last-child .col-item-content {
    padding-bottom: 0;
  }
}
.selected-list li .col-item .col-card {
  display: flex;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  border-right: 1px solid #dee3ed;
  padding-right: 20px;
}
.selected-list li .col-item .col-card .img img {
  max-width: 40px;
}
.selected-list li .col-item .col-card .detail {
  display: flex;
  padding-left: 10px;
  width: 100%;
  align-items: center;
}
.selected-list li .col-item .col-card .detail > a.link {
  font-size: 14;
  font-size: 0.875rem;
  color: #222943;
  line-height: 1.43;
  letter-spacing: 0.4px;
  margin: 0;
}
.selected-list li .col-item .col-card .detail > a.link:hover {
  color: #049ead;
}
.selected-list li .col-item .col-card .detail .input-piece {
  max-width: 83px;
  height: 30px;
  margin: 0;
  padding: 6px;
  align-items: center;
  margin-left: auto;
}
.selected-list li .col-item .col-card .detail .input-piece .form-control {
  font-size: 14;
  font-size: 0.875rem;
  max-width: 32px;
}
.selected-list li .col-item .col-card .detail .input-piece a.link i {
  font-size: 18;
  font-size: 1.125rem;
}
@media (max-width: 991px) {
  .selected-list li .col-item .col-card {
    align-items: flex-start;
    border-right: 0;
    border-bottom: 1px solid #dee3ed;
  }
  .selected-list li .col-item .col-card .detail {
    flex-direction: column;
    align-items: flex-start;
    border-right: 0;
  }
  .selected-list li .col-item .col-card .detail > a.link {
    font-size: 16;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .selected-list li .col-item .col-card .detail .input-piece {
    margin-left: 0;
  }
}
.selected-list li:hover {
  color: #222943;
}
.selected-list li:hover .radio-wrap span {
  border-color: #6dd5e0;
}
.selected-list li.active {
  color: #222943;
}
.selected-list.last-item-button li.head-item .col-item:last-child .col-item-content {
  min-width: 400px;
}
@media (max-width: 1200px) {
  .selected-list.last-item-button li.head-item .col-item:last-child .col-item-content {
    min-width: 250px;
  }
}
@media (max-width: 991px) {
  .selected-list.last-item-button li.head-item .col-item:last-child .col-item-content {
    min-width: 100%;
  }
}
.selected-list.last-item-button li .col-item:last-child .col-item-content {
  min-width: 400px;
}
@media (max-width: 1200px) {
  .selected-list.last-item-button li .col-item:last-child .col-item-content {
    min-width: 250px;
  }
}
@media (max-width: 991px) {
  .selected-list.last-item-button li .col-item:last-child .col-item-content {
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  .selected-list.last-item-button li .col-auto {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .selected-list.last-item-button li .btn-wrap {
    border-top: 1px solid #dee3ed;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.selected-list-basket li {
  padding: 8px 20px;
}
.selected-list-basket li .row .col:first-child {
  flex: 0 0 70%;
  max-width: 70%;
}
@media (max-width: 991px) {
  .selected-list-basket li .row .col:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.selected-list-basket li .row .col:last-child {
  flex: 0 0 30%;
  max-width: 30%;
  margin-left: auto;
}
@media (max-width: 991px) {
  .selected-list-basket li .row .col:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.selected-list-basket li a.link-icon i:before {
  color: #a2a9b0;
}

.basket-dealer .selected-list-basket li {
  padding: 8px 20px;
}
.basket-dealer .selected-list-basket li .row .col:first-child {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 991px) {
  .basket-dealer .selected-list-basket li .row .col:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.basket-dealer .selected-list-basket li .row .col:last-child {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 991px) {
  .basket-dealer .selected-list-basket li .row .col:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.dropdown .dropdown-toggle {
  font-size: 16;
  font-size: 1rem;
  font-weight: normal;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  border-radius: 4px;
  border: solid 1px #dee3ed;
  color: #002855;
  background-color: #ffffff;
}
.dropdown .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.45em solid;
  border-right: 0.45em solid transparent;
  border-bottom: 0;
  border-left: 0.45em solid transparent;
  width: 14px;
  height: 0px;
  color: #838484;
}
.dropdown-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  border-color: #dee3ed;
  box-shadow: 0 3px 25px 0 #d7dce4;
}
.dropdown-menu .group > label {
  padding: 20px 25px;
  line-height: 1.5;
  color: #222943;
  border-bottom: 1px solid #dee3ed;
  display: block;
}
.dropdown-menu .group li {
  padding-left: 16px;
  padding-right: 0;
}
.dropdown-menu .group li .form-group {
  margin: 0;
  padding: 16px 0;
}
@media (max-width: 767px) {
  .dropdown-menu .group li .form-group {
    padding-left: 16px;
  }
}
.dropdown-menu .group li .form-group label {
  display: block;
  cursor: pointer;
  height: unset;
}
.dropdown.show .dropdown-toggle {
  border-bottom: 1px solid #dee3ed;
}
.dropdown.show .dropdown-toggle::after {
  transform: rotate(180deg);
  transform-origin: center;
}
.dropdown.multiple-select {
  background-color: #ffffff;
}
.dropdown.multiple-select .group li {
  border-bottom: 1px solid #dee3ed;
}
.dropdown.multiple-select .group li:last-child {
  border-bottom: none;
}
.dropdown.multiple-select .group li .checkbox-wrap, .dropdown.multiple-select .group li .radio-wrap {
  border-bottom: 0;
  padding: unset;
}
.dropdown.multiple-select .group li .checkbox-wrap label, .dropdown.multiple-select .group li .radio-wrap label {
  position: relative;
  padding: 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dropdown.multiple-select .group li .checkbox-wrap label span, .dropdown.multiple-select .group li .radio-wrap label span {
  position: relative;
}
.dropdown.multiple-select .group li .radio-wrap label span {
  top: 0;
}
.dropdown.multiple-select .group-btn {
  padding: 20px 16px;
}
.dropdown.multiple-select .dropdown-menu {
  overflow: unset;
  top: 54px;
  border: solid 1px #919eba;
  max-height: none;
}
.dropdown.multiple-select .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}
.dropdown.multiple-select .dropdown-menu::-webkit-scrollbar-track {
  width: 5px !important;
  background: #e7e7e6;
}
.dropdown.multiple-select .dropdown-menu::-webkit-scrollbar-thumb {
  background: #6c757d;
  width: 5px !important;
}
.dropdown.big-dropdown span {
  color: #666f85;
  font-size: 14px;
}
.dropdown.big-dropdown span input {
  display: none;
}
.dropdown.big-dropdown span.sup-group {
  color: #222943;
  font-size: 22px;
}
.dropdown.big-dropdown span.sup-group sup {
  position: static;
}
.dropdown.big-dropdown button {
  padding: 13px 20px;
  height: auto;
  display: block;
  text-align: left;
}
.dropdown.big-dropdown button span {
  display: block;
}
.dropdown.big-dropdown button:after {
  display: none;
}
.dropdown.big-dropdown button i {
  position: absolute;
  right: 0;
  font-size: 25px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  border-left: 1px solid #dee3ed;
  top: 0;
  height: 100%;
}
.dropdown.big-dropdown .dropdown-menu {
  border-radius: 0 0 0.25em 0.25em;
}
.dropdown.big-dropdown .dropdown-menu li {
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #dee3ed;
  font-size: 18px;
}
.dropdown.big-dropdown .dropdown-menu li span {
  line-height: 2.4;
}
.dropdown.big-dropdown .dropdown-menu li input {
  display: none;
}
.dropdown.big-dropdown .dropdown-menu li .sup-group {
  margin-right: 8px;
  font-size: 18px;
  display: block;
  line-height: normal;
}
.dropdown.big-dropdown .dropdown-menu li .sup-group sup {
  font-size: 18px;
}
.dropdown.big-dropdown.show button {
  border: solid 1px #049ead;
  border-radius: 4px 4px 0 0;
}
.dropdown.big-dropdown.show button i::before {
  content: "\e912";
}
.dropdown.big-dropdown.show .dropdown-menu {
  border-radius: 0 0 4px 4px;
  border: solid 1px #049ead;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .filter-panel-form .dropdown .dropdown-toggle .wrap {
    width: calc(100% - 30px);
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.filter-panel-form .dropdown .dropdown-toggle .wrap span {
  font-weight: bold;
}

.dropdown-wrap label {
  font-size: 12px;
  color: #666f85;
  margin-bottom: 8px;
}
.dropdown-wrap .color-dropdown .btn {
  padding: 16px;
  height: auto;
}
.dropdown-wrap .color-dropdown .dropdown-menu li {
  padding: 16px;
  border-bottom: 1px solid #dee3ed;
}
.dropdown-wrap .color-dropdown .dropdown-menu li input {
  display: none;
}

#CompareArea2 {
  justify-content: flex-end !important;
  margin-top: 32px !important;
  gap: 32px;
}
#CompareArea2 .bmcompare-button {
  margin-left: auto;
}
#CompareArea2 .link {
  place-self: center;
}
@media (max-width: 767px) {
  #CompareArea2 .link {
    margin-right: 16px;
  }
}
#CompareArea2 .form-group {
  place-self: center;
  min-width: 170px;
}
#CompareArea2 .select2-container .select2-selection--single {
  border: 0.5px solid #a5b2c3;
}
#CompareArea2 .badges {
  margin-right: auto;
}
#CompareArea2 .bmcompare-button {
  margin-left: auto;
}

.bm-comparebutton {
  display: flex;
  width: 170px;
  padding: 10px 16px;
  align-items: flex-start;
  gap: 3px;
  border-radius: 1000px;
  border: 0.5px solid #a5b2c3;
  background: var(--white-white, #fff);
  justify-content: space-between;
  cursor: pointer;
}
.bm-comparebutton strong {
  color: #222943;
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.bm-comparebutton .svg1 path {
  fill: #222943;
}
@media (max-width: 767px) {
  .bm-comparebutton {
    max-width: 160px;
    margin-bottom: 24px;
    padding: 8px 16px;
    margin-right: 0 !important;
  }
}

#s4-workspace img,
#s4-workspace video,
#s4-workspace object {
  max-width: 100%;
  height: auto;
}

#s4-workspace iframe {
  margin-bottom: 1em;
}

#s4-workspace figure {
  margin-bottom: 1em;
}
#s4-workspace figure img {
  margin-bottom: 0.5em;
}

#s4-workspace figcaption {
  font-style: italic;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none;
}

.radio-wrap {
  overflow: hidden;
  position: relative;
}
.radio-wrap input {
  width: 0;
  left: -999px;
  opacity: 0;
  height: 0;
  position: absolute;
}
.radio-wrap input:checked + label span:before {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.radio-wrap span {
  width: 24px;
  height: 24px;
  border: solid 2px #dee3ed;
  background-color: #ffffff;
  position: absolute;
  display: flex;
  display: inline-block;
  border-radius: 50%;
  padding: 2px 0;
  left: 0;
  top: 0;
  transition: all 200ms ease-in-out;
}
.radio-wrap span:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #eef1f6;
  display: block;
  border-radius: 50%;
  margin: auto;
}
.radio-wrap label {
  font-size: 16;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #666f85;
  padding-left: 32px;
  min-height: 24px;
  padding-top: 2px;
}
.radio-wrap:hover span {
  border-color: #6dd5e0;
}

.checkbox-wrap {
  overflow: hidden;
  position: relative;
}
.checkbox-wrap .form-group {
  padding: 16px 0 !important;
}
.checkbox-wrap .form .checkedbold {
  font-weight: bold;
  color: #202945;
}
.checkbox-wrap input {
  width: 0;
  left: -999px;
  opacity: 0;
  height: 0;
  position: absolute;
}
.checkbox-wrap input:checked ~ span:before {
  background-color: #002855;
  display: block;
  color: white;
  font-size: 16;
  font-size: 1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 24px;
  height: 24px;
}
.checkbox-wrap input:disabled ~ span {
  opacity: 0.3;
}
.checkbox-wrap span {
  border-radius: 2px;
  width: 24px;
  height: 24px;
  border: solid 1px #919eba;
  background-color: #ffffff;
  position: absolute;
  display: flex;
  display: inline-block;
  left: 0;
  top: 0;
  transition: all 200ms ease-in-out;
}
.checkbox-wrap span:before {
  content: "\e910";
  width: 100%;
  height: 100%;
  background-color: #eef1f6;
  display: block;
  border-radius: 2px;
  margin: auto;
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}
.checkbox-wrap label {
  font-size: 14;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #666f85;
  min-height: 24px;
  padding-left: 32px;
}
.checkbox-wrap:hover span {
  border-color: #002855;
}
.checkbox-wrap.checkbox-link {
  margin-bottom: 8px;
}
.checkbox-wrap.checkbox-link label {
  font-size: 14;
  font-size: 0.875rem;
}
.checkbox-wrap.checkbox-link label a {
  font-size: 14;
  font-size: 0.875rem;
}
.checkbox-wrap.checkbox-primary {
  margin-bottom: 14px;
}
.checkbox-wrap.checkbox-primary label {
  font-size: 14;
  font-size: 0.875rem;
  color: #049ead;
}
.checkbox-wrap.tariff span {
  border-radius: 24px;
  width: 24px;
  height: 24px;
}
.checkbox-wrap.tariff span:before {
  content: "";
  border-radius: 24px;
  width: 18px !important;
  height: 18px !important;
  top: 2px !important;
  left: 2px !important;
}

.radio-group > h6 {
  margin-bottom: 20px;
  font-weight: normal;
}
@media (max-width: 991px) {
  .radio-group > h6 {
    display: none;
  }
}
.radio-group.label-big-text > h6 {
  font-size: 16;
  font-size: 1.25rem;
  line-height: 1.5;
}
.radio-group .radio-group-wrap {
  display: flex;
}
@media (max-width: 767px) {
  .radio-group .radio-group-wrap {
    display: block;
  }
}
.radio-group .radio-group-wrap .form-group {
  margin-right: 30px;
}
.radio-group .radio-group-wrap .form-group.radio-tooltip-wrap .form-group {
  margin-right: 0;
}

.form-check-inline {
  margin-right: 28px;
}

.form-group {
  margin-bottom: 20px;
}
.form-group-wrap {
  margin-bottom: 20px;
}
.form-group label {
  line-height: 1.33;
  letter-spacing: 0.4px;
  font-size: 16;
  font-size: 1rem;
}
.form-group label.error {
  font-size: 0.875rem !important;
  color: #cc2d1f;
  font-weight: 600;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  padding-left: 25px;
  margin-top: 10px;
}
.form-group label.error:before {
  font-size: 20;
  font-size: 1.25rem;
  content: "\e913";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.form-group .input-label {
  font-size: 16;
  font-size: 1rem;
  font-weight: normal;
  color: #666f85;
  margin-bottom: 8px;
}
.form-group.right-icon-field {
  position: relative;
}
.form-group.right-icon-field i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  font-size: 16;
  font-size: 1.5rem;
}
.form-group.right-icon-field .form-control {
  padding-right: 50px;
}
.form-group.right-icon-field .form-control:hover, .form-group.right-icon-field .form-control:focus {
  border-color: #dee3ed;
}
.form-group.right-icon-field button {
  background-color: #dee3ed;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  box-shadow: none;
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group.right-icon-field button i {
  position: relative;
  right: 0;
  top: 0;
  margin: 0;
}
.form-group .input-group label {
  color: #666f85;
}
.form-group .input-group .form-control {
  border-radius: 4px 0 0 4px;
}
.form-group .input-group-append {
  position: relative;
  z-index: 8;
  background: white;
}
.form-group .input-group-append.sms-minute {
  border: 1px #dee3ed solid;
  color: #666f85;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.form-group .input-group-append.sms-minute span + span {
  margin-left: 5px;
}
.form-group .input-group-append .btn-outline-secondary {
  border-color: #dee3ed;
  color: #048a95;
}
.form-group .input-group-append .btn-outline-secondary:hover {
  background: none;
}
.form-group .input-group.input-group-search {
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  position: relative;
}
.form-group .input-group.input-group-search .form-control {
  border: 0;
}
.form-group .input-group.input-group-search .input-group-append {
  background-color: transparent;
}
.form-group .input-group.input-group-search .input-group-append .btn-outline-secondary {
  border-radius: 0 4px 4px 0;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  border: 0;
  color: #fff;
  padding: 9px 20px;
}
.form-group .input-group.input-group-search .input-group-append .btn-outline-secondary i {
  font-size: 22;
  font-size: 1.369rem;
}
.form-group .input-group.input-group-search .input-group-append .btn-outline-secondary i:before {
  color: #fff;
}
.form-group .input-group.input-group-search .input-group-search-list {
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  z-index: 11;
  display: none;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  height: auto;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .form-group .input-group.input-group-search .input-group-search-list {
    width: calc(100% - 60px);
  }
}
.form-group .input-group.input-group-search .input-group-search-list a {
  font-size: 16;
  font-size: 1rem;
  color: #586473;
  line-height: 1.13;
  font-weight: normal;
  display: block;
  padding: 19px 36px;
  box-shadow: inset 0 -1px 0 0 #dee3ed;
}
.form-group .input-group.input-group-search .input-group-search-list a:hover {
  background-color: rgba(222, 227, 237, 0.41);
  text-decoration: none;
}
.form-group .input-group.input-group-search .input-group-search-list a:last-child {
  box-shadow: none;
}
.form-group.js-float-label, .form-group.js-float-label-select {
  position: relative;
}
.form-group.js-float-label label, .form-group.js-float-label-select label {
  position: absolute;
  top: 17px;
  left: 16px;
  transition: all 0.3s ease;
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 8;
  background: white;
  right: 40px;
}
.form-group.js-float-label .form-control, .form-group.js-float-label-select .form-control {
  color: #222943;
}
.form-group.js-float-label.focused label, .form-group.js-float-label.populated label, .form-group.js-float-label-select.focused label, .form-group.js-float-label-select.populated label {
  font-size: 16;
  font-size: 0.75rem;
  top: 8px;
}
.form-group.js-float-label.focused .form-control, .form-group.js-float-label.populated .form-control, .form-group.js-float-label-select.focused .form-control, .form-group.js-float-label-select.populated .form-control {
  padding: 23px 16px 9px 16px;
}
.form-group.js-float-label.readonly label, .form-group.js-float-label-select.readonly label {
  background: #e9ecef;
}
.form-group.js-float-label-select label {
  width: calc(100% - 50px);
}
.form-group.js-float-label-select.focused .select2.large ~ .select2-container .select2-selection__rendered, .form-group.js-float-label-select.populated .select2.large ~ .select2-container .select2-selection__rendered {
  padding: 23px 16px 9px 16px;
}
.form-group.input-piece {
  border-radius: 4px;
  background-color: #f3f4f7;
  display: flex;
  padding: 9px 3px;
  max-width: 98px;
}
.form-group.input-piece a i {
  font-size: 28;
  font-size: 1.75rem;
}
.form-group.input-piece a i:before {
  color: #919eba;
}
.form-group.input-piece .form-control {
  border-radius: 0;
  font-size: 16;
  font-size: 1rem;
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: center;
  color: #222943;
  font-weight: bold;
  width: 44px;
}
.form-group.input-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-group.input-price .line {
  background-color: #919eba;
  height: 1px;
  min-width: 17px;
  margin: 0 5px;
}
.form-group.input-price .form-control {
  text-align: center;
}
.form-group.input-text {
  position: relative;
}
.form-group.input-text .form-control {
  padding-right: 42px;
}
.form-group.input-text span {
  font-size: 14;
  font-size: 0.875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #919eba;
  right: 16px;
}
.form-group .captcha {
  border-radius: 4px;
  border: 1px #dee3ed solid;
  display: flex;
  overflow: hidden;
}
.form-group .captcha > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.form-group .captcha > div img {
  max-width: 100%;
  max-height: 58px;
  width: auto;
  height: auto;
}
.form-group .captcha button {
  background-color: #fff;
  border: 0;
  border-left: 1px #dee3ed solid;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  padding: 14px;
  min-width: 62px;
}
.form-group .captcha button i {
  font-size: 24;
  font-size: 1.5rem;
  color: #049ead;
}
.form-group .captcha button:hover {
  text-decoration: none;
}

.form-control {
  border-radius: 4px;
  border: solid 1px #dee3ed;
  background-color: #ffffff;
  padding: 11px 16px;
  outline: none;
  box-shadow: none !important;
  height: auto;
  color: #666f85;
}
.form-control.xlarge {
  padding: 18px;
}
.form-control.large {
  padding: 16px;
}
.form-control.small {
  padding: 9px 16px;
}
.form-control:focus {
  border-color: #2cbdcc;
}
.form-control:hover {
  border-color: #919eba;
}
.form-control:disabled {
  background-color: #dee3ed;
}
.form-control.error {
  border-color: #cc2d1f;
}
.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:active, .form-control:-webkit-autofill:focus {
  background-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.select2-container {
  width: 100% !important;
}
.select2-container .select2-selection {
  outline: none;
}
.select2-container .select2-selection--single {
  border: 1px solid #dee3ed;
  height: auto;
  outline: none;
}
.select2-container .select2-selection--single:hover {
  border-color: #919eba;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: #666f85;
  font-size: 16;
  font-size: 1rem;
  line-height: 1.5;
  padding: 11px 16px;
  padding-right: 32px;
  outline: none;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
  color: #666f85;
  font-size: 16;
  font-size: 1rem;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
  width: 37px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #919eba transparent transparent transparent;
  border-width: 6px 5px 0 5px;
}
.select2-container .select2-dropdown {
  border: 1px solid #dee3ed;
  margin-top: 5px;
}
.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
  border-radius: 4px;
  border: solid 1px #dee3ed;
  background-color: #ffffff;
  padding: 11px 16px;
  outline: none;
  box-shadow: none !important;
}
.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  border-color: #2cbdcc;
}
.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field:hover {
  border-color: #919eba;
}
.select2-container .select2-dropdown .select2-results__option {
  padding: 12px 16px;
  color: #666f85;
}
.select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #f2f4f8;
}
.select2-container .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: #f2f4f8;
  color: #222943;
}

.select2.large ~ .select2-container .select2-selection__rendered {
  padding: 16px;
  padding-right: 32px;
}
.select2.small ~ .select2-container .select2-selection__rendered {
  padding: 9px 16px;
  padding-right: 32px;
}

.checkbox-tooltip-wrap .tooltip,
.checkbox-tooltip-wrap [data-toggle=tooltip] {
  height: 24px;
  position: relative;
  top: -4px;
}
.checkbox-tooltip-wrap .form-group {
  margin: 0;
}

.radio-tooltip-wrap {
  display: flex;
}
.radio-tooltip-wrap .form-group {
  margin: 0;
}
.radio-tooltip-wrap [data-toggle=tooltip] {
  margin-left: 3px;
  position: relative;
  top: -2px;
}

.form-group.error .select2-selection--single {
  border-color: #cc2d1f !important;
}
.form-group.error .select2-selection--single.filled {
  border-color: #cc2d1f !important;
}

.full-form .btn-primary {
  min-width: 177px;
}

table {
  width: 100%;
}
table.last-td-bold tr td:last-child {
  font-weight: bold;
}
table.last-text-right tr th:last-child {
  text-align: right;
}

.basket-table {
  border: none;
  font-size: 14;
  font-size: 0.875rem;
}
.basket-table th,
.basket-table td {
  border: none;
  padding: 0;
}
.basket-table td:last-child {
  text-align: right;
}
.basket-table tfoot tr th {
  padding: 18px 0;
}
.basket-table tfoot tr th:last-child {
  text-align: right;
}
.basket-table tfoot tr:first-child th {
  border-bottom: 1px solid #dee3ed;
}

.table tr:first-child td {
  border-top: none;
}
.table tr td,
.table tr th {
  padding: 16px 0;
  border-color: #dee3ed;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.table-striped tbody tr:nth-child(2n) {
  background-color: #f2f4f8;
}

.acordion-table-wrap,
.scroll-wrap {
  overflow: auto;
  position: relative;
}
@media (max-width: 991px) {
  .acordion-table-wrap.scroll-icon::before,
  .scroll-wrap.scroll-icon::before {
    font-family: "icomoon" !important;
    content: "\e902";
    position: absolute;
    font-size: 16;
    font-size: 3rem;
    color: #666f85;
    right: 58px;
    top: 0;
  }
}

.border-table {
  font-size: 14;
  font-size: 0.875rem;
  color: #222943;
  width: 99%;
  margin-left: 1px;
}
.border-table thead th {
  font-weight: normal;
  color: #666f85;
  line-height: 1.71;
  padding: 10px 16px;
}
.border-table tbody td,
.border-table tbody th,
.border-table tfoot td,
.border-table tfoot th {
  padding: 20px 16px;
  border: solid 1px #dee3ed;
}
.border-table tfoot th {
  background-color: #f2f4f8;
}

.accordion-table .first-item {
  cursor: pointer;
}
.accordion-table .first-item td:first-child {
  position: relative;
  padding-left: 35px;
}
.accordion-table .first-item td:first-child i {
  position: absolute;
  font-style: normal;
  top: 50%;
  margin-top: -11px;
  left: 16px;
}
.accordion-table .first-item td:first-child i::before {
  color: #666f85;
  content: "\e900";
  font-family: "icomoon" !important;
}
.accordion-table .first-item.opened td:first-child i::before {
  content: "\e919";
}
.accordion-table .secondary-sub-item {
  display: none;
  cursor: pointer;
}
.accordion-table .secondary-sub-item td:first-child {
  padding-left: 55px;
  position: relative;
}
.accordion-table .secondary-sub-item td:first-child i {
  position: absolute;
  font-style: normal;
  top: 50%;
  margin-top: -11px;
  left: 35px;
}
.accordion-table .secondary-sub-item td:first-child i::before {
  color: #666f85;
  content: "\e900";
  font-family: "icomoon" !important;
}
.accordion-table .secondary-sub-item.opened td:first-child i::before {
  content: "\e919";
}
.accordion-table .tertiary-sub-item {
  display: none;
}
.accordion-table .tertiary-sub-item td:first-child {
  padding-left: 56px;
}

.table-undertaking tbody tr:nth-of-type(odd) {
  background-color: transparent;
}
.table-undertaking tbody tr:nth-child(2n) {
  background-color: #f2f4f8;
}
.table-undertaking tfoot th {
  background-color: transparent;
  font-weight: normal;
  padding: 30px 16px;
}
.table-undertaking tfoot th:first-child {
  font-weight: bold;
}

.table-preferences thead th {
  padding: 16px;
}
.table-preferences tbody td {
  padding: 24px 16px;
}
.table-preferences tbody td:last-child {
  font-weight: bold;
}

.properties-table {
  border: none;
  margin-bottom: 20px;
}
.properties-table caption {
  position: absolute;
  left: -9999px;
}
.properties-table thead tr th {
  font-size: 16;
  font-size: 1rem;
  background-color: #dee3ed;
  border-bottom: 1px solid #dee3ed;
  color: #222943;
  font-weight: bold;
  line-height: 1.5;
  padding: 16px;
}
.properties-table thead tr:last-child th {
  border-bottom: 0;
}
.properties-table tbody tr:last-child td {
  border-bottom: 0;
}
.properties-table td {
  font-size: 14;
  font-size: 0.875rem;
  border-bottom: 1px solid #dee3ed;
  border-left: none;
  border-right: none;
  color: #222943;
  line-height: 1.71;
  padding: 14px 16px;
}
.properties-table td strong {
  display: block;
}
.properties-table th {
  border-bottom: 1px solid #dee3ed;
  border-right: 1px solid #dee3ed;
  padding: 14px 16px;
}
.properties-table.bordered {
  border: 1px #dee3ed solid;
}
.properties-table.bordered thead tr th {
  background-color: #f0f2f5;
  border-right: 1px #dee3ed solid;
}
.properties-table.bordered tbody tr td {
  border-right: 1px #dee3ed solid;
  border-bottom: 1px #dee3ed solid;
}
.properties-table.bordered tbody tr td.type-th {
  font-size: 16;
  font-size: 1rem;
  background-color: #f0f2f5;
  color: #222943;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .table-global-wrap {
    position: relative;
    overflow-x: scroll;
  }
}
.table-global-wrap::before {
  font-size: 40;
  font-size: 2.5rem;
  content: "\e902";
  font-family: "icomoon";
  color: #222943;
  opacity: 0;
  position: absolute;
  left: 28%;
  top: 120px;
  z-index: 5;
  display: none;
}
@media (max-width: 1200px) {
  .table-global-wrap::before {
    opacity: 0.4;
    display: block;
  }
}
@media (max-width: 767px) {
  .table-global-wrap::before {
    left: 20%;
  }
}
.table-global-wrap .tableArea {
  padding-bottom: 10px;
  position: relative;
}
@media (max-width: 991px) {
  .table-global-wrap .tableArea {
    width: 100%;
  }
}
.table-global-wrap .tableArea table {
  width: 100%;
  float: none;
}
.table-global-wrap .tableArea thead tr th {
  background: #0082ca;
  color: #fff;
  border: 0;
  width: auto !important;
  min-width: 30%;
  font-size: 14;
  font-size: 0.875rem;
  line-height: 1.4rem;
  padding: 20px 10px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .table-global-wrap .tableArea thead tr th {
    white-space: nowrap;
  }
}
.table-global-wrap .tableArea tr td {
  font-size: 14;
  font-size: 0.875rem;
  line-height: 1.4rem;
  padding: 15px 10px;
  border: 1px solid #dfdfdf;
  text-align: left;
  background: #fff;
  color: #515151;
}
.table-global-wrap .tableArea tr.tableAreaEven td {
  background: #fafafa !important;
}

.animate-fade {
  transition: opacity 0.3s ease-out;
}
.animate-fade:hover {
  opacity: 0;
}

.animate-move > .demo-shape {
  transition: all 0.8s ease-in-out;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.lc {
  max-width: 1070px;
  margin: 0 auto;
  padding: 0.5em;
}

.container {
  max-width: 1200px;
}

@media (min-width: 1800px) {
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.page-head {
  padding-bottom: 32px;
  padding-top: 10px;
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .page-head {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .page-head {
    padding-bottom: 20px;
    padding-top: 15px;
    width: 100%;
  }
}
.page-head.badge-active {
  padding-top: 66px;
}
@media (max-width: 767px) {
  .page-head.badge-active {
    padding-top: 70px !important;
  }
}
.page-head h1 {
  color: #222943;
  align-items: center;
  display: flex;
  font-weight: lighter;
  line-height: 1.25;
  margin-bottom: 16px;
  font-size: 36;
  font-size: 2.25rem;
}
.page-head h1 span {
  border-radius: 20px;
  font-size: 14;
  font-size: 0.875rem;
  background-color: rgba(206, 220, 0, 0.3);
  color: #939d04;
  display: inline-block;
  font-weight: 600;
  line-height: 1.14;
  padding: 6px 20px;
  text-align: center;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .page-head h1 {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .page-head h1 span {
    margin-left: 0;
    margin-bottom: 8px;
  }
}
.page-head.page-head-note {
  display: flex;
  align-items: center;
}
.page-head.page-head-note h1 {
  margin-bottom: 0;
}
.page-head.page-head-note span {
  font-size: 24;
  font-size: 1.5rem;
  color: #666f85;
  font-weight: 300;
  padding-left: 12px;
}
@media (max-width: 767px) {
  .page-head.page-head-note span {
    font-size: 18;
    font-size: 1.125rem;
  }
}
.page-head.page-head-links {
  display: flex;
  justify-content: space-between;
}
.page-head.page-head-links > div:last-child {
  text-align: right;
}
.page-head.page-head-links .btn-list {
  display: flex;
  margin-top: 12px;
}
.page-head.page-head-links .btn-list > .btn-icon {
  text-align: left;
  margin-left: 16px;
}
.page-head.page-head-links .btn-list > .btn-icon:first-child {
  margin-left: 0;
}
@media (max-width: 991px) {
  .page-head.page-head-links {
    flex-direction: column;
  }
  .page-head.page-head-links > div:last-child {
    margin-top: 30px;
    text-align: left;
  }
  .page-head.page-head-links .btn-list {
    flex-direction: column;
    margin-top: 10px;
  }
  .page-head.page-head-links .btn-list > .btn-icon {
    margin-left: 0;
    margin-top: 10px;
    line-height: 1.25;
  }
}

.left-menu-content main {
  min-height: 900px;
}
@media (max-width: 1200px) {
  .left-menu-content main {
    min-height: auto;
  }
}
@media (max-width: 1800px) {
  .left-menu-content main .container {
    padding-left: 200px;
  }
}
@media (min-width: 1201px) and (max-width: 1450px) {
  .left-menu-content main .container {
    padding-left: 90px;
  }
}
@media (max-width: 1300px) {
  .left-menu-content main .container {
    padding-left: 15px;
  }
}

.content-text-wrap {
  padding: 40px 0;
}
.content-text-wrap h3 {
  margin-bottom: 12px;
}
.content-text-wrap p {
  font-size: 20;
  font-size: 1.25rem;
}
.content-text-wrap a.btn {
  margin-top: 16px;
}

#contentRow, #s4-bodyContainer {
  padding: 0 !important;
  max-width: 1920px;
  margin: auto;
}

.not-found-page {
  padding: 60px 0;
  text-align: center;
}
.not-found-page img {
  margin-bottom: 25px;
}
.not-found-page p {
  font-weight: 600;
  color: #222943;
  margin-bottom: 20px;
}

/*------------------------------------*\
    $PAGE STRUCTURE
\*------------------------------------*/
.left-menu-content .header {
  padding: 15px 0;
}

.header {
  background: transparent;
  position: relative;
  z-index: 20;
}
@media (max-width: 1200px) {
  .header {
    background-color: white;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
  }
}
@media (min-width: 992px) {
  .header:hover {
    background-color: white;
    box-shadow: 0px 10000px 0 10000px rgba(0, 0, 0, 0.2);
  }
  .header:hover .link {
    color: unset !important;
  }
  .header:hover .type-icon li .link.link-icon .icon::before {
    color: unset !important;
  }
  .header:hover .type-icon li .link span {
    color: unset !important;
  }
  .header:hover .btn-icon-right {
    border: 1px #002855 solid !important;
  }
  .header:hover .btn-icon-right i.icon-down {
    color: unset !important;
  }
  .header:hover .btn-icon-right i.icon-down::before {
    color: #002855 !important;
  }
  .header:hover .btn-icon-right span {
    color: unset !important;
  }
  .header:hover .logo-wrap .logo a.logo:first-child {
    width: unset !important;
  }
  .header:hover .logo-wrap .logo a.logo:first-child::after {
    display: none !important;
  }
  .header:hover .logo-wrap .logo a.logo:first-child img {
    display: block !important;
  }
}
.header .col-sm-12.col-xl-auto.order-12.order-xl-2.nav-content {
  flex: unset;
}
.header .nav-content {
  position: inherit;
}
@media (max-width: 1200px) {
  .header .nav-content {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
  }
}
.header .header-top {
  background-color: transparent;
  box-shadow: none;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);
  padding: 12px 0;
}
@media (max-width: 767px) {
  .header .header-top {
    background-color: #f8f9fb;
  }
}
.header .header-top .container {
  display: flex;
  justify-content: space-between;
}
.header .header-top ul li {
  float: left;
}
.header .header-top ul li a {
  font-size: 14;
  font-size: 0.875rem;
  color: #586473;
  border-right: 1px #222943 solid;
  padding: 0 12px;
  line-height: 1.71;
}
.header .header-top ul li a.active {
  color: #222943;
  font-weight: bold;
}
.header .header-top ul li:first-child a {
  padding-left: 0;
}
.header .header-top ul li:last-child a {
  border-right: 0;
  padding-right: 0;
}
.header .header-top ul.type-icon li a {
  border: 0;
  color: #002855;
  font-weight: bold;
}
@media (max-width: 991px) {
  .header .header-top ul.type-icon li a {
    padding: 0 4px;
  }
}
.header .header-top ul.type-icon li a i.icon-hizli-islemler {
  font-size: 18;
  font-size: 1.125rem;
}
@media (max-width: 991px) {
  .header .header-top ul.type-icon li a i.icon-hizli-islemler {
    padding-top: 2px;
    margin-right: 0;
    font-size: 20;
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .header .header-top ul.type-icon li a span {
    display: none;
  }
}
.header .header-top ul.type-icon li .toggle-hizli-islemler .tp-bg {
  display: none;
  position: absolute;
  top: 23px;
  right: 0;
  z-index: 100;
  width: 296px;
  background: transparent;
  height: 14px;
}
.header .header-top ul.type-icon li .toggle-hizli-islemler:hover .tp-bg {
  display: block;
}
@media (min-width: 992px) {
  .header .header-top ul.type-icon li .toggle-hizli-islemler:hover .quick-menu {
    display: block;
  }
}
.header .header-top ul.type-icon li .quick-menu {
  display: none;
  position: absolute;
  top: 37px;
  right: 0;
  z-index: 100;
  width: 296px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #dee3ed;
}
@media (max-width: 991px) {
  .header .header-top ul.type-icon li .quick-menu {
    width: 100vw;
    right: -15px;
  }
}
.header .header-top ul.type-icon li .quick-menu.active {
  display: block;
}
.header .header-top ul.type-icon li .quick-menu li {
  border-bottom: 1px solid #dee3ed;
  float: none;
}
.header .header-top ul.type-icon li .quick-menu li:hover {
  background-color: #f1f3f7;
}
.header .header-top ul.type-icon li .quick-menu li a {
  display: block;
  padding: 18px;
  color: #586473;
  font-weight: 500;
}
.header > .container > div {
  flex-wrap: nowrap;
}
.header .header-en {
  padding: 15px 0;
}
@media (max-width: 1200px) {
  .header .header-en {
    padding: 0;
  }
}
.header .logo {
  display: flex;
  font-size: 16;
  font-size: 1.25rem;
  font-weight: normal;
  align-items: center;
}
.header .logo span {
  border-left: 1px solid #dee3ed;
  padding: 5px 0 5px 16px;
  margin-left: 16px;
  color: #222943;
}
@media (max-width: 767px) {
  .header .logo span {
    border: none;
    margin-left: 0;
  }
}
.header .logo:hover {
  text-decoration: none;
}
@media (min-width: 1300px) {
  .header .logo-wrap {
    max-width: 280px;
  }
}
@media (max-width: 1200px) {
  .header .logo-wrap {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.header .nav ul li {
  padding: 0;
}
.header .nav ul li > a {
  padding: 25px 18px;
}
@media (max-width: 1200px) {
  .header .nav ul li > a {
    font-weight: bold;
  }
}
.header .nav ul li > i {
  display: none;
}
.header .nav ul li .mega-menu {
  display: none;
}
.header .nav ul li .mega-menu .container {
  position: relative;
}
.header .nav ul li .mega-menu .container .row > div:first-child {
  position: unset;
  flex: unset !important;
  width: 234px;
}
.header .nav ul li .mega-menu .container .row > div:first-child a {
  text-decoration: underline !important;
  color: #05b4c7 !important;
}
.header .nav ul li .mega-menu .container .row > div:last-child {
  max-width: 50% !important;
}
@media (max-width: 991px) {
  .header .nav ul li .mega-menu .container .row > div:last-child {
    max-width: unset !important;
  }
}
.header .nav ul li.active .mega-menu {
  display: block;
}
@media (max-width: 1200px) {
  .header .nav ul li.active .mega-menu {
    display: block;
  }
}
.header .mobile-left-menu {
  display: none;
}
.header-right {
  float: right;
}
@media (min-width: 992px) {
  .header-right {
    float: none;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .header-right {
    display: block;
  }
}
.header .nav-toggle {
  font-size: 24;
  font-size: 1.5rem;
  display: none;
  float: right;
  line-height: 1;
  position: absolute;
  top: 64px;
  right: 60px;
  z-index: 9;
}
.header .nav-toggle:hover {
  text-decoration: none;
}
@media (max-width: 1200px) {
  .header .nav-toggle {
    display: block;
  }
}
.header .nav-toggle:before {
  content: "\e908";
  font-family: "icomoon";
  color: #002855;
}
.header .profile {
  font-size: 24;
  font-size: 1.5rem;
  display: none;
  float: right;
  line-height: 1;
  position: absolute;
  top: 64px;
  right: 16px;
  z-index: 9;
}
.header .profile:hover {
  text-decoration: none;
}
@media (max-width: 1200px) {
  .header .profile {
    display: block;
  }
}
.header .profile:before {
  content: "\e94b";
  font-family: "icomoon";
  color: #002855;
}
.header .profile.active {
  top: 55px;
  right: 10px;
}
.header .profile.active:before {
  content: "\e90a";
  font-family: "icomoon";
  color: #002855;
  font-size: 42;
  font-size: 2.625rem;
}
@media (max-width: 1200px) {
  .header .btn-basket {
    position: absolute;
    z-index: 2;
    right: 35px;
    top: 65px;
    width: auto;
  }
}
@media (max-width: 1200px) {
  .header .btn-basket a {
    background: none;
    border: none;
    width: 24px;
    display: block;
    height: 24px;
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .header .btn-basket a:hover, .header .btn-basket a:active {
    background: none !important;
  }
}
@media (max-width: 1200px) {
  .header .btn-basket a i {
    left: 0;
  }
}
@media (max-width: 1200px) {
  .header .btn-basket a span {
    display: none;
  }
  .header .btn-basket a span.badge {
    display: flex;
    right: -8px;
    top: -6px;
    left: auto;
  }
}
@media (max-width: 1200px) {
  .header .header-button-group {
    display: none;
    padding-top: 20px;
    border-top: 1px solid #dee3ed;
  }
  .header .header-button-group .btn {
    width: 100%;
    text-align: center;
  }
}
.header .mobil-online-menu {
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  background-color: #fff;
  z-index: 10;
  overflow: auto;
  align-content: baseline;
}
.header .mobil-online-menu.active {
  display: block;
}
.header .mobil-online-menu .dropdown-online .mobil-online-title {
  padding: 34px 16px 16px 16px;
  border-radius: 0 0 18px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
  background: #fff;
  overflow: hidden;
}
.header .mobil-online-menu .dropdown-online .mobil-online-title span {
  font-weight: 700;
}
.header .mobil-online-menu .dropdown-online .mobil-online-title i {
  position: absolute;
  right: 20px;
  top: 16px;
}
.header .mobil-online-menu .dropdown-online .mobil-online-title i:before {
  font-size: 32;
  font-size: 2rem;
}
.header .mobil-online-menu .dropdown-online .list {
  padding-top: 60px;
}
.header .mobil-online-menu .dropdown-online .list li:first-child:before {
  display: none;
}
.header .mobil-online-menu .dropdown-online .list li:first-child a {
  padding-top: 34px;
}
.header .mobil-online-menu.kurumsal {
  height: auto;
  top: 105px;
  background-color: transparent;
}
.header .mobil-online-menu.kurumsal .dropdown-online .mobil-online-title {
  display: none;
}
.header .mobil-online-menu.kurumsal .dropdown-online .list {
  padding-top: 0;
}
.header .mobil-online-menu.kurumsal .dropdown-online .list li:first-child a {
  padding-top: 34px;
}
.header .mobil-online-menu .help-block {
  position: absolute;
  left: 16px;
  bottom: 30px;
}
.header .mobil-online-menu .help-block a {
  font-weight: 700;
  margin-left: 8px;
  color: inherit;
}
.header .mobil-online-detail {
  display: none;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: #fff;
  overflow: auto;
  align-content: baseline;
}
.header .mobil-online-detail.active {
  display: block;
}
.header .mobil-online-detail .online-menu-title {
  padding: 34px 16px 16px 16px;
  border-radius: 0 0 18px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
  background: #fff;
  overflow: hidden;
}
.header .mobil-online-detail .online-menu-title.turquoise {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0) 41%), linear-gradient(to bottom, #006777, #006777);
}
.header .mobil-online-detail .online-menu-title.blue-light {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.header .mobil-online-detail .online-menu-title.blue-lighting {
  background-color: #0082ca;
}
.header .mobil-online-detail .online-menu-title.blue-dark {
  background-color: #0058ad;
}
.header .mobil-online-detail .online-menu-title span {
  font-weight: 700;
  color: #ffffff;
}
.header .mobil-online-detail .online-menu-title i {
  position: absolute;
  right: 20px;
  top: 16px;
}
.header .mobil-online-detail .online-menu-title i:before {
  font-size: 32;
  font-size: 2rem;
  color: #ffffff;
}
.header .mobil-online-detail .phone-code {
  margin-top: 100px;
}
.header .mobil-online-detail .checkbox-wrap {
  margin-bottom: 50px;
}
.header .mobil-online-detail .sign-up-block {
  position: absolute;
  bottom: 0;
  width: calc(100% - 30px);
  text-align: center;
  border-top: 1px solid #dee3ed;
  padding: 20px 0 40px;
}
.header .mobil-online-detail .sign-up-block a {
  width: 100%;
  margin-top: 10px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .header.nav-active * {
    color: #002855 !important;
  }
  .header.nav-active .mobile-scroll {
    overflow: auto;
    padding-top: 50px;
    height: calc(100vh - 30px);
    align-content: baseline;
  }
  .header.nav-active .mobile-scroll::-webkit-scrollbar {
    display: none;
  }
  .header.nav-active .mobile-scroll .logo-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: #ffffff;
    height: 56px;
    width: 100%;
    border-bottom: 1px solid #dee3ed;
  }
  .header.nav-active .header-top {
    display: none;
  }
  .header.nav-active .logo {
    visibility: hidden;
  }
  .header.nav-active .nav-toggle {
    font-size: 32;
    font-size: 2rem;
    top: 12px;
    right: 10px;
    transform: none;
  }
  .header.nav-active .nav-toggle:before {
    content: "\e90a";
    color: #002855 !important;
  }
  .header.nav-active .profile {
    display: none;
  }
  .header.nav-active .btn-basket {
    display: none !important;
  }
  .header.nav-active .header-button-group {
    display: none;
  }
  .header.nav-active .mobile-left-menu {
    display: block;
  }
}
.header .yns-navigation {
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .header .yns-navigation {
    height: 70px;
  }
}
.header .yns-navigation .logo {
  display: flex;
  align-items: center;
  width: 190px;
}
.header .yns-navigation .logo a {
  width: 100%;
}
.header .yns-navigation .logo a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header .yns-navigation .logo {
    width: 150px;
    padding-left: 10px;
    position: absolute;
    z-index: 9990;
  }
  .header .yns-navigation .logo a {
    width: 80%;
  }
  .header .yns-navigation .logo a img {
    padding-top: 20px;
  }
}
@media screen and (max-width: 991px) {
  .header .yns-navigation .headers .mobile-nav-button {
    display: block !important;
  }
  .header .yns-navigation .headers .nav {
    background: #fff;
    position: absolute;
    top: 70px;
    padding: 0;
    width: 109%;
    left: -15px;
    overflow: hidden;
    display: none !important;
    z-index: 999;
    text-align: center;
    height: 100vh;
  }
  .header .yns-navigation .headers .nav .big-list {
    width: 100%;
    padding: 0px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: none !important;
  }
  .header .yns-navigation .headers .nav .big-list .big-list-item {
    float: none;
    padding: 0 15px;
    position: relative;
    color: #000;
  }
  .header .yns-navigation .headers .nav .big-list .big-list-item a {
    color: #172a53;
  }
  .header .yns-navigation .headers .nav .big-list .big-list-item .little-list {
    border-top: none !important;
    height: 100%;
  }
  .header .yns-navigation .headers .nav #accordionGroup {
    display: block !important;
  }
}
.header .yns-navigation .headers .mobile-nav-button {
  width: 35px;
  height: 37px;
  display: none;
  position: absolute;
  right: 0;
  top: 7px;
  margin: 10px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header .yns-navigation .headers .mobile-nav-button span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #04b3c7;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.header .yns-navigation .headers .mobile-nav-button span:nth-child(1) {
  top: 8px;
}
.header .yns-navigation .headers .mobile-nav-button span:nth-child(2) {
  top: 18px;
}
.header .yns-navigation .headers .mobile-nav-button span:nth-child(3) {
  top: 18px;
}
.header .yns-navigation .headers .mobile-nav-button span:nth-child(4) {
  top: 28px;
}
.header .yns-navigation .headers .mobile-nav-button.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.header .yns-navigation .headers .mobile-nav-button.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header .yns-navigation .headers .mobile-nav-button.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header .yns-navigation .headers .mobile-nav-button.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.header .yns-navigation .headers .active {
  display: block !important;
}
.header .yns-navigation .headers .nav {
  display: inline-block;
}
.header .yns-navigation .headers .nav .mobile-navs {
  display: none;
  position: relative;
  top: 20%;
  height: 100%;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item {
  border-bottom: none;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-header {
  text-align: center;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-header a {
  padding: 10px 0;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-header a::after {
  display: none;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-content .accordion-content-body {
  padding-bottom: 0;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-content .accordion-content-body ul.little-list {
  width: 100%;
  text-align: center;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-content .accordion-content-body ul.little-list li {
  padding: 6px 0;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-content .accordion-content-body ul.little-list li a {
  color: #172a53;
}
.header .yns-navigation .headers .nav .mobile-navs .accordion .accordion-item .accordion-content .accordion-content-body ul.little-list li a:hover {
  text-decoration: none;
  font-size: 18px;
}
.header .yns-navigation .headers .nav .big-list {
  padding-top: 0;
  z-index: 10;
  display: flex;
  list-style-type: none;
  margin: 0;
}
.header .yns-navigation .headers .nav .big-list .big-list-item {
  position: relative;
}
.header .yns-navigation .headers .nav .big-list .big-list-item a {
  font-size: 1rem;
  color: #002855;
  display: block;
  height: 100px;
  line-height: 100px;
  margin-right: 5px;
  position: relative;
  font-weight: 500;
  text-decoration: none;
  padding: 3px 10px 35px;
}
.header .yns-navigation .headers .nav .big-list .big-list-item a:hover {
  color: #05b4c7;
}
.header .yns-navigation .headers .nav .big-list .big-list-item .little-list {
  display: none;
  border-top: 2px solid #04b3c7;
  list-style: none;
  padding-left: 5px;
  width: 100%;
  position: absolute;
  background-color: #fff;
}
.header .yns-navigation .headers .nav .big-list .big-list-item .little-list li {
  padding: 15px 0;
}
.header .yns-navigation .headers .nav .big-list .big-list-item .little-list li .little-list-link {
  padding: 5px;
  height: auto;
  line-height: 1;
}
.header .yns-navigation .headers .nav .big-list .big-list-item:hover .little-list {
  display: block;
}
@media (max-width: 991px) {
  .header.dark-bg {
    background: #FFF;
    background-color: #FFF;
    box-shadow: none;
  }
}
.header.dark-bg .mega-menu a, .header.dark-bg .mega-menu p {
  color: unset !important;
}
.header.dark-bg .header-top {
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
  .header.dark-bg .header-top {
    background: transparent;
    background-color: transparent;
    box-shadow: none;
  }
}
.header.dark-bg .header-top .container ul li .link {
  color: rgba(255, 255, 255, 0.5);
}
.header.dark-bg .header-top .container ul li .link.active {
  color: #fff;
}
.header.dark-bg .header-top .container ul li:first-child a {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.header.dark-bg .header-top .container ul.quick-menu li a {
  border-right: none !important;
}
.header.dark-bg .header-top .container ul.type-icon li .link.link-icon .icon::before {
  color: rgba(255, 255, 255, 0.5);
}
.header.dark-bg .header-top .container ul.type-icon li .link span {
  color: #fff;
}
@media (max-width: 767px) {
  .header.dark-bg .profile:before {
    color: rgba(255, 255, 255, 0.5);
  }
}
.header.dark-bg > .container > div .logo-wrap .logo a.logo:first-child {
  width: 130px;
}
.header.dark-bg > .container > div .logo-wrap .logo a.logo:first-child::after {
  content: "";
  position: absolute;
  top: -22px;
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/tt-logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 44px;
  width: 130px;
}
.header.dark-bg > .container > div .logo-wrap .logo a.logo:first-child img {
  display: none;
}
.header.dark-bg > .container > div .nav-content .nav .list li a {
  color: #fff;
}
.header.dark-bg > .container > div .header-button-group .dropdown-online .btn-icon-right {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.header.dark-bg > .container > div .header-button-group .dropdown-online .btn-icon-right i.icon-down::before {
  color: #fff !important;
}
.header.dark-bg > .container > div .header-button-group .dropdown-online .btn-icon-right span {
  color: #fff;
}
.header.dark-bg:hover .container .header-button-group .dropdown-online .btn-icon-right i.icon-down::before {
  color: #002855 !important;
}
@media (max-width: 991px) {
  .header.light-bg {
    background: #FFF;
    background-color: #FFF;
    box-shadow: none;
  }
  .header.light-bg .header-top {
    background-color: transparent;
    box-shadow: none;
  }
}
@media (max-width: 1200px) {
  .header.scrolled {
    background-color: white;
  }
  .header.scrolled .header-top {
    background-color: #f8f9fb;
  }
  .header.scrolled .link {
    color: unset !important;
  }
  .header.scrolled .type-icon li .link.link-icon .icon::before {
    color: unset !important;
  }
  .header.scrolled .type-icon li .link span {
    color: unset !important;
  }
  .header.scrolled .btn-icon-right {
    border: 1px #002855 solid !important;
  }
  .header.scrolled .btn-icon-right i.icon-down {
    color: unset !important;
  }
  .header.scrolled .btn-icon-right i.icon-down::before {
    color: #002855 !important;
  }
  .header.scrolled .btn-icon-right span {
    color: unset !important;
  }
  .header.scrolled .logo-wrap .logo a.logo:first-child {
    width: unset !important;
  }
  .header.scrolled .logo-wrap .logo a.logo:first-child::after {
    display: none !important;
  }
  .header.scrolled .logo-wrap .logo a.logo:first-child img {
    display: block !important;
  }
  .header.scrolled .container ul li:first-child a {
    border-right: 1px solid #002855 !important;
  }
  .header.scrolled .container .nav-toggle:before {
    color: #002855;
  }
  .header.scrolled .container .profile:before {
    color: #002855;
  }
}
@media (max-width: 767px) {
  .header.homepagesheader {
    background-color: transparent;
  }
  .header.homepagesheader .header-top {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .header.homepagesheader .header-top .type-icon li .quick-menu {
    display: none;
  }
}
@media (max-width: 767px) {
  .header.homepagesheader .show {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .header.homepagesheader .show .type-icon li .quick-menu {
    display: block;
  }
}

.mega-menu {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 123px;
  width: 100%;
  padding: 10px 0;
}
.mega-menu-box {
  margin: 30px 0;
}
.mega-menu-box h2 {
  font-size: 32;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: normal;
  line-height: 1.44;
  padding-bottom: 6px;
}
.mega-menu-box span.mega-menu-title {
  font-size: 32;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: normal;
  line-height: 1.44;
  padding-bottom: 6px;
}
.mega-menu-box p {
  font-size: 18;
  font-size: 1.125rem;
  line-height: 1.44;
  letter-spacing: normal;
}
.mega-menu-box a.link {
  font-weight: bold;
  line-height: 1.63;
}
.mega-menu-img {
  position: absolute;
  top: 45px;
  right: 0;
  height: 100%;
  display: flex;
  align-items: start;
  transform: translate(0px, -15px);
}
.mega-menu-img.type2 {
  border-radius: 8px;
  box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
  padding-top: 244px;
  position: unset !important;
  height: 428px;
}
@media (max-width: 767px) {
  .mega-menu-img.type2 {
    flex-direction: row-reverse;
    height: unset;
  }
}
.mega-menu-img.type2 a.img {
  position: absolute;
  left: 0;
  top: 0;
}
.mega-menu-img.type2 ul.list {
  text-align: left;
  margin-bottom: 10px;
}
.mega-menu-img.type2 ul.list li {
  font-size: 14;
  font-size: 0.875rem;
  margin-bottom: 4px;
}
.mega-menu-img.type2 ul.list li::before {
  top: 6px;
}
.mega-menu-img.type2 .btns-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.mega-menu-img.type2 .btns-wrap .btn {
  margin: 0;
}
.mega-menu-img.type2 .btns-wrap .btn:first-child {
  margin-right: 20px;
}
.mega-menu-img.type2 .btns-wrap .btn:last-child {
  margin-right: 0;
}
.mega-menu-img.type2 .btns-wrap .btn:nth-child(2n) {
  margin-bottom: 10px;
}
.mega-menu-img.type2 .caption {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.mega-menu-img.type2 .caption h4 {
  min-height: 44px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: start;
  margin-bottom: 0;
  display: flex;
  align-items: baseline;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .mega-menu-img.type2 .caption h4 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.mega-menu-img.type2 .caption p.small {
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .mega-menu-img.type2 .caption p.small {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.mega-menu-img.type2 .caption .btns-wrap {
  margin-top: auto;
  max-width: 90px;
}
.mega-menu-img.type2 .caption .campaign-date {
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 991px) {
  .mega-menu-img.type2 {
    padding-top: 0;
    min-height: 150px;
    border-radius: 8px 8px 0px 8px;
    border-bottom-left-radius: 8px;
  }
  .mega-menu-img.type2 a.img {
    position: relative;
    position: absolute;
    right: 0;
    left: unset;
    max-height: 150px;
  }
  .mega-menu-img.type2 a.img img {
    border-radius: 0;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 150px;
    -o-object-position: top;
       object-position: top;
    max-height: inherit !important;
    border-top-right-radius: 8px;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .mega-menu-img.type2 a.img img {
    width: 150px;
  }
}
@media (max-width: 991px) {
  .mega-menu-img.type2 .caption {
    position: absolute;
    left: 0;
    width: 52%;
    border-radius: 8px 15px 0px 8px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 370px;
  max-width: 370px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  position: relative !important;
  border: 1px solid #DEE3ED;
  transform: unset;
  top: unset;
  overflow: hidden;
  box-shadow: unset;
}
.mega-menu-img.type2.ct__bidunyafirsat:hover {
  box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat {
    min-width: unset;
    max-width: 296px;
    box-shadow: unset;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat.active {
  display: block;
}
.mega-menu-img.type2.ct__bidunyafirsat a.img {
  position: relative;
  left: unset;
  top: unset;
  width: 100%;
  max-width: 370px;
  min-width: 370px;
  margin-right: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat a.img {
    max-height: unset;
    max-width: inherit;
    min-width: inherit;
    width: 100% !important;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat a.img .img-fluid {
  width: 100%;
  border-radius: 8px 8px 0 0;
  aspect-ratio: 13/10;
}
.mega-menu-img.type2.ct__bidunyafirsat .caption {
  position: relative;
  padding: 32px 24px;
  display: flex;
  row-gap: 12px;
  width: 100%;
  border-radius: 0 0 8px 8px;
  min-height: 263px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption {
    padding: 24px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption h4 {
  font-size: 18;
  font-size: 1.125rem;
  align-items: center;
  max-height: 44px;
  max-width: 240px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption h4 {
    max-width: 206px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption p.small {
  font-size: 16;
  font-size: 1rem;
  min-height: 66px;
  max-height: 66px;
  height: 100%;
  color: #414C5B;
  margin-bottom: 0;
  line-height: 22px;
  font-weight: 400;
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .campaign-date {
  display: block;
  max-height: 31px;
  min-height: 31px;
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .campaign-date p {
  color: #586473;
  margin-bottom: 0;
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .campaign-date p strong {
  color: #222943;
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .btns-wrap {
  max-height: 22px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .btns-wrap {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .btns-wrap .btn {
  background-color: unset;
  color: #049EAD;
  border: unset;
  text-align: start;
  padding: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .btns-wrap .btn {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 5;
  transform: translate(27px, -50%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container {
    transform: translate(19px, -50%);
    margin: unset;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg {
  display: flex;
  align-items: center;
  width: 176px;
  height: 176px;
  background-color: #fff;
  -webkit-clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
          clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg {
    width: 126px;
    height: 126px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle {
  width: 140px;
  height: 140px;
  background: linear-gradient(8.65deg, #004E88 -3.49%, #83C5E8 109.51%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle {
    width: 100px;
    height: 100px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-price {
  font-size: 14;
  font-size: 0.875rem;
  height: auto;
  color: #fff;
  margin-right: 6px;
  line-height: 24px;
  margin-bottom: unset;
  margin-top: unset;
  display: flex;
  align-items: center;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-price {
    font-size: 10;
    font-size: 0.625rem;
    margin-top: unset;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-text {
  font-weight: 700;
  margin-left: 2px;
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-number {
  color: #fff;
  font-size: 30;
  font-size: 1.875rem;
  margin-left: 2px;
  font-weight: 700;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-number {
    font-size: 20;
    font-size: 1.25rem;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-text {
  height: auto;
  color: #fff;
  margin-right: 6px;
  font-size: 16px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-bg .triangle .triangle-text {
    font-size: 12;
    font-size: 0.75rem;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-top {
  position: absolute;
  z-index: 5;
  width: 34px;
  height: 34px;
  right: 56px;
  top: 5px;
  background: linear-gradient(12.61deg, #880200 -7.79%, #E88486 71.69%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-top {
    width: 24px;
    height: 24px;
    right: 47px;
    top: 8px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-right {
  position: absolute;
  z-index: 5;
  width: 20px;
  height: 20px;
  right: 76px;
  bottom: 24px;
  background: linear-gradient(189.79deg, #858700 -6.94%, #E6E47F 97.02%);
  -webkit-clip-path: polygon(80% 50%, 0% 0%, 0% 100%);
          clip-path: polygon(80% 50%, 0% 0%, 0% 100%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-right {
    width: 14px;
    height: 14px;
    right: 57px;
    bottom: 19px;
  }
}
.mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-left {
  position: absolute;
  z-index: 5;
  width: 34px;
  height: 34px;
  left: 30px;
  bottom: 45px;
  background: linear-gradient(224.88deg, #5FC0D5 35.35%, #2CB1E0 79.86%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__bidunyafirsat .caption .triangle-container .triangle-left {
    width: 20px;
    height: 20px;
    left: 16px;
    bottom: 39px;
  }
}
.mega-menu-img.type2.ct__prime {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 370px;
  max-width: 370px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  position: relative !important;
  border: 1px solid #DEE3ED;
  transform: unset;
  top: unset;
  overflow: hidden;
  box-shadow: unset;
}
.mega-menu-img.type2.ct__prime:hover {
  box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime {
    min-width: unset;
    max-width: 296px;
    box-shadow: unset;
  }
}
.mega-menu-img.type2.ct__prime.active {
  display: block;
}
.mega-menu-img.type2.ct__prime a.img {
  position: relative;
  left: unset;
  top: unset;
  width: 100%;
  max-width: 370px;
  min-width: 370px;
  margin-right: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime a.img {
    max-height: unset;
    max-width: inherit;
    min-width: inherit;
    width: 100% !important;
  }
}
.mega-menu-img.type2.ct__prime a.img .img-fluid {
  width: 100%;
  border-radius: 8px 8px 0 0;
  aspect-ratio: 13/10;
}
.mega-menu-img.type2.ct__prime .caption {
  position: relative;
  padding: 32px 24px;
  display: flex;
  row-gap: 12px;
  width: 100%;
  border-radius: 0 0 8px 8px;
  min-height: 263px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption {
    padding: 24px;
  }
}
.mega-menu-img.type2.ct__prime .caption h4 {
  font-size: 18;
  font-size: 1.125rem;
  align-items: center;
  max-height: 44px;
  max-width: 240px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption h4 {
    max-width: 206px;
  }
}
.mega-menu-img.type2.ct__prime .caption p.small {
  font-size: 16;
  font-size: 1rem;
  min-height: 66px;
  max-height: 66px;
  height: 100%;
  color: #414C5B;
  margin-bottom: 0;
  line-height: 22px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mega-menu-img.type2.ct__prime .caption .campaign-date {
  display: block;
  max-height: 31px;
  min-height: 31px;
}
.mega-menu-img.type2.ct__prime .caption .campaign-date p {
  color: #586473;
  margin-bottom: 0;
}
.mega-menu-img.type2.ct__prime .caption .campaign-date p strong {
  color: #222943;
}
.mega-menu-img.type2.ct__prime .caption .btns-wrap {
  max-height: 22px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .btns-wrap {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__prime .caption .btns-wrap .btn {
  background-color: unset;
  color: #623;
  border: unset;
  text-align: start;
  padding: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .btns-wrap .btn {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__prime .caption .triangle-container {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 5;
  transform: translate(27px, -50%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container {
    transform: translate(19px, -50%);
    margin: unset;
  }
}
.mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg {
  display: flex;
  align-items: center;
  width: 176px;
  height: 176px;
  background-color: #fff;
  -webkit-clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
          clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg {
    width: 126px;
    height: 126px;
  }
}
.mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle {
  width: 140px;
  height: 140px;
  background: linear-gradient(90deg, #FF232C 20%, #00439A 64.41%, #00439A 78.01%, #00FFFF 127.73%), linear-gradient(1deg, rgba(255, 255, 255, 0) 72.29%, rgba(255, 255, 255, 0.75) -33.31%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle {
    width: 100px;
    height: 100px;
  }
}
.mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-price {
  font-size: 14;
  font-size: 0.875rem;
  color: #FFF;
  margin-right: 6px;
  line-height: 24px;
  margin-bottom: unset;
  margin-top: 19px;
  display: flex;
  align-items: center;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-price {
    font-size: 10;
    font-size: 0.625rem;
    margin-top: unset;
  }
}
.mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-text {
  font-weight: 800;
  margin-left: 2px;
  color: #FFF;
}
.mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-number {
  color: #FFF;
  font-size: 30;
  font-size: 1.875rem;
  margin-left: 2px;
  font-weight: 700;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-number {
    font-size: 20;
    font-size: 1.25rem;
  }
}
.mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-text {
  height: auto;
  color: #FFF;
  margin-right: 6px;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-text {
    font-size: 12;
    font-size: 0.75rem;
  }
}
@media (min-width: 991px) and (max-width: 1299px) {
  .mega-menu-img.type2.ct__prime .caption .triangle-container .triangle-bg .triangle .triangle-text {
    margin-bottom: unset;
  }
}
.mega-menu-img.type2.ct__primebusiness {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 370px;
  max-width: 370px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  position: relative !important;
  border: 1px solid #DEE3ED;
  transform: unset;
  top: unset;
  overflow: hidden;
  box-shadow: unset;
}
.mega-menu-img.type2.ct__primebusiness:hover {
  box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness {
    min-width: unset;
    max-width: 296px;
    box-shadow: unset;
  }
}
.mega-menu-img.type2.ct__primebusiness.active {
  display: block;
}
.mega-menu-img.type2.ct__primebusiness a.img {
  position: relative;
  left: unset;
  top: unset;
  width: 100%;
  max-width: 370px;
  min-width: 370px;
  margin-right: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness a.img {
    max-height: unset;
    max-width: inherit;
    min-width: inherit;
    width: 100% !important;
  }
}
.mega-menu-img.type2.ct__primebusiness a.img .img-fluid {
  width: 100%;
  border-radius: 8px 8px 0 0;
  aspect-ratio: 13/10;
}
.mega-menu-img.type2.ct__primebusiness .caption {
  position: relative;
  padding: 32px 24px;
  display: flex;
  row-gap: 12px;
  width: 100%;
  border-radius: 0 0 8px 8px;
  min-height: 263px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption {
    padding: 24px;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption h4 {
  font-size: 18;
  font-size: 1.125rem;
  align-items: center;
  max-height: 44px;
  max-width: 240px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption h4 {
    max-width: 206px;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption p.small {
  font-size: 16;
  font-size: 1rem;
  min-height: 66px;
  height: 100%;
  color: #414C5B;
  margin-bottom: 0;
  line-height: 22px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mega-menu-img.type2.ct__primebusiness .caption .campaign-date {
  display: block;
  max-height: 31px;
  min-height: 31px;
}
.mega-menu-img.type2.ct__primebusiness .caption .campaign-date p {
  color: #586473;
  margin-bottom: 0;
}
.mega-menu-img.type2.ct__primebusiness .caption .campaign-date p strong {
  color: #222943;
}
.mega-menu-img.type2.ct__primebusiness .caption .btns-wrap {
  max-height: 22px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .btns-wrap {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .btns-wrap .btn {
  background-color: unset;
  color: #623;
  border: unset;
  text-align: start;
  padding: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .btns-wrap .btn {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 5;
  transform: translate(27px, -50%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .triangle-container {
    transform: translate(19px, -50%);
    margin: unset;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg {
  display: flex;
  align-items: center;
  width: 176px;
  height: 176px;
  background-color: #fff;
  -webkit-clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
          clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg {
    width: 126px;
    height: 126px;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle {
  width: 140px;
  height: 140px;
  background: linear-gradient(330.46deg, rgba(255, 35, 44, 0.1) -6.88%, rgba(0, 67, 154, 0.1) 55.93%, rgba(0, 255, 255, 0.1) 117.49%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle {
    width: 100px;
    height: 100px;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-price {
  font-size: 14;
  font-size: 0.875rem;
  height: auto;
  color: #222943;
  margin-right: 6px;
  line-height: 24px;
  margin-bottom: unset;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-price {
    font-size: 10;
    font-size: 0.625rem;
    margin-top: unset;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-text {
  font-weight: 800;
  margin-left: 2px;
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-number {
  color: #222943;
  font-size: 30;
  font-size: 1.875rem;
  margin-left: 2px;
  font-weight: 700;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-price .triangle-price-number {
    font-size: 20;
    font-size: 1.25rem;
  }
}
.mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-text {
  height: auto;
  color: #222943;
  margin-right: 6px;
  font-size: 16px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__primebusiness .caption .triangle-container .triangle-bg .triangle .triangle-text {
    font-size: 12;
    font-size: 0.75rem;
  }
}
.mega-menu-img.type2.ct__mobilkampanya {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 370px;
  max-width: 370px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  position: relative !important;
  border: 1px solid #DEE3ED;
  transform: unset;
  top: unset;
  overflow: hidden;
  box-shadow: unset;
}
.mega-menu-img.type2.ct__mobilkampanya:hover {
  box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__mobilkampanya {
    min-width: 296px;
    max-width: 296px;
    box-shadow: unset;
  }
}
.mega-menu-img.type2.ct__mobilkampanya.active {
  display: block;
}
.mega-menu-img.type2.ct__mobilkampanya a.img {
  position: relative;
  left: unset;
  top: unset;
  width: 100%;
  max-width: 370px;
  min-width: 370px;
  margin-right: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__mobilkampanya a.img {
    max-height: unset;
    max-width: inherit;
    min-width: inherit;
    width: 100% !important;
  }
}
.mega-menu-img.type2.ct__mobilkampanya a.img .img-fluid {
  width: 100%;
  border-radius: 8px 8px 0 0;
  aspect-ratio: 13/10;
}
.mega-menu-img.type2.ct__mobilkampanya .caption {
  position: relative;
  padding: 32px 24px;
  display: flex;
  row-gap: 12px;
  width: 100%;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__mobilkampanya .caption {
    padding: 24px;
  }
}
.mega-menu-img.type2.ct__mobilkampanya .caption h4 {
  font-size: 18;
  font-size: 1.125rem;
  align-items: center;
  max-height: 66px;
  min-height: 66px;
  max-width: 100%;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__mobilkampanya .caption h4 {
    max-width: 206px;
  }
}
.mega-menu-img.type2.ct__mobilkampanya .caption p.small {
  font-size: 16;
  font-size: 1rem;
  min-height: 66px;
  max-height: 66px;
  height: 100%;
  color: #414C5B;
  margin-bottom: 0;
  line-height: 22px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mega-menu-img.type2.ct__mobilkampanya .caption .campaign-date {
  display: none;
  max-height: 31px;
  min-height: 31px;
}
.mega-menu-img.type2.ct__mobilkampanya .caption .campaign-date p {
  color: #586473;
  margin-bottom: 0;
}
.mega-menu-img.type2.ct__mobilkampanya .caption .campaign-date p strong {
  color: #222943;
}
.mega-menu-img.type2.ct__mobilkampanya .caption .btns-wrap {
  max-height: 22px;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__mobilkampanya .caption .btns-wrap {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__mobilkampanya .caption .btns-wrap .btn {
  background-color: unset;
  color: #049EAD;
  border: unset;
  text-align: start;
  padding: 0;
}
@media (max-width: 1320px) {
  .mega-menu-img.type2.ct__mobilkampanya .caption .btns-wrap .btn {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__tivibu {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-width: 370px;
  max-width: 370px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  position: relative !important;
  border: 1px solid #DEE3ED;
  transform: unset;
  top: unset;
  overflow: hidden;
  box-shadow: unset;
}
.mega-menu-img.type2.ct__tivibu:hover {
  box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
}
@media (max-width: 767px) {
  .mega-menu-img.type2.ct__tivibu {
    min-width: 296px;
    max-width: 296px;
    box-shadow: unset;
  }
}
.mega-menu-img.type2.ct__tivibu.active {
  display: block;
}
.mega-menu-img.type2.ct__tivibu a.img {
  position: relative;
  left: unset;
  top: unset;
  width: 100%;
  max-width: 370px;
  min-width: 370px;
  margin-right: 0;
}
@media (max-width: 767px) {
  .mega-menu-img.type2.ct__tivibu a.img {
    max-height: unset;
    max-width: inherit;
    min-width: inherit;
    width: 100% !important;
  }
}
.mega-menu-img.type2.ct__tivibu a.img .img-fluid {
  width: 100%;
  border-radius: 8px 8px 0 0;
  aspect-ratio: 13/10;
}
.mega-menu-img.type2.ct__tivibu .caption {
  position: relative;
  padding: 32px 24px;
  display: flex;
  row-gap: 12px;
  width: 100%;
  border-radius: 0 0 8px 8px;
  min-height: auto;
}
@media (max-width: 767px) {
  .mega-menu-img.type2.ct__tivibu .caption {
    padding: 24px;
  }
}
.mega-menu-img.type2.ct__tivibu .caption h4 {
  font-size: 18;
  font-size: 1.125rem;
  align-items: baseline;
  max-height: 44px;
  max-width: 100%;
}
.mega-menu-img.type2.ct__tivibu .caption p.small {
  font-size: 16;
  font-size: 1rem;
  min-height: 66px;
  max-height: 66px;
  height: 100%;
  color: #414C5B;
  margin-bottom: 0;
  line-height: 22px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.mega-menu-img.type2.ct__tivibu .caption .campaign-date {
  display: block;
  max-height: 31px;
  min-height: 31px;
}
.mega-menu-img.type2.ct__tivibu .caption .campaign-date p {
  color: #586473;
  margin-bottom: 0;
}
.mega-menu-img.type2.ct__tivibu .caption .campaign-date p strong {
  color: #222943;
}
.mega-menu-img.type2.ct__tivibu .caption .btns-wrap {
  max-height: 22px;
}
@media (max-width: 767px) {
  .mega-menu-img.type2.ct__tivibu .caption .btns-wrap {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img.type2.ct__tivibu .caption .btns-wrap .btn {
  background-color: unset;
  color: #049EAD;
  border: unset;
  text-align: start;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.mega-menu-img.type2.ct__tivibu .caption .btns-wrap .btn ::after {
  content: url(/SiteAssets/images/Icons/turkaz-launch.svg);
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  .mega-menu-img.type2.ct__tivibu .caption .btns-wrap .btn {
    position: relative;
    opacity: 1;
  }
}
.mega-menu-img > span {
  border-radius: 4px;
  font-size: 12;
  font-size: 0.75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: solid 1px rgba(255, 255, 255, 0.3);
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.72px;
  line-height: 1.33;
  top: 14px;
  padding: 3px 10px;
  z-index: 4;
  text-align: center;
  display: none;
}
@media (max-width: 991px) {
  .mega-menu-img > span {
    display: none;
  }
}
.mega-menu-img a {
  color: #fff;
  display: block;
  text-decoration: none !important;
}
@media (max-width: 991px) {
  .mega-menu-img a.img {
    border-radius: 8px;
    box-shadow: none;
    float: left;
    display: inline;
    width: 150px !important;
  }
}
.mega-menu-img a img {
  border-radius: 4px;
  position: relative;
  z-index: 1;
  width: 270px;
}
.mega-menu-img .text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 22px 16px 0 16px;
}
.mega-menu-img .text h3 {
  color: #fff;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 20px;
}
.mega-menu-img .text span {
  font-size: 14;
  font-size: 0.875rem;
  display: block;
  line-height: 1.43;
}
.mega-menu-img .text span.lead {
  font-size: 18;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 6px;
}
.mega-menu-img .caption {
  border-radius: 0 28px 0 0;
  background-color: #fff;
  font-style: normal;
  text-align: center;
  position: absolute;
  left: -1px;
  bottom: 0;
  z-index: 2;
  padding: 14px 16px;
  width: calc(100% + 2px);
}
.mega-menu-img .caption h4 {
  font-weight: 800;
  line-height: 1.22;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .mega-menu-img .caption h4 {
    font-size: 14;
    font-size: 0.875rem;
    line-height: 1.21;
  }
}
.mega-menu-img .caption p {
  font-size: 12;
  font-size: 0.75rem;
  text-align: start;
}
@media (max-width: 991px) {
  .mega-menu-img .caption p {
    line-height: 1.33;
    letter-spacing: 0.26px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .mega-menu-img .caption {
    position: initial;
    float: right;
    display: inline-block;
    width: calc(100% - 150px);
    text-align: left;
    padding: 14px 14px 0 14px;
  }
  .mega-menu-img .caption .btns-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
  }
  .mega-menu-img .caption .btns-wrap .btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    opacity: 0;
  }
}
.mega-menu-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 30px 0px;
  -moz-column-gap: 28.5px;
       column-gap: 28.5px;
}
@media (max-width: 767px) {
  .mega-menu-list {
    -moz-column-gap: 12px;
         column-gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.mega-menu-list > div {
  flex: 0 0 171px;
  max-width: 171px;
  margin: 30px 0;
}
.mega-menu-list > div a {
  display: block;
  padding: 0 !important;
}
.mega-menu-list > div a figure {
  border-radius: 0 28px 0 28px;
  background-color: rgba(4, 138, 149, 0.06);
  display: flex;
  height: 142px;
  max-width: 170px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.mega-menu-list > div a figure img {
  max-height: 60px;
  max-width: 60px !important;
  margin: 0;
}
.mega-menu-list > div p {
  font-weight: 600;
  line-height: 1.38;
  text-align: center;
  margin: 0;
}
.mega-menu-list > div p a {
  color: #222943;
  padding: 0 !important;
}
.mega-menu .mega-menu-list {
  margin: 0 -15px;
  display: flex;
  justify-content: start;
  margin-left: 10px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 1200px) {
  .mega-menu {
    background-color: #dee3ed;
    box-shadow: none;
    position: relative;
    top: 0;
    padding: 0;
  }
  .mega-menu .mega-menu-list {
    flex-direction: column;
    margin: 0;
  }
  .mega-menu .mega-menu-list > div {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .mega-menu .mega-menu-list > div figure {
    display: none;
  }
  .mega-menu .mega-menu-list > div p {
    font-size: 14;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.43;
    text-align: left;
    margin: 0;
    position: relative;
  }
  .mega-menu .mega-menu-list > div p:after {
    font-size: 23;
    font-size: 1.4375rem;
    font-family: "icomoon";
    content: "\e911";
    color: #919eba;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    transform: rotate(270deg);
  }
  .mega-menu .mega-menu-list > div p a {
    color: #222943;
    width: calc(100% + 20px);
    padding: 16px 0px !important;
  }
}
@media (max-width: 767px) {
  .mega-menu-list {
    flex-wrap: wrap;
    margin: 20px -15px 32px -15px;
    justify-content: space-evenly;
  }
  .mega-menu-list > div {
    flex: 0 0 50%;
    max-width: 142px;
    margin-bottom: 20px;
  }
  .mega-menu-list > div figure {
    margin: 0 auto 16px auto;
    width: 100%;
  }
  .mega-menu .mega-menu-list > div {
    margin-bottom: 0;
    margin-top: 0;
  }
}

.bant {
  height: 57px;
  width: 100%;
  display: flex;
  background-color: #222943;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  isolation: isolate;
  position: sticky;
  z-index: 7;
  max-width: 100%;
  top: 0;
  text-align: center;
}
@media (max-width: 1200px) {
  .bant {
    height: auto;
    flex-direction: column;
    top: 106px;
  }
}
.bant .bant-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .bant .bant-text .bant-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
  }
}
.bant a {
  text-decoration-line: underline;
}

.nav > .list > li {
  float: left;
  padding: 0 30px;
}
.nav > .list > li > a {
  display: block;
  color: #002855;
  font-weight: 600;
  position: relative;
  padding: 0;
}
.nav > .list > li > a::before {
  height: 4px;
  border-radius: 2.5px 2.5px 0 0;
  content: "";
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  transition: all 200ms ease-in-out;
}
.nav > .list > li > a.active {
  text-decoration: none;
}
.nav > .list > li > a.active:before {
  width: 100%;
}
.nav > .list > li:hover {
  text-decoration: none;
}
.nav > .list > li:hover a {
  text-decoration: none;
}
.nav > .list > li:hover a:before {
  width: 100%;
}
.nav > .list > li.nav-blog {
  display: none;
}
@media (max-width: 1200px) {
  .nav > .list > li.nav-blog {
    display: block;
  }
}
.nav > .list > li:has([href="https://www.turktelekom.com.tr/blog"]) {
  display: none;
}
@media (max-width: 1200px) {
  .nav > .list > li:has([href="https://www.turktelekom.com.tr/blog"]) {
    display: block;
  }
}
.nav > .list > li.mobile-site-logos {
  display: none;
  justify-content: space-around;
  gap: 4px;
  align-items: center;
}
.nav > .list > li.mobile-site-logos .site-logo.line {
  position: relative;
}
.nav > .list > li.mobile-site-logos .site-logo.line::after {
  content: "";
  height: 50%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
}
.nav > .list > li.mobile-site-logos .site-logo img {
  max-height: 38px;
}
@media (max-width: 1200px) {
  .nav > .list > li.mobile-site-logos {
    display: flex;
    background-color: #F8F9FB;
  }
}
@media (min-width: 992px) {
  .nav .left-menu {
    display: none !important;
  }
}
.nav-left > li {
  padding-bottom: 1px;
  position: relative;
}
.nav-left > li:after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  width: calc(100% - 60px);
}
.nav-left > li > a {
  font-size: 16;
  font-size: 1rem;
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  padding: 16px 20px 16px 60px;
  position: relative;
}
.nav-left > li > a i {
  font-size: 24;
  font-size: 1.5rem;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -12px;
}
.nav-left > li.children > a:after {
  font-size: 24;
  font-size: 1.5rem;
  content: "\e907";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
}
@media (min-width: 1201px) and (max-width: 1450px) {
  .nav-left > li.children > a:after {
    display: none;
  }
}
.nav-left > li:hover:before, .nav-left > li.active:before {
  content: "";
  height: calc(100% - 1px);
  width: 4px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}
.nav-left > li.active.children > a:after {
  content: "\e906";
}
.nav-left > li.active ul {
  display: block;
}
.nav-left > li ul {
  display: none;
}
.nav-left > li ul li {
  position: relative;
  padding-top: 1px;
}
.nav-left > li ul li:after {
  top: 0;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  width: calc(100% - 60px);
}
.nav-left > li ul li > a {
  font-size: 16;
  font-size: 1rem;
  display: block;
  font-weight: normal;
  line-height: 1.63;
  text-decoration: none;
  padding: 16px 20px 16px 60px;
  position: relative;
}
.nav-left.mt-auto > li {
  padding-bottom: 0;
  padding-top: 1px;
}
.nav-left.mt-auto > li:after {
  bottom: auto;
  top: 1px;
}
.nav-left.mt-auto > li:hover:before, .nav-left.mt-auto > li.active:before {
  top: 1px;
}

@media (max-width: 1200px) {
  .nav {
    display: none;
  }
  .nav-active {
    height: 100vh;
    box-shadow: none;
  }
  .nav-active .nav {
    display: block;
    background-color: #ffffff;
    width: 100%;
    overflow-x: hidden;
  }
  .nav-active .nav a.btn {
    margin: 20px 12px 20px 12px;
    width: auto;
    display: block;
  }
  .nav-active .nav > .list {
    margin: 0;
  }
  .nav-active .nav > .list > li {
    float: none;
    border-bottom: 1px #dee3ed solid;
    padding: 0;
    position: relative;
  }
  .nav-active .nav > .list > li.active > i::before {
    content: "\e906";
  }
  .nav-active .nav > .list > li > a {
    padding: 24px 12px;
    position: relative;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    z-index: 5;
  }
  .nav-active .nav > .list > li > a:before {
    display: none;
  }
  .nav-active .nav > .list > li > i {
    font-size: 24;
    font-size: 1.5rem;
    color: #002855;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    display: flex;
    justify-content: flex-end;
    height: 73px;
    align-items: center;
    padding-right: 12px;
  }
  .nav-active .nav > .list > li > i::before {
    content: "\e907";
  }
}
.dropdown-nav {
  display: inline-block;
  position: relative;
  z-index: 9;
}
@media (max-width: 1200px) {
  .dropdown-nav {
    width: 100%;
  }
}
.dropdown-nav .dropdown-btn {
  margin-bottom: 6px;
}
@media (max-width: 1200px) {
  .dropdown-nav .dropdown-btn {
    text-align: left;
  }
}
.dropdown-nav ul {
  background-color: #dee3ed;
  border-radius: 4px;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  min-width: 320px;
  display: none;
}
@media (max-width: 1200px) {
  .dropdown-nav ul {
    position: static;
    box-shadow: none;
    min-width: auto;
    border-radius: 0;
  }
}
.dropdown-nav ul li a {
  padding: 25px 12px;
  position: relative;
  color: #222943;
  font-weight: 600;
  border-bottom: solid 2px rgba(255, 255, 255, 0.5);
}
.dropdown-nav ul li a i {
  position: absolute;
  right: 12px;
  top: 50%;
  font-size: 16;
  font-size: 1.5rem;
  margin-top: -12px;
}
.dropdown-nav ul li a i::before {
  color: #222943;
}
.dropdown-nav ul li:last-child a {
  border: none;
}
.dropdown-nav:hover .dropdown-btn i {
  background-color: #dee3ed;
}
.dropdown-nav:hover ul {
  display: block;
}

.dropdown-online {
  position: relative;
  z-index: 20;
}
.dropdown-online.not-dropdown .btn i {
  transform: rotate(270deg);
}
.dropdown-online .btn.active i:before {
  content: "\e906";
}
.dropdown-online .list {
  padding-top: 34px;
  position: absolute;
  top: 41px;
  right: 0;
  width: 320px;
  display: none;
}
.dropdown-online .list a.link {
  border-radius: 0 0 18px 0;
  color: #fff;
  display: block;
  font-weight: 800;
  padding: 34px 16px 16px 16px;
  position: relative;
}
.dropdown-online .list a.link.turquoise {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0) 41%), linear-gradient(to bottom, #006777, #006777);
}
.dropdown-online .list a.link.blue-light {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.dropdown-online .list a.link.blue-lighting {
  background-color: #0082ca;
}
.dropdown-online .list a.link.blue-dark {
  background-color: #0058ad;
}
.dropdown-online .list li {
  position: relative;
  z-index: 0;
  margin-top: -18px;
}
.dropdown-online .list li:first-child {
  z-index: 10;
  margin-top: 0;
}
.dropdown-online .list li:first-child:before {
  content: "";
  position: absolute;
  right: 16px;
  top: -19px;
  border-style: solid;
  border-bottom-width: 16px;
  border-right-width: 16px;
  border-left-width: 16px;
  border-bottom-color: #049ead;
  border-right-color: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
}
.dropdown-online .list li:first-child a.link {
  padding-top: 16px;
}
.dropdown-online .list li:nth-child(1) {
  z-index: 9;
}
.dropdown-online .list li:nth-child(2) {
  z-index: 8;
}
.dropdown-online .list li:nth-child(3) {
  z-index: 7;
}
@media (max-width: 1200px) {
  .dropdown-online .list {
    position: relative;
    top: 0;
    width: 100%;
    padding-top: 20px;
  }
}

body:has(.header.nav-active) .cbot-dialog-button-regular {
  display: none !important;
}

[role=main] {
  position: relative;
  padding-bottom: 61px;
}
@media (max-width: 767px) {
  [role=main] {
    padding-bottom: 20px;
  }
}
[role=main].search {
  padding-bottom: 2px;
}
@media (max-width: 767px) {
  [role=main].search {
    padding-bottom: 0;
  }
}

.color-text {
  display: flex;
  align-items: center;
}
.color-text label {
  margin-bottom: 0;
}
.color-text label input {
  display: none;
}
.color-text i {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 16px;
}

.btns-wrap .btn {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .btns-wrap .btn {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    margin-left: 0;
  }
}

.small-container {
  max-width: 570px;
  margin: 30px auto;
}
@media (max-width: 767px) {
  .small-container {
    margin: 0px auto 20px;
  }
}

.detail-page > .row {
  position: relative;
}
@media (max-width: 991px) {
  .detail-page > .row:first-child > .col-sm-12:first-child {
    padding: 0;
  }
}
.detail-page > .row .remaining-time {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px;
  color: #CC2D1F;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .detail-page > .row .remaining-time {
    position: relative;
    margin: 16px 15px;
  }
}
.detail-page > .row .remaining-time::before {
  content: url(https://bireysel.turktelekom.com.tr/PublishingImages/icons/remaining-time.svg);
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.detail-page .detail-text-img img {
  border-radius: 8px;
}
@media (max-width: 767px) {
  .detail-page .detail-text-img img {
    border-radius: 0px;
  }
}
.detail-page .detail-right-content .campaign-pass {
  padding: 16px 20px;
  background: #f0f2f5;
  width: auto;
  border-radius: 4px;
  display: table;
  margin: 0;
}
@media (max-width: 991px) {
  .detail-page .detail-right-content {
    padding-top: 21px;
    margin-bottom: 32px;
  }
}
.detail-page .detail-right-content h1 {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  font-weight: normal;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content h1 {
    margin-bottom: 12px;
  }
}
.detail-page .detail-right-content h4 {
  margin-bottom: 21px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content h4 {
    margin-bottom: 12px;
  }
}
.detail-page .detail-right-content p {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content p {
    margin-bottom: 16px;
  }
}
.detail-page .detail-right-content .select-group {
  display: flex;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content .select-group {
    display: block;
  }
}
.detail-page .detail-right-content .select-group .form-group {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
}
.detail-page .detail-right-content .select-group .form-group label {
  font-size: 12;
  font-size: 0.75rem;
}
.detail-page .detail-right-content .select-group .form-group:first-child {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content .select-group .form-group:first-child {
    margin-right: 0;
  }
}
.detail-page .detail-right-content .select-group .form-group:last-child {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content .select-group .form-group:last-child {
    margin-left: 0px;
  }
}
.detail-page .detail-right-content .group {
  display: flex;
  margin-top: 170px;
  align-items: center;
  margin-bottom: 31px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content .group {
    margin-top: 40px;
    display: block;
  }
}
.detail-page .detail-right-content .group .dropdown {
  min-width: 68%;
  margin-right: 2%;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content .group .dropdown {
    max-width: 100%;
    margin-bottom: 10px;
  }
}
.detail-page .detail-right-content .group > .btn {
  width: 30%;
  height: 44px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content .group > .btn {
    width: 100%;
  }
}
.detail-page .detail-right-content .info {
  font-size: 14;
  font-size: 0.875rem;
  color: #717d8d;
}
.detail-page .detail-right-content.device-right-comparison p {
  margin-bottom: 10px;
}
.detail-page .detail-right-content-property {
  display: flex;
  margin: 12px 0 20px 0;
}
.detail-page .detail-right-content-property li {
  border-right: 1px #dee3ed solid;
  padding: 0 30px;
}
.detail-page .detail-right-content-property li:first-child {
  padding-left: 0;
}
.detail-page .detail-right-content-property li:last-child {
  border-right: 0;
}
.detail-page .detail-right-content-property li i {
  font-size: 20;
  font-size: 1.25rem;
  display: block;
  margin-bottom: 8px;
}
.detail-page .detail-right-content-property li span {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  display: block;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 0.15px;
}
@media (max-width: 767px) {
  .detail-page .detail-right-content-property {
    flex-wrap: wrap;
  }
  .detail-page .detail-right-content-property li {
    max-width: 50%;
    min-width: 50%;
    border-right: 0;
    padding: 10px 8px 10px 0;
  }
  .detail-page .detail-right-content-property li:nth-child(even) {
    padding-right: 0;
    padding-left: 8px;
  }
  .detail-page .detail-right-content-property li span {
    font-size: 14;
    font-size: 0.875rem;
  }
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls {
  height: 100%;
  margin-top: 0;
  top: 9px;
  bottom: 0;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button {
  border-radius: 0;
  background-color: transparent;
  height: 100%;
  width: auto;
  min-width: auto;
  max-width: auto;
  opacity: 0;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 44px;
  height: 100%;
  z-index: 2;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button[data-controls=next] {
  right: 0;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button[data-controls=next]:before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  right: 0;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button[data-controls=next] span {
  margin-right: 10px;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button[data-controls=prev] {
  left: 0;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button[data-controls=prev]:before {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
  left: 0;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button[data-controls=prev] span {
  margin-left: 10px;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button span {
  border-radius: 50%;
  background-color: #f0f2f5;
  height: 36px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls button span i {
  font-size: 16;
  font-size: 1rem;
}
.detail-page .detail-right-content-campaign .tns-outer .tns-controls:hover button {
  opacity: 1;
}
.detail-page .detail-right-content-campaign .item-content {
  border-radius: 32px;
  background-color: #f0f2f5;
  padding: 12px 24px;
  height: auto;
}
.detail-page .detail-right-content-campaign .item-content.item-advantage {
  position: relative;
  background: linear-gradient(330.46deg, rgba(255, 35, 44, 0.05) -6.88%, rgba(0, 67, 154, 0.05) 55.93%, rgba(0, 255, 255, 0.05) 117.49%);
  display: grid;
  grid-gap: 8px;
  grid-auto-flow: column;
  align-items: center;
  height: 44px;
  cursor: pointer;
  place-content: center;
  --main-bg: conic-gradient(from var(--border-angle), #FFF, #FFF 5%, #FFF 60%, #FFF 95%);
  border: solid 3px transparent;
  background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box !important;
}
.detail-page .detail-right-content-campaign .item-content.item-advantage a {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #049EAD;
}
.detail-page .detail-right-content-campaign .item-content.item-advantage::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 32px;
}
.detail-page .detail-right-content-campaign .item-content.item-advantage:hover {
  animation-play-state: paused;
  background: unset !important;
  border: unset;
  margin-left: 5px;
}
.detail-page .detail-right-content-campaign .item-content.item-advantage:hover::before {
  background: linear-gradient(330deg, rgb(255, 35, 44) -6.88%, rgb(0, 67, 154) 55.93%, rgb(0, 255, 255) 117.49%);
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 100px;
  padding: 3px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.detail-page .detail-right-content-campaign .item-content.prime {
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
}
.detail-page .detail-right-content-campaign .item-content.prime::after {
  background: linear-gradient(330.46deg, rgba(255, 35, 44, 0.05) -6.88%, rgba(0, 67, 154, 0.05) 55.93%, rgba(0, 255, 255, 0.05) 117.49%);
}
.detail-page .detail-right-content-campaign .item-content.gameon {
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, 84.8deg, #00137A -24.73%, #AA3ADA 54.66%);
}
.detail-page .detail-right-content-campaign .item-content.gameon::after {
  background: linear-gradient(90deg, rgba(80, 0, 153, 0.05) 0%, rgba(102, 34, 51, 0.05) 100%);
}
.detail-page .detail-right-content-campaign .item-content.gameon:hover {
  border: 3px solid #820ab6;
}
.detail-page .detail-right-content-campaign .item-content.gameon:hover::before {
  inset: -3px;
  border-radius: 34px;
  z-index: -1;
}
.detail-page .detail-right-content-campaign .item-content.bi-dunya {
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, 84.8deg, rgba(0, 88, 173, 1));
}
.detail-page .detail-right-content-campaign .item-content.bi-dunya::after {
  background: rgba(0, 88, 173, 0.0509803922);
}
.detail-page .detail-right-content-campaign .item-content.bi-dunya:hover {
  border: 3px solid rgb(0, 88, 173);
}
.detail-page .detail-right-content-campaign .item-content.bi-dunya:hover::before {
  inset: -3px;
  border-radius: 34px;
  z-index: -1;
}
.detail-page .detail-right-content-campaign .item-content.selfy {
  background: linear-gradient(90deg, rgba(80, 0, 153, 0.05) 0%, rgba(102, 34, 51, 0.05) 100%);
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #500099 0%, #662233 100%, transparent);
}
.detail-page .detail-right-content-campaign .item-content.selfy::after {
  background: linear-gradient(90deg, rgba(80, 0, 153, 0.05) 0%, rgba(102, 34, 51, 0.05) 100%);
}
.detail-page .detail-right-content-campaign .item-content.selfy:hover::before {
  background: linear-gradient(90deg, #500099 0%, #662233 100%);
}
.detail-page .detail-right-content-campaign .item span {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
  display: block;
  line-height: 1.43;
}
.detail-page .detail-right-content-campaign .item span.title {
  font-size: 14;
  font-size: 0.875rem;
  color: #222943;
  font-weight: bold;
  line-height: 1.43;
}
.detail-page .detail-right-content-campaign .item a span {
  color: #666f85;
}
.detail-page .detail-right-content-campaign .item a:hover {
  text-decoration: none;
}
.detail-page .detail-right-content .detail-text-btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 178px;
  min-width: 178px;
  width: 100%;
  max-height: 42px;
}
.detail-page .detail-right-content .promotion-box-muud .promotion-footnote.prm-info-title::before {
  content: url(https://authbireysel.turktelekom.com.tr//PublishingImages/icons/icons-notification.svg);
  padding-right: 8px;
}
.detail-page .detail-right-content .promotion-box-muud .prm-info-title {
  font-size: 14px;
  display: flex;
}
.detail-page .accordion-content-body p {
  color: #222943;
}
.detail-page .bi-dunya-detail-area .detail-area-text {
  margin-bottom: 32px;
  position: relative;
}
.detail-page .bi-dunya-detail-area .detail-area-text .bd-text {
  color: #222943;
}
.detail-page .bi-dunya-detail-area .detail-area-text .bd-text.bd-first-text {
  margin-bottom: 16px;
}
.detail-page .bi-dunya-detail-area .detail-area-text .bd-text.bd-last-text {
  margin-bottom: 32px;
}
.detail-page .bi-dunya-detail-area .detail-area-text .detail-area-apps {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 767px) {
  .detail-page .bi-dunya-detail-area .detail-area-text .detail-area-apps {
    opacity: 0;
    position: absolute;
    z-index: 10;
    width: 100%;
    -moz-column-gap: unset;
         column-gap: unset;
  }
  .detail-page .bi-dunya-detail-area .detail-area-text .detail-area-apps a {
    display: none;
    width: 100%;
    max-width: 100%;
  }
}
.detail-page .bi-dunya-detail-area .detail-area-text .detail-area-apps-dowland {
  display: none;
}
@media (max-width: 767px) {
  .detail-page .bi-dunya-detail-area .detail-area-text .detail-area-apps-dowland {
    display: block;
  }
}
.detail-page .bi-dunya-detail-area .detail-area-text .detail-area-apps-dowland .detail-text-btns-wrap {
  display: flex;
  margin-left: 10px;
  height: 70px;
  width: auto;
  align-items: center;
}
.detail-page .bi-dunya-detail-area .detail-area-text span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0;
}
.detail-page .bi-dunya-detail-area .detail-area-text span::before {
  content: "";
  border-top: 1px solid #DEE3ED;
  width: 45%;
  margin-right: 16px;
}
.detail-page .bi-dunya-detail-area .detail-area-text span::after {
  content: "";
  border-top: 1px solid #DEE3ED;
  width: 45%;
  margin-left: 16px;
}
.detail-page .bi-dunya-detail-area .detail-campaign-pass {
  border: 1px solid #E2E6EB;
  padding: 20px;
  border-radius: 4px;
  width: -moz-max-content;
  width: max-content;
  display: flex;
}
@media (max-width: 767px) {
  .detail-page .bi-dunya-detail-area .detail-campaign-pass {
    width: auto;
  }
}
.detail-page .bi-dunya-detail-area .detail-campaign-pass .campaign-pass {
  margin: 0;
  display: flex;
  background: unset;
  padding: unset;
  -moz-column-gap: 1px;
       column-gap: 1px;
}
.detail-page .bi-dunya-detail-area .detail-campaign-pass .campaign-pass::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://bireysel.turktelekom.com.tr/PublishingImages/icons/mail-all.svg);
  margin-right: 12px;
}
.detail-page .bi-dunya-detail-area .detail-campaign-pass p {
  margin: 0;
}

.property-group {
  display: flex;
}
.property-group .property-item {
  color: #222943;
  padding-top: 10px;
  padding-bottom: 10px;
}
.property-group .property-item h6 {
  font-size: 21;
  font-size: 1.3125rem;
  font-weight: normal;
  font-weight: 800;
}
.property-group .property-item p {
  margin-bottom: 0;
  color: #222943;
}
.property-group .property-item:first-child {
  border-right: 1px solid #dee3ed;
  padding-right: 30px;
}
.property-group .property-item:last-child {
  padding-left: 30px;
}

.device-return .step-container-item {
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .device-return .step-container-item {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .device-return .step-container-item h4 {
    font-size: 18;
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .device-return .btn {
    display: block;
    width: 100%;
  }
}

.device-order-detail h4 {
  margin-bottom: 16px;
}
.device-order-detail .list-group {
  margin-bottom: 30px;
}
.device-order-detail .title-group {
  display: flex;
  justify-content: space-between;
}
.device-order-detail .title-group p {
  color: #e63425;
}
.device-order-detail .title-group a {
  display: flex;
  align-items: center;
  color: #048a95;
  font-weight: 600;
  margin-bottom: 16px;
}
.device-order-detail .title-group a i {
  font-size: 20;
  font-size: 1.25rem;
  margin-right: 5px;
}
.device-order-detail .title-group a i::before {
  color: #048a95;
}
.device-order-detail .delivery-information .list-group {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .device-order-detail .delivery-information .list-group {
    margin-bottom: 30px;
  }
}
.device-order-detail .panel {
  height: 100%;
}
@media (max-width: 991px) {
  .device-order-detail .panel {
    height: auto;
  }
}
.device-order-detail .btns-wrap {
  margin-top: 30px;
  text-align: right;
}
@media (max-width: 767px) {
  .device-order-detail .btns-wrap {
    margin-top: 0;
  }
}
.device-order-detail .btns-wrap a {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .device-order-detail .btns-wrap a {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .device-info .list-group {
    margin-bottom: 16px;
  }
}

.order-detail-final .panel {
  min-height: 148px;
  display: flex;
  flex-direction: column;
}
.order-detail-final .panel-footer {
  margin-top: auto !important;
}
.order-detail-final .list-group {
  margin-bottom: 30px;
}

.fiber-internet {
  background-image: url("../images/subpage/fiber-internet/Desktop-BG.png");
  background-repeat: no-repeat;
  background-position: center top;
}
@media (max-width: 768px) {
  .fiber-internet {
    background-image: url("../images/subpage/fiber-internet/Tablet-BG.jpg");
  }
}
@media (max-width: 375px) {
  .fiber-internet {
    background-image: url("../images/subpage/fiber-internet/Mobil-BG.jpg");
  }
}
.fiber-internet-text {
  padding: 150px 0;
  max-width: 350px;
}
.fiber-internet-text h2 {
  font-size: 36;
  font-size: 2.25rem;
  color: #ffffff;
  line-height: 1.22;
  letter-spacing: -0.9px;
}
@media (max-width: 768px) {
  .fiber-internet-text h2 {
    font-size: 1.5rem;
  }
}
.fiber-internet-text p {
  font-size: 22;
  font-size: 1.369rem;
  color: #ffffff;
  line-height: 2;
  letter-spacing: -0.55px;
  margin: 0;
}
.fiber-internet-text a.btn {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .fiber-internet-text {
    max-width: 100%;
    text-align: center;
    padding: 275px 0 30px 0;
  }
}
@media (max-width: 768px) {
  .fiber-internet-content {
    text-align: center;
  }
}
.fiber-internet-content p {
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 25px;
}
.fiber-internet-content h3 {
  font-size: 22;
  font-size: 1.369rem;
  color: #ffffff;
  line-height: 1.09;
  margin-bottom: 50px;
}
.fiber-internet-content-item {
  display: flex;
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .fiber-internet-content-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.fiber-internet-content-item-img {
  min-width: 185px;
  max-width: 185px;
  text-align: center;
}
.fiber-internet-content-item-img img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.fiber-internet-content-item-text p {
  font-size: 16;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.5;
}
.fiber-internet-content-item-text .list.circle-list li {
  font-size: 16;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.5;
}
.fiber-internet-content-item-text .list.circle-list li:before {
  background-color: #ffffff;
}

.loader {
  text-align: center;
  margin-bottom: 16px;
}
.loader span {
  display: block;
}

.wcag-image-text {
  position: absolute;
  left: -99999px;
}

footer {
  background-color: #ffffff;
  box-shadow: 0 -2px 0 0 #dee3ed;
}
@media (max-width: 991px) {
  footer {
    border-top: 1px #eef1f6 solid;
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  footer {
    margin-top: 0px;
  }
}
footer .footer-top {
  margin-bottom: 30px;
  padding-top: 52px;
}
@media (max-width: 991px) {
  footer .footer-top {
    padding-top: 0;
  }
}
footer .footer-top h6 {
  margin-bottom: 16px;
  font-weight: bold;
  font-family: "Mulish";
}
footer .footer-top h6 a {
  color: #222943;
  font-weight: bold;
}
footer .footer-top ul {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
footer .footer-top ul li a {
  color: #666f85;
  line-height: 1.5;
  display: block;
  padding: 1px 0;
}
@media (max-width: 991px) {
  footer .footer-top {
    margin-bottom: 0;
  }
  footer .footer-top .container {
    padding: 0;
  }
  footer .footer-top .container .row {
    margin: 0;
  }
  footer .footer-top .container .row > div {
    padding: 0;
  }
  footer .footer-top h6 {
    border-bottom: 1px #eef1f6 solid;
    cursor: pointer;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 0.34px;
    margin: 0;
    padding: 16px 52px 16px 16px;
    position: relative;
  }
  footer .footer-top h6:after {
    font-size: 24;
    font-size: 1.5rem;
    content: "\e911";
    color: #919eba;
    font-family: "icomoon";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -15px;
  }
  footer .footer-top ul {
    display: none;
  }
  footer .footer-top ul li a {
    background-color: #dee3ed;
    border-bottom: 1px #f4f8ff solid;
    font-weight: 600;
    line-height: 1.25;
    padding: 17px 12px;
  }
  footer .footer-top .active h6:after {
    content: "\e912";
  }
  footer .footer-top .active ul {
    display: block;
  }
}
footer .footer-top .nav-parent.col-lg-12 .title-list-gruop p {
  text-align: center;
}
footer .footer-center {
  border-top: 1px #dee3ed solid;
  padding: 30px 0;
}
@media (max-width: 991px) {
  footer .footer-center .list {
    display: none;
  }
}
footer .footer-center .list li {
  display: inline-block;
  margin-right: 40px;
}
footer .footer-center .list li:last-child {
  margin-right: 0;
}
footer .footer-center .list li a {
  color: #222943;
  line-height: 1.5;
}
footer .footer-center .list-icon {
  display: flex;
  justify-content: flex-end;
}
footer .footer-center .list-icon li:last-child {
  margin-right: 0;
}
footer .footer-center .list-icon li a.link-icon i:before {
  color: #919eba;
}
@media (max-width: 991px) {
  footer .footer-center {
    border: 0;
    padding: 0 0 20px 0;
  }
  footer .footer-center .container {
    padding: 0;
  }
  footer .footer-center .container .row {
    margin: 0;
  }
  footer .footer-center .container .row > div {
    padding: 0;
  }
  footer .footer-center .list li {
    display: block;
    margin: 0;
  }
  footer .footer-center .list li a {
    border-bottom: 1px #eef1f6 solid;
    display: block;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 0.34px;
    padding: 16px 52px 16px 16px;
  }
}
footer .footer-bottom {
  background-color: #fafafa;
  padding: 20px 0;
}
@media (max-width: 991px) {
  footer .footer-bottom {
    padding: 16px 0;
  }
}
footer .footer-bottom ul li {
  display: inline-block;
  margin-right: 42px;
}
footer .footer-bottom ul li a {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
  line-height: 1.43;
}
@media (max-width: 991px) {
  footer .footer-bottom ul li {
    display: block;
    margin: 0;
    padding: 16px 0;
  }
  footer .footer-bottom ul li a {
    font-size: 16;
    font-size: 1rem;
    color: #575e6f;
    line-height: 1;
  }
}
footer .footer-bottom .copyright {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
  line-height: 1.43;
  text-align: right;
}
@media (max-width: 991px) {
  footer .footer-bottom .copyright {
    font-size: 16;
    font-size: 1rem;
    color: #575e6f;
    text-align: left;
    line-height: 1;
  }
}
footer .footer-bottom .copyright p {
  margin: 0;
}
@media (max-width: 991px) {
  footer .footer-bottom .copyright p {
    padding: 32px 0 16px 0;
  }
}
footer.type-five .footer-top {
  margin-bottom: 20px;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop {
  border-top: 1px #dee3ed solid;
  padding-top: 40px;
  margin-top: 40px;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex ul {
  margin-right: 50px;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-showcase {
  margin-right: 32px;
  max-width: 340px;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-showcase img {
  width: 100%;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-content {
  display: flex;
  align-items: center;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-content .akm-logo {
  width: 136px;
  border-right: 1px solid #dee3ed;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-content .text {
  margin-left: 20px;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-content .text p {
  font-family: "Mulish";
  font-size: 14px;
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex .akm-content .text p strong {
  font-weight: 700;
  font-size: 16px;
  color: #222943;
}
@media (max-width: 991px) {
  footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex {
    flex-direction: column;
  }
  footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop .d-flex ul {
    margin: 0;
  }
}
footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop p {
  font-size: 13;
  font-size: 0.8125rem;
  color: #666f85;
  font-weight: 300;
  line-height: 1.33;
  margin: 0;
}
@media (max-width: 991px) {
  footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
  footer.type-five .footer-top .nav-parent.col-lg-12 .title-list-gruop p {
    font-size: 12;
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 0 12px;
  }
}
footer.type-five .footer-top .nav-parent.col-lg-12:last-child .title-list-gruop {
  padding-top: 20px;
}
@media (max-width: 991px) {
  footer.type-five .footer-top .nav-parent.nav-parent .title-list-gruop .list .link {
    padding: 16px 52px 16px 32px !important;
  }
}
@media (max-width: 991px) {
  footer.type-five .footer-bottom {
    margin-bottom: 0;
    background-color: rgba(165, 178, 195, 0.1);
  }
}
footer.type-five .footer-bottom .d-flex {
  justify-content: space-between;
}
@media (max-width: 991px) {
  footer.type-five .footer-bottom .d-flex {
    flex-direction: column;
  }
}
footer.type-five .footer-bottom p {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
  margin: 0;
  opacity: 0.75;
}
@media (max-width: 991px) {
  footer.type-five .footer-bottom ul {
    margin-bottom: 32px;
  }
}
footer.type-five .footer-bottom ul li {
  margin-right: 36px;
}
footer.type-five .footer-bottom ul li:last-child {
  margin-right: 0;
}
footer.type-five .footer-bottom ul li a {
  text-decoration: underline;
}
footer.type-five .footer-bottom ul li a:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  footer.type-five .footer-bottom ul li {
    margin: 0;
    padding: 12px 0;
  }
  footer.type-five .footer-bottom ul li a {
    font-size: 14;
    font-size: 0.875rem;
    color: #666f85;
    opacity: 0.75;
  }
}
footer.type-five .footer-bottom ul.list-icon {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
footer.type-five .footer-bottom ul.list-icon li {
  margin: 0 12px 0 0;
}
footer.type-five .footer-bottom ul.list-icon li:last-child {
  margin-right: 0;
}
footer.type-five .footer-bottom ul.list-icon li a.link-icon {
  text-decoration: none;
}
footer.type-five .footer-bottom ul.list-icon li a.link-icon i:before {
  color: #b1b6c1;
}
@media (max-width: 991px) {
  footer.type-five .footer-bottom ul.list-icon {
    padding-top: 0;
  }
  footer.type-five .footer-bottom ul.list-icon li {
    margin: 0 6px;
    padding: 0;
  }
  footer.type-five .footer-bottom ul.list-icon li:last-child {
    margin-right: 6px;
  }
  footer.type-five .footer-bottom ul.list-icon li a.link-icon i {
    font-size: 34;
    font-size: 2.125rem;
  }
}
footer .footer-en {
  padding: 16px 0;
}
footer .footer-en p {
  margin: 0;
}

.pagination {
  border-radius: 0;
  display: block;
}
.pagination ul {
  display: flex;
  justify-content: center;
  padding: 25px 0;
  width: 100%;
}
.pagination ul li {
  outline: none;
  padding: 0 8px;
}
@media (max-width: 767px) {
  .pagination ul li {
    margin-bottom: 10px;
  }
}
.pagination ul li span,
.pagination ul li a {
  font-size: 14;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  border: 1.4px #f0f2f5 solid;
  color: #222943;
  align-items: center;
  display: flex;
  justify-content: center;
  box-shadow: none;
  outline: none;
  background: none;
  margin: 0;
  position: relative;
}
.pagination ul li span:hover,
.pagination ul li a:hover {
  background-color: #FCFCFC;
  text-decoration: none;
}
.pagination ul li span:focus,
.pagination ul li a:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.pagination ul li span.next, .pagination ul li span.prev,
.pagination ul li a.next,
.pagination ul li a.prev {
  overflow: hidden;
  border-color: #049ead;
  color: #049ead;
  font-weight: normal;
}
.pagination ul li span.next::before, .pagination ul li span.prev::before,
.pagination ul li a.next::before,
.pagination ul li a.prev::before {
  font-size: 20;
  font-size: 1.25rem;
  font-family: "icomoon" !important;
  content: "\e91a";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: white;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination ul li span.prev,
.pagination ul li a.prev {
  transform: rotate(-180deg);
}
.pagination ul li:last-child {
  border: 0;
}
.pagination ul li.disabled {
  display: none;
}
.pagination ul li.active span, .pagination ul li.active a {
  background-color: #05b4c7;
  border: none;
  color: #ffffff;
}

/*------------------------------------*\
    $TEXT Styles
\*------------------------------------*/
.intro {
  font-size: 1.0625em;
  font-weight: bold;
}

.pullquote {
  font-family: "Mulish", sans-serif;
  font-size: 1.4375em;
}

.caption {
  font-style: italic;
}

.text a {
  text-decoration: underline;
}
.text ul {
  list-style: disc;
  margin: 0 0 1em 1.2em;
}
.text ul ul {
  margin-bottom: 0;
}
.text ol {
  list-style: decimal;
  margin: 0 0 1em 1.5em;
}
.text ol ol {
  margin-bottom: 0;
}

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ariza-kaydi:before {
  content: url("https://bireysel.turktelekom.com.tr/tt-evde-internet/PublishingImages/icon-ariza-kaydi.png");
}

.icon-kota-sorgulama:before {
  content: url("https://bireysel.turktelekom.com.tr/tt-evde-internet/PublishingImages/icon-kota-sorgulama.png");
}

.icon-hit-nedir:before {
  content: url("https://www.turktelekom.com.tr/PublishingImages/icons/dijital-servis/hit-segmenti-nedir.png");
}

.icon-hit-kayit:before {
  content: url("https://www.turktelekom.com.tr/PublishingImages/icons/dijital-servis/hit-segmenti-kayit.png");
}

.icon-tasinma:before {
  content: url("https://bireysel.turktelekom.com.tr/tt-evde-internet/PublishingImages/icon-tasinma.png");
}

.icon-eve-teslimat:before {
  content: "\e94e";
}

.icon-mobil-online-islemler:before {
  content: "\e94f";
}

.icon-sil-supur:before {
  content: "\e950";
}

.icon-top-arrow:before {
  content: "\e94d";
  color: #002855;
}

.icon-arrow:before {
  content: "\e94c";
}

.icon-profile:before {
  content: "\e94b";
}

.icon-store:before {
  content: "\e949";
}

.icon-save:before {
  content: "\e94a";
}

.icon-internet:before {
  content: "\e947";
}

.icon-mobile:before {
  content: "\e948";
}

.icon-letter:before {
  content: "\e942";
}

.icon-microphone:before {
  content: "\e943";
}

.icon-location:before {
  content: "\e944";
}

.icon-share:before {
  content: "\e945";
}

.icon-headset:before {
  content: "\e946";
}

.icon-onlineis:before {
  content: url(https://www.turktelekom.com.tr/tt-destek/PublishingImages/icons/icon-onlineis.svg);
}

.icon-TiTi:before {
  content: url(https://www.turktelekom.com.tr/tt-destek/PublishingImages/icons/icon-TiTi.svg);
}

.icon-calendar:before {
  content: "\e941";
}

.icon-pdf-file:before {
  content: "\e940";
}

.icon-commerce-wallet:before {
  content: "\e93a";
}

.icon-commerce-enterprise:before {
  content: "\e93b";
}

.icon-document-tasks:before {
  content: "\e93c";
}

.icon-share-knowledge:before {
  content: "\e93d";
}

.icon-technology-rss:before {
  content: "\e93e";
}

.icon-data-archive:before {
  content: "\e93f";
}

.icon-time-hourglass:before {
  content: "\e933";
}

.icon-person-user-collaborate:before {
  content: "\e934";
}

.icon-enterprise-health:before {
  content: "\e935";
}

.icon-person-user-profile:before {
  content: "\e936";
}

.icon-operations-scan:before {
  content: "\e937";
}

.icon-time-alarm:before {
  content: "\e938";
}

.icon-toggle-view:before {
  content: "\e939";
}

.icon-warning:before {
  content: "\e931";
}

.icon-notice:before {
  content: "\e932";
}

.icon-volume-up:before {
  content: "\e92f";
}

.icon-renew:before {
  content: "\e930";
}

.icon-map:before {
  content: "\e92d";
}

.icon-sms:before {
  content: "\e92e";
}

.icon-numara-tasima:before {
  content: "\e92c";
}

.icon-remove:before {
  content: "\e92b";
}

.icon-travel:before {
  content: "\e928";
}

.icon-organization:before {
  content: "\e929";
}

.icon-locked:before {
  content: "\e92a";
}

.icon-notification:before {
  content: "\e927";
}

.icon-viewing:before {
  content: "\e925";
}

.icon-weather:before {
  content: "\e926";
}

.icon-music:before {
  content: "\e922";
}

.icon-tivibu:before {
  content: "\e923";
}

.icon-wifi:before {
  content: "\e924";
}

.icon-left-arrow:before {
  content: "\e90d";
}

.icon-right-arrow:before {
  content: "\e91a";
}

.icon-flag:before {
  content: "\e91c";
}

.icon-phone:before {
  content: "\e91d";
}

.icon-chat:before {
  content: "\e91e";
}

.icon-mobile-line:before {
  content: "\e91f";
}

.icon-help-desk:before {
  content: "\e920";
}

.icon-technology:before {
  content: "\e921";
}

.icon-search:before {
  content: "\e901";
  color: #002855;
}

.icon-hizli-islemler:before {
  content: "\e91b";
}

.icon-plus:before {
  content: "\e900";
}

.icon-slide:before {
  content: "\e902";
}

.icon-tick:before {
  content: "\e903";
}

.icon-twitter:before {
  content: "\e904";
}

.icon-youtube:before {
  content: "\e905";
}

.icon-up:before {
  content: "\e906";
}

.icon-down:before {
  content: "\e907";
}

.icon-nav-menu:before {
  content: "\e908";
}

.icon-filter:before {
  content: "\e909";
}

.icon-close:before {
  content: "\e90a";
}

.icon-right:before {
  content: "\e90b";
}

.icon-left:before {
  content: "\e90c";
}

.icon-star:before {
  content: "\e90e";
}

.icon-star-active:before {
  content: "\e90f";
}

.icon-check:before {
  content: "\e910";
}

.icon-chevron-down:before {
  content: "\e911";
}

.icon-chevron-up:before {
  content: "\e912";
}

.icon-error:before {
  content: "\e913";
}

.icon-facebook:before {
  content: "\e914";
}

.icon-google:before {
  content: "\e915";
}

.icon-info:before {
  content: "\e916";
}

.icon-instagram:before {
  content: "\e917";
}

.icon-linkedin:before {
  content: "\e918";
}

.icon-minus:before {
  content: "\e919";
}

.btn {
  border-radius: 22px;
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.34px;
  padding: 9px 15px;
  border: 1px transparent solid;
  outline: 0;
  transition: all 200ms ease-in-out;
}
.btn:hover, .btn:focus {
  box-shadow: none !important;
}
.btn.btn-primary {
  background-color: #002855;
  border-color: #002855;
  color: #ffffff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.hover, .btn.btn-primary.focus {
  background-color: #012146;
  border-color: #012146;
  color: #ffffff;
}
.btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #222943;
  border-color: #222943;
  color: #ffffff;
}
.btn.btn-primary:disabled, .btn.btn-primary.disabled {
  background-color: #dee3ed;
  border-color: #dee3ed;
  color: #575e6f;
}
.btn.btn-secondary {
  background-color: #ffffff;
  border: 1px #002855 solid;
  color: #002855;
  font-weight: 700;
}
.btn.btn-secondary i:before {
  color: #002855 !important;
}
.btn.btn-secondary.btn-icon-right {
  background-color: transparent;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.hover, .btn.btn-secondary.focus {
  background-color: #f2f4f8;
  color: #002855;
}
.btn.btn-secondary:hover i:before, .btn.btn-secondary:focus i:before, .btn.btn-secondary.hover i:before, .btn.btn-secondary.focus i:before {
  color: #002855 !important;
}
.btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #dee3ed;
  color: #002855;
}
.btn.btn-secondary:not(:disabled):not(.disabled).active i:before, .btn.btn-secondary:not(:disabled):not(.disabled):active i:before {
  color: #002855 !important;
}
.btn.btn-secondary:disabled, .btn.btn-secondary.disabled {
  background-color: #ffffff;
  border-color: #dee3ed;
  color: #002855;
}
.btn.btn-secondary:disabled i:before, .btn.btn-secondary.disabled i:before {
  color: #002855 !important;
}
@media (max-width: 1300px) {
  .btn.btn-secondary.mobile-btn-primary {
    background-color: #002855;
    border-color: #002855;
    text-align: center !important;
    color: #ffffff;
    padding: 9px 16px;
  }
  .btn.btn-secondary.mobile-btn-primary:hover, .btn.btn-secondary.mobile-btn-primary:focus, .btn.btn-secondary.mobile-btn-primary.hover, .btn.btn-secondary.mobile-btn-primary.focus {
    background-color: #012146;
    border-color: #012146;
    color: #ffffff !important;
  }
  .btn.btn-secondary.mobile-btn-primary:not(:disabled):not(.disabled).active, .btn.btn-secondary.mobile-btn-primary:not(:disabled):not(.disabled):active {
    background-color: #222943;
    border-color: #222943;
  }
  .btn.btn-secondary.mobile-btn-primary:disabled, .btn.btn-secondary.mobile-btn-primary.disabled {
    background-color: #dee3ed;
    border-color: #dee3ed;
    color: #575e6f;
  }
  .btn.btn-secondary.mobile-btn-primary i {
    display: none;
  }
}
.btn.btn-secondary.transparent {
  background-color: transparent;
  border: 1px #152e53 solid;
}
.btn.btn-secondary-outline {
  background-color: #ffffff;
  border: 1px #a5b2c3 solid;
  color: #222943;
  font-weight: 600;
}
.btn.btn-secondary-outline i:before {
  color: #a5b2c3 !important;
}
.btn.btn-secondary-outline:disabled, .btn.btn-secondary-outline.disabled {
  background-color: #ffffff;
  border-color: #a5b2c3;
  color: #222943;
}
.btn.btn-secondary-outline:disabled i:before, .btn.btn-secondary-outline.disabled i:before {
  color: #a5b2c3 !important;
}
.btn.btn-white {
  background-color: #fff;
  border-color: rgba(165, 178, 195, 0.4);
  color: #002855;
}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white.hover, .btn.btn-white.focus {
  background-color: #fff;
  border-color: rgba(165, 178, 195, 0.4);
  color: #002855 !important;
}
.btn.btn-white:not(:disabled):not(.disabled).active, .btn.btn-white:not(:disabled):not(.disabled):active {
  background-color: #fff;
  border-color: rgba(165, 178, 195, 0.4);
  color: #002855;
}
.btn.btn-white:disabled, .btn.btn-white.disabled {
  background-color: #fff;
  border-color: rgba(165, 178, 195, 0.4);
  color: #002855;
}
.btn-secondary-icon {
  border-radius: 20px 4px 4px 20px;
  background-color: #ffffff;
  border: 1px #dee3ed solid;
  color: #222943;
}
@media (max-width: 991px) {
  .btn-secondary-icon {
    border-radius: 4px;
  }
}
.btn-secondary-icon.right-icon-border:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 47px;
  top: 0;
  background-color: #dee3ed;
}
.btn-secondary-icon i:before {
  color: #222943 !important;
}
.btn-secondary-icon:hover, .btn-secondary-icon:focus, .btn-secondary-icon.hover, .btn-secondary-icon.focus {
  background-color: #f2f4f8;
  color: #222943;
}
.btn-secondary-icon:hover i:before, .btn-secondary-icon:focus i:before, .btn-secondary-icon.hover i:before, .btn-secondary-icon.focus i:before {
  color: #222943 !important;
}
.btn-secondary-icon:not(:disabled):not(.disabled).active, .btn-secondary-icon:not(:disabled):not(.disabled):active {
  background-color: #dee3ed;
  color: #222943;
}
.btn-secondary-icon:not(:disabled):not(.disabled).active i:before, .btn-secondary-icon:not(:disabled):not(.disabled):active i:before {
  color: #222943 !important;
}
.btn-secondary-icon:disabled, .btn-secondary-icon.disabled {
  background-color: #ffffff;
  border-color: #dee3ed;
  color: #222943;
}
.btn-secondary-icon:disabled i:before, .btn-secondary-icon.disabled i:before {
  color: #222943 !important;
}
.btn-icon-center {
  border-radius: 4px;
}
.btn-tertiary {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #002855;
}
.btn-tertiary i:before {
  color: #002855 !important;
}
.btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary.hover, .btn-tertiary.focus {
  background-color: #f2f4f8;
  border-color: #f2f4f8;
  color: #002855;
}
.btn-tertiary:hover i:before, .btn-tertiary:focus i:before, .btn-tertiary.hover i:before, .btn-tertiary.focus i:before {
  color: #002855 !important;
}
.btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active {
  background-color: #dee3ed;
  border-color: #dee3ed;
  color: #575e6f;
}
.btn-tertiary:not(:disabled):not(.disabled).active i:before, .btn-tertiary:not(:disabled):not(.disabled):active i:before {
  color: #575e6f !important;
}
.btn-tertiary:disabled, .btn-tertiary.disabled {
  background-color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  color: #575e6f;
}
.btn-tertiary:disabled i:before, .btn-tertiary.disabled i:before {
  color: #575e6f !important;
}
.btn-icon-right, .btn-icon-right-border, .btn-icon-left, .btn-icon-center {
  position: relative;
}
.btn-icon-right i, .btn-icon-right-border i, .btn-icon-left i, .btn-icon-center i {
  font-size: 24;
  font-size: 1.5rem;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -12px;
}
.btn-icon-right i:before, .btn-icon-right-border i:before, .btn-icon-left i:before, .btn-icon-center i:before {
  color: #ffffff;
}
.btn-icon-right img, .btn-icon-right-border img, .btn-icon-left img, .btn-icon-center img {
  left: 12px;
  top: 50%;
  margin-top: -12px;
  position: absolute;
}
.btn-icon-left {
  padding-left: 42px;
}
.btn-icon-right {
  padding-right: 42px;
}
.btn-icon-right.btn-secondary-icon {
  padding-right: 60px;
}
.btn-icon-right i {
  left: auto;
  right: 12px;
}
.btn-icon-center {
  padding-left: 42px;
}
.btn-icon-center i {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -12px;
}
.btn-icon-center.btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
}
.btn-icon-center.btn-block i {
  position: relative;
  left: -8px;
  top: 0;
  margin: 0;
}
.btn-icon-center.btn-arrow {
  border-radius: 50%;
  background-color: #f0f2f5;
  padding: 0;
  height: 56px;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon-center.btn-arrow i {
  font-size: 16;
  font-size: 1rem;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}
.btn-icon-center.btn-arrow i:before {
  color: #000;
}
.btn-icon-center.btn-arrow.xs {
  height: 36px;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}
.btn-icon-center.btn-arrow.xs i {
  font-size: 16;
  font-size: 1rem;
}
.btn-min-312 {
  min-width: 312px;
}
.btn-min-224 {
  min-width: 224px;
}
.btn-min-160 {
  min-width: 160px;
}
.btn-min-180 {
  min-width: 180px;
}
.btn-min-200 {
  min-width: 360px;
}
@media (max-width: 767px) {
  .btn-min-200 {
    min-width: unset;
  }
}
.btn-min-360 {
  min-width: 360px;
}
.btn-large {
  padding: 16px;
}
.btn-small {
  font-size: 16;
  font-size: 0.625rem;
  padding: 4px 16px;
  line-height: normal;
}
.btn-slick-icon {
  border-radius: 50%;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
  display: flex !important;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}
.btn-slick-icon i {
  font-size: 24;
  font-size: 1.5rem;
}
.btn-slick-icon i:before {
  color: #fff;
}
.btn-slick-icon:hover i:before, .btn-slick-icon:focus i:before {
  color: #fff;
}
.btn-slick-icon.dark {
  background-color: rgba(34, 41, 67, 0.1);
}
.btn-slick-icon.dark i:before {
  color: #222943 !important;
}
.btn.dropdown-btn {
  padding-left: 48px;
  padding-right: 72px;
  position: relative;
  border: 1px solid #dee3ed;
  color: #222943;
  border-radius: 30px 4px 4px 30px;
}
.btn.dropdown-btn img {
  top: 3px;
  left: 3px;
  position: absolute;
  margin-top: 0;
}
.btn.dropdown-btn i {
  font-size: 16;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #dee3ed;
}
.btn.btn-icon {
  display: flex;
  align-content: center;
  background-color: transparent;
  border: 0;
  color: #048a95;
  font-size: 16;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  padding: 0;
}
.btn.btn-icon i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 6px;
}
.btn.btn-icon i:before {
  color: #05b4c7;
}

.to-top-btn-block {
  position: fixed;
  bottom: 155px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.to-top-btn-block .to-top-btn {
  display: none;
  position: absolute;
  top: 0;
  right: -77px;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 36px;
  background-color: #FFF;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.to-top-btn-block .to-top-btn.active {
  display: flex;
}
@media (max-width: 1600px) {
  .to-top-btn-block .to-top-btn {
    right: 0;
  }
}
@media (max-width: 1300px) {
  .to-top-btn-block .to-top-btn {
    right: 16px;
  }
}
@media (max-width: 991px) {
  .to-top-btn-block .to-top-btn {
    display: none !important;
  }
}
.to-top-btn-block .to-top-btn span {
  line-height: 1;
  padding-bottom: 2px;
  margin-left: 7px;
  font-size: 14;
  font-size: 0.875rem;
  font-weight: bold;
}

.btn-all-campaings {
  padding: 60px 0;
  border-top: 1px solid #dee3ed;
  margin-top: 10px !important;
}

.info-modal .modal-dialog {
  max-width: 635px;
}
.info-modal .modal-dialog .modal-content {
  border-radius: 0 30px 0 30px;
  overflow: hidden;
  border: none;
}
.info-modal .modal-dialog .content-wrap {
  padding: 26px 0 26px 30px;
}
@media (max-width: 767px) {
  .info-modal .modal-dialog .content-wrap {
    padding: 26px 30px;
    text-align: center;
  }
}
.info-modal .modal-dialog .content-wrap h3 {
  margin-bottom: 16px;
}
.info-modal .modal-dialog .content-wrap p {
  margin-bottom: 25px;
}
.info-modal .modal-dialog .content-wrap .table {
  margin-top: -20px;
}
.info-modal .modal-dialog .content-wrap .table tr td {
  text-align: left;
  font-size: 16;
  font-size: 0.875rem;
}
.info-modal .modal-dialog .content-wrap .table tr td:last-child {
  text-align: right;
  min-width: 100px;
}
.info-modal .modal-dialog .content-wrap .table tr:last-child td {
  border-bottom: 1px solid #dee3ed;
}
.info-modal .modal-dialog .content-wrap .btn-wrap {
  display: flex;
}
.info-modal .modal-dialog .content-wrap .btn-wrap button,
.info-modal .modal-dialog .content-wrap .btn-wrap a {
  flex-grow: 1;
}
.info-modal .modal-dialog .content-wrap .btn-wrap button:first-child,
.info-modal .modal-dialog .content-wrap .btn-wrap a:first-child {
  margin-right: 16px;
}
.info-modal .modal-dialog .content-wrap .btn-wrap button:last-child,
.info-modal .modal-dialog .content-wrap .btn-wrap a:last-child {
  margin-right: 0;
}
.info-modal .modal-dialog .content-wrap .accordion-wrap {
  border-top: 1px #dee3ed solid;
  margin-right: 30px;
  margin-top: 30px;
}
.info-modal .modal-dialog .content-wrap .accordion-wrap .accordion .accordion-item .accordion-content-body p {
  margin-bottom: 16px;
}
.info-modal .modal-dialog .content-wrap .accordion-wrap .accordion .accordion-item .accordion-content-body p:last-child {
  margin-bottom: 0;
}
.info-modal .modal-dialog .content-wrap .accordion-wrap .accordion:last-child .accordion-item {
  border-bottom: 0;
}
.info-modal .modal-dialog .image-wrap {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-right: -1px;
}
.info-modal .modal-dialog.modal-sm {
  max-width: 552px;
}
.info-modal .modal-dialog.modal-xsm {
  max-width: 490px;
}
.info-modal .modal-dialog.modal-xs {
  max-width: 420px;
}
@media (max-width: 767px) {
  .info-modal .modal-dialog {
    max-width: 100%;
    margin: 0 20px;
  }
  .info-modal .modal-dialog.modal-sm {
    max-width: 100%;
  }
  .info-modal .modal-dialog.modal-xs {
    max-width: 100%;
  }
}
.info-modal .modal-dialog .modal-card {
  display: flex;
}
.info-modal .modal-dialog .modal-card img {
  max-width: 126px;
  margin-right: 26px;
}
@media (max-width: 767px) {
  .info-modal .modal-dialog .modal-card img {
    max-width: 60px;
    margin-right: 10px;
  }
}
.info-modal .modal-dialog .modal-card p {
  margin-bottom: 8px;
}
.info-modal .modal-dialog .modal-card p:last-child {
  margin-bottom: 0;
}
.info-modal.lead-modal .modal-dialog {
  max-width: 770px;
}
@media (max-width: 767px) {
  .info-modal.lead-modal .modal-dialog {
    max-width: 100%;
  }
}
.info-modal.lead-modal .modal-dialog .content-wrap h3 {
  font-weight: 700;
}
.info-modal.lead-modal .modal-dialog .content-wrap p {
  color: #222943;
}
@media (max-width: 767px) {
  .info-modal.lead-modal .modal-dialog .image-wrap {
    padding: 12px 0;
  }
}
.info-modal.branch-map-modal {
  padding-right: 17px;
}
.info-modal.branch-map-modal .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}
.info-modal.branch-map-modal .modal-dialog .content-wrap p {
  margin-bottom: 12px;
}
.info-modal.branch-map-modal .modal-dialog .content-wrap input {
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff;
  color: #222943;
  border-color: #fff;
  border-style: inherit;
  border-bottom: 1px solid #222943;
  padding-left: 0;
}
.info-modal.branch-map-modal .modal-dialog .image-wrap {
  position: relative;
}
.info-modal.branch-map-modal .modal-dialog .image-wrap i {
  position: absolute;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  right: 20px;
  top: 20px;
  font-size: 20px;
  border: 1px solid;
  border-radius: 50%;
  z-index: 99;
  cursor: pointer;
}
.info-modal.information-modal .close {
  border-radius: 50%;
  font-size: 20;
  font-size: 1.25rem;
  background-color: #eef1f6;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  opacity: 1;
  outline: none !important;
  margin-right: 30px;
}
.info-modal.information-modal .close i {
  color: #000000;
  line-height: 100%;
}
@media (max-width: 767px) {
  .info-modal.information-modal .content-wrap {
    text-align: left;
    padding: 26px 0 26px 30px;
  }
}
.info-modal.information-modal .content-wrap h3 {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: bold;
  margin-bottom: 13px;
}
.info-modal.information-modal .content-wrap .custom-scroll {
  max-height: 400px;
}
.info-modal.information-modal .content-wrap .custom-scroll .mCustomScrollBox {
  padding-right: 30px;
}
.info-modal.information-modal .content-wrap .custom-scroll .mCustomScrollBox .mCSB_scrollTools {
  right: 10px;
}
.info-modal.information-modal .modal-xs .content-wrap {
  padding: 26px 30px;
}
.info-modal.information-modal .modal-xs .content-wrap h3 {
  margin-bottom: 23px;
}
.info-modal.information-modal .modal-xs .content-wrap .close {
  margin-right: 0;
}
.info-modal.information-modal .modal-xs .content-wrap .btn + .btn {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .info-modal.information-modal.device-modal .content-wrap {
    padding: 26px 0 13px 30px;
  }
}
.info-modal.information-modal.device-modal .device-wrap {
  text-align: center;
  padding-bottom: 40px;
}
.info-modal.information-modal.device-modal .device-wrap h3 {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: bold;
  margin: 26px 0 11px 0;
}
@media (max-width: 991px) {
  .info-modal.information-modal.device-modal .device-wrap h3 {
    font-size: 16;
    font-size: 1rem;
    margin: 24px 0 4px 0;
  }
}
.info-modal.information-modal.device-modal .device-wrap p {
  color: #222943;
  font-weight: 500;
}
.info-modal.information-modal.device-modal .device-wrap .stars a i {
  font-size: 32;
  font-size: 2rem;
}
@media (max-width: 991px) {
  .info-modal.information-modal.device-modal .device-wrap .stars a i {
    font-size: 30;
    font-size: 1.875rem;
  }
}
.info-modal.information-modal.device-modal .device-wrap .btn {
  min-width: 166px;
}
@media (max-width: 991px) {
  .info-modal.information-modal.device-modal .device-wrap .btn {
    display: block;
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}

.modal-form .modal-dialog {
  max-width: 380px;
}
.modal-form .modal-dialog .modal-content {
  border-radius: 0 30px 0 30px;
  border: none;
}
.modal-form .content-wrap {
  padding: 26px 30px;
}
.modal-form h3 {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: bold;
  margin-bottom: 22px;
}
.modal-form .close {
  border-radius: 50%;
  font-size: 20;
  font-size: 1.25rem;
  background-color: #eef1f6;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: none;
  opacity: 1;
  outline: none !important;
}
.modal-form .close i {
  color: #000000;
  line-height: 100%;
}
.modal-form h5 {
  line-height: 1.5;
  margin-bottom: 16px;
}
.modal-form .list {
  margin-bottom: 20px;
}
.modal-form .campaign-tariff .form-group {
  margin-bottom: 0;
}
.modal-form .campaign-tariff .form-group .form-control {
  border-radius: 6px 6px 0 0;
}
.modal-form .campaign-tariff .form-group i:before {
  color: #919eba;
}
.modal-form .campaign-tariff .custom-scroll {
  max-height: 117px;
  margin-bottom: 20px;
  border-radius: 0 0 6px 6px;
  border: 1px #dee3ed solid;
  border-top: 0;
}
.modal-form .campaign-tariff .custom-scroll .list-border {
  border: 0;
  margin-bottom: 0;
}

.banner-wrap {
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .banner-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
  .banner-wrap .container {
    border-radius: 0 !important;
    justify-content: center;
  }
}
.banner-wrap div {
  outline: none;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .banner-wrap div {
    border-radius: 0;
  }
}
.banner-wrap .tns-inner {
  margin: 0 -1px 0 -1px !important;
  height: 436px;
}
@media (max-width: 767px) {
  .banner-wrap .tns-inner {
    height: auto;
  }
}
.banner-wrap .tns-item {
  padding: 0 1px 0 1px !important;
}
.banner-wrap .banner-slider {
  transition: all 200ms ease-in-out;
  opacity: 0;
}
.banner-wrap .banner-slider.tns-slider {
  opacity: 1;
}
.banner-wrap .banner-item {
  height: 560px;
  position: relative;
}
@media (max-width: 767px) {
  .banner-wrap .banner-item {
    height: auto;
  }
}
.banner-wrap .banner-item .background-layer {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 436px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 375px) {
  .banner-wrap .banner-item .background-layer {
    background-size: contain;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner-wrap .banner-item .background-layer {
    background-position: 57% center;
  }
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .background-layer {
    position: relative;
    height: 550px;
    max-height: 550px;
  }
}
.banner-wrap .banner-item .banner-text {
  max-width: 470px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
}
.banner-wrap .banner-item .banner-text.type2 {
  padding-left: 40px;
  padding-top: 110px;
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .banner-text.type2 {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .banner-text {
    max-width: 90%;
    padding-top: 25px;
  }
}
.banner-wrap .banner-item .banner-text h2 {
  margin-bottom: 16px;
  font-size: 30;
  font-size: 1.875rem;
}
@media (max-width: 991px) {
  .banner-wrap .banner-item .banner-text h2 {
    font-size: 28;
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .banner-text h2 {
    margin-bottom: 16px;
    text-align: center;
  }
}
.banner-wrap .banner-item .banner-text p {
  margin-bottom: 40px;
}
.banner-wrap .banner-item .banner-text .btn {
  display: block;
  max-width: 160px;
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .banner-text .btn {
    width: 100%;
    max-width: 100%;
  }
}
.banner-wrap .banner-item .banner-text.text-white h2, .banner-wrap .banner-item .banner-text.text-white p {
  color: #fff !important;
}
.banner-wrap .banner-item .banner-text.max-percent-50 {
  max-width: 50%;
}
.banner-wrap .banner-item .banner-text.mobile-active {
  display: none;
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .banner-text.mobile-active {
    display: flex;
  }
}
.banner-wrap .banner-item .container {
  height: 100%;
  display: flex;
  max-height: 358px;
  padding-left: unset;
}
@media (max-width: 767px) {
  .banner-wrap .banner-item .container {
    padding: 20px 12px;
    position: absolute;
    bottom: 0;
  }
  .banner-wrap .banner-item .container .banner-text {
    width: 100%;
    margin-bottom: 32px;
    padding: 16px 32px 0;
    position: absolute;
    bottom: 32px;
  }
  .banner-wrap .banner-item .container .banner-text a.btn-secondary {
    border-color: #002855 !important;
  }
  .banner-wrap .banner-item .container .banner-text h2 {
    font-size: 18;
    font-size: 1.125rem;
    color: #222943;
    margin-bottom: 16px;
  }
  .banner-wrap .banner-item .container .banner-text p {
    margin-bottom: 20px;
    color: #575e6f !important;
  }
  .banner-wrap .banner-item .container .banner-text.text-white p {
    color: #575e6f !important;
  }
}
.banner-wrap.small-height {
  height: 374px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .banner-wrap.small-height {
    height: auto;
  }
}
.banner-wrap.small-height .banner-item {
  height: 374px;
}
@media (max-width: 767px) {
  .banner-wrap.small-height .banner-item {
    height: 270px;
  }
}
.banner-wrap.small-height .banner-item h2 {
  margin-bottom: 15px;
}
.banner-wrap.campaign-banner {
  margin-bottom: 40px;
}
.banner-wrap.arrows-banner {
  position: relative;
}
.banner-wrap.arrows-banner .banner-text {
  max-width: 446px;
  padding-left: 32px;
}
@media (max-width: 991px) {
  .banner-wrap.arrows-banner .banner-text {
    padding-left: 0;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-wrap.arrows-banner .banner-text {
    max-width: 100%;
  }
}
.banner-wrap.dark-mode .tns-outer .tns-controls button {
  background-color: rgba(255, 255, 255, 0.2);
}
.banner-wrap.dark-mode .tns-outer .tns-controls button i:before {
  color: #fff;
}
.banner-wrap.dark-mode .tns-outer .tns-nav button {
  background-color: rgba(255, 255, 255, 0.5);
}
.banner-wrap.dark-mode .tns-outer .tns-nav button.tns-nav-active {
  background-color: #FFF;
}
.banner-wrap.homepageslider {
  margin-top: -125px;
}
@media (max-width: 767px) {
  .banner-wrap.homepageslider {
    margin-right: 0;
    margin-left: 0;
  }
}
.banner-wrap.homepageslider div {
  border-radius: 0px !important;
}
.banner-wrap.homepageslider .tns-inner {
  height: 560px;
  margin-bottom: -1px !important;
}
@media (max-width: 767px) {
  .banner-wrap.homepageslider .tns-inner {
    margin-bottom: 0px !important;
    height: auto;
  }
}
.banner-wrap.homepageslider .tns-item > .container {
  align-items: center;
  margin-top: 125px;
}
.banner-wrap.homepageslider .tns-outer .tns-nav {
  bottom: 20px;
}
@media (max-width: 767px) {
  .banner-wrap.homepageslider .tns-outer .tns-nav {
    top: unset;
    bottom: 32px;
  }
}
@media (min-width: 992px) {
  .banner-wrap.homepageslider .tns-outer .tns-nav {
    display: none;
  }
}
.banner-wrap.homepageslider .tns-outer .tns-controls {
  top: 50%;
  bottom: unset;
  left: unset;
  width: 100%;
}
.banner-wrap.homepageslider .tns-outer .tns-controls button {
  position: absolute;
  display: flex !important;
  bottom: unset;
}
.banner-wrap.homepageslider .tns-outer .tns-controls button[data-controls=next] {
  right: 16px;
  left: unset;
}
.banner-wrap.homepageslider .tns-outer .tns-controls button[data-controls=prev] {
  left: 16px;
}
.banner-wrap.homepageslider .background-layer {
  max-height: unset;
  background-size: cover;
}
@media (max-width: 767px) {
  .banner-wrap.homepageslider .background-layer {
    height: 146.7vw;
    background-size: contain;
  }
}

.banner-nav {
  position: absolute;
  left: 0;
  bottom: 16px;
  width: 100%;
}
@media (max-width: 991px) {
  .banner-nav .container {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .banner-nav {
    display: none;
  }
}
.banner-nav ul {
  background-color: rgba(222, 227, 237, 0.6);
  display: flex;
  justify-content: stretch;
  height: 52px;
  align-items: center;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 100px;
}
.banner-nav ul li {
  flex: 1;
  text-align: center;
  border-top: 3px solid transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.5019607843);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.banner-nav ul li a {
  font-size: 13;
  font-size: 0.8125rem;
  color: #222943;
  line-height: 1.2;
  padding: 10px 10px;
}
@media (max-width: 991px) {
  .banner-nav ul li a {
    white-space: nowrap;
  }
}
.banner-nav ul li:last-child {
  border-right: none;
  border-bottom-right-radius: 23px;
}
.banner-nav ul li:first-child {
  border-left: none;
  border-bottom-left-radius: 23px;
}
.banner-nav ul li.tns-nav-active, .banner-nav ul li:hover {
  border-bottom: 5px rgba(255, 255, 255, 0.5019607843) solid;
}
.banner-nav ul li.tns-nav-active a, .banner-nav ul li:hover a {
  font-weight: 800;
  text-decoration: none;
  padding-bottom: 5px;
}

.banner-single {
  position: relative;
  height: 436px;
}
@media (max-width: 991px) {
  .banner-single {
    margin: 0px -15px;
  }
}
.banner-single .background-layer {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 375px) {
  .banner-single .background-layer {
    background-size: contain;
  }
}
.banner-single .background-layer > img {
  width: 100%;
  height: 436px !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .banner-single .background-layer > img {
    border-radius: 0px;
  }
}
.banner-single .banner-text {
  max-width: 470px;
  padding-top: 60px;
  padding-left: 50px;
  position: relative;
  z-index: 4;
}
@media (max-width: 767px) {
  .banner-single .banner-text {
    max-width: 100%;
    padding: 20px 20px 0 20px;
  }
}
.banner-single .banner-text h2 {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .banner-single .banner-text h2 {
    margin-bottom: 16px;
  }
}
.banner-single .banner-text p {
  margin-bottom: 40px;
}
.banner-single .banner-text .btn {
  display: inline-block;
  max-width: auto;
}
.banner-single .banner-text.text-white h2, .banner-single .banner-text.text-white p {
  color: #fff !important;
}
@media (max-width: 767px) {
  .banner-single {
    height: 314px;
  }
  .banner-single .background-layer > img {
    height: 314px !important;
  }
}

@media (max-width: 991px) {
  .evde-interneti-kesfedin .banner-single {
    margin: unset;
  }
}

.box-opportunity .tns-outer {
  overflow: hidden;
  position: relative;
}
.box-opportunity .tns-outer .tns-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -28px;
  z-index: 9;
  left: 0;
  bottom: unset;
}
@media (max-width: 991px) {
  .box-opportunity .tns-outer .tns-controls {
    display: none !important;
  }
}
.box-opportunity .tns-outer .tns-controls button {
  border-radius: 50%;
  position: absolute;
  border: none;
  outline: none;
  align-items: center;
  background-color: rgba(34, 41, 67, 0.1);
  border: 0;
  display: flex !important;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}
.box-opportunity .tns-outer .tns-controls button i {
  font-size: 24;
  font-size: 1.5rem;
}
.box-opportunity .tns-outer .tns-controls button i:before {
  color: #222943;
}
.box-opportunity .tns-outer .tns-controls button:disabled {
  display: none !important;
}
.box-opportunity .tns-outer .tns-controls button:hover i:before, .box-opportunity .tns-outer .tns-controls button:focus i:before {
  color: #222943;
}
.box-opportunity .tns-outer .tns-controls button[data-controls=prev] {
  left: 16px;
}
.box-opportunity .tns-outer .tns-controls button[data-controls=next] {
  right: 16px;
  left: unset;
}
.box-opportunity .tns-outer .tns-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  bottom: 20px;
  z-index: 2;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .box-opportunity .tns-outer .tns-nav {
    height: 6px;
    bottom: 32px;
    padding: 0 16px;
  }
}
.box-opportunity .tns-outer .tns-nav button {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border: 0;
  box-shadow: none;
  display: block;
  max-width: 60px;
  width: 100%;
  min-width: 16px;
  height: 4px;
  margin: 0 2px;
  cursor: pointer;
  outline: none;
  padding: 0;
}
@media (max-width: 767px) {
  .box-opportunity .tns-outer .tns-nav button {
    border-radius: 100px;
    height: 6px;
  }
}
.box-opportunity .tns-outer .tns-nav button.tns-nav-active {
  background-color: #002855;
}
@media (max-width: 1024px) {
  .box-opportunity .tns-outer .tns-nav button {
    min-width: 44px;
    max-width: 60px;
  }
}

.info-box-recipe .tns-outer {
  overflow: hidden;
  position: relative;
}
.info-box-recipe .tns-outer .tns-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -28px;
  z-index: 9;
  left: 0;
  bottom: unset;
}
@media (max-width: 991px) {
  .info-box-recipe .tns-outer .tns-controls {
    display: none !important;
  }
}
.info-box-recipe .tns-outer .tns-controls button {
  border-radius: 50%;
  position: absolute;
  border: none;
  outline: none;
  align-items: center;
  background-color: rgba(34, 41, 67, 0.1);
  border: 0;
  display: flex !important;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}
.info-box-recipe .tns-outer .tns-controls button i {
  font-size: 24;
  font-size: 1.5rem;
}
.info-box-recipe .tns-outer .tns-controls button i:before {
  color: #222943;
}
.info-box-recipe .tns-outer .tns-controls button:disabled {
  display: none !important;
}
.info-box-recipe .tns-outer .tns-controls button:hover i:before, .info-box-recipe .tns-outer .tns-controls button:focus i:before {
  color: #222943;
}
.info-box-recipe .tns-outer .tns-controls button[data-controls=prev] {
  left: 16px;
}
.info-box-recipe .tns-outer .tns-controls button[data-controls=next] {
  right: 16px;
  left: unset;
}
.info-box-recipe .tns-outer .tns-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  bottom: 20px;
  z-index: 2;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .info-box-recipe .tns-outer .tns-nav {
    height: 6px;
    bottom: 32px;
    padding: 0 16px;
  }
}
.info-box-recipe .tns-outer .tns-nav button {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border: 0;
  box-shadow: none;
  display: block;
  max-width: 94px;
  width: 100%;
  min-width: 16px;
  height: 4px;
  margin: 0 2px;
  cursor: pointer;
  outline: none;
  padding: 0;
}
@media (max-width: 767px) {
  .info-box-recipe .tns-outer .tns-nav button {
    border-radius: 100px;
    height: 6px;
  }
}
.info-box-recipe .tns-outer .tns-nav button.tns-nav-active {
  background-color: #002855;
}
@media (max-width: 1024px) {
  .info-box-recipe .tns-outer .tns-nav button {
    min-width: 44px;
    max-width: 60px;
  }
}

.tns-outer {
  overflow: hidden;
  position: relative;
}
.tns-outer .tns-controls {
  position: absolute;
  top: unset;
  width: auto;
  margin-top: -28px;
  z-index: 9;
  left: 32px;
  bottom: 22px;
}
@media (max-width: 991px) {
  .tns-outer .tns-controls {
    display: none !important;
  }
}
.tns-outer .tns-controls button {
  border-radius: 50%;
  position: relative;
  border: none;
  outline: none;
  align-items: center;
  background-color: rgba(34, 41, 67, 0.1);
  border: 0;
  display: unset !important;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  bottom: 0;
}
.tns-outer .tns-controls button i {
  font-size: 24;
  font-size: 1.5rem;
}
.tns-outer .tns-controls button i:before {
  color: #222943;
}
.tns-outer .tns-controls button:disabled {
  display: none !important;
}
.tns-outer .tns-controls button:hover i:before, .tns-outer .tns-controls button:focus i:before {
  color: #222943;
}
.tns-outer .tns-controls button[data-controls=prev] {
  left: 0;
}
.tns-outer .tns-controls button[data-controls=next] {
  left: 16px;
}
.tns-outer .tns-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  bottom: 48px;
  z-index: 2;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .tns-outer .tns-nav {
    height: 6px;
    bottom: 32px;
    padding: 0 16px;
  }
}
.tns-outer .tns-nav button {
  border-radius: 2px;
  background-color: rgba(34, 41, 67, 0.2);
  border: 0;
  box-shadow: none;
  display: block;
  max-width: 60px;
  width: 100%;
  min-width: 16px;
  height: 4px;
  margin: 0 2px;
  cursor: pointer;
  outline: none;
  padding: 0;
}
@media (max-width: 767px) {
  .tns-outer .tns-nav button {
    border-radius: 100px;
    height: 6px;
  }
}
.tns-outer .tns-nav button.tns-nav-active {
  background-color: #002855;
}
@media (max-width: 1024px) {
  .tns-outer .tns-nav button {
    min-width: 44px;
    max-width: 60px;
  }
}

.ipad .banner-wrap .banner-nav {
  display: none;
}

.detail-text-slider .tns-outer {
  overflow: hidden;
  position: relative;
}
.detail-text-slider .tns-outer .tns-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -28px;
  z-index: 9;
  left: unset;
  bottom: unset;
}
@media (max-width: 991px) {
  .detail-text-slider .tns-outer .tns-controls {
    display: none !important;
  }
}
.detail-text-slider .tns-outer .tns-controls button {
  border-radius: 50%;
  position: absolute;
  border: none;
  outline: none;
  align-items: center;
  background-color: rgba(34, 41, 67, 0.1);
  border: 0;
  display: flex !important;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  bottom: unset;
}
.detail-text-slider .tns-outer .tns-controls button i {
  font-size: 24;
  font-size: 1.5rem;
}
.detail-text-slider .tns-outer .tns-controls button i:before {
  color: #222943;
}
.detail-text-slider .tns-outer .tns-controls button:disabled {
  display: none !important;
}
.detail-text-slider .tns-outer .tns-controls button:hover i:before, .detail-text-slider .tns-outer .tns-controls button:focus i:before {
  color: #222943;
}
.detail-text-slider .tns-outer .tns-controls button[data-controls=prev] {
  left: 16px;
}
.detail-text-slider .tns-outer .tns-controls button[data-controls=next] {
  right: 16px;
  left: unset;
}

.box-opportunity.bi-dunya {
  padding: 60px 0px 60px 0px;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya {
    min-height: 737px;
    padding: 40px 16px;
    margin: unset;
    margin-bottom: 40px;
  }
}
.box-opportunity.bi-dunya .container {
  display: flex;
  margin: unset;
  padding: unset;
  max-width: inherit;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container {
    display: block;
  }
}
.box-opportunity.bi-dunya .container .left-area {
  height: 370px;
  min-width: 370px;
  max-width: 370px;
  width: 100%;
  margin: 62.5px 30px 32px 135px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .left-area {
    min-width: 100%;
    margin: auto;
    height: auto;
    margin: unset;
    min-width: auto;
  }
}
.box-opportunity.bi-dunya .container .left-area img {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .left-area img {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .left-area .tns-controls {
    display: none;
  }
}
.box-opportunity.bi-dunya .container .left-area .tns-controls button {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border: none;
  outline: none;
  align-items: center;
  border: 0;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  margin-top: 32px;
}
.box-opportunity.bi-dunya .container .left-area .tns-controls button i::before {
  color: #fff;
}
.box-opportunity.bi-dunya .container .left-area .tns-controls button[data-controls=next] {
  margin-left: 16px;
}
.box-opportunity.bi-dunya .container .left-area h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .left-area h3 {
    margin-top: 16px;
  }
}
.box-opportunity.bi-dunya .container .left-area p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .left-area p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.box-opportunity.bi-dunya .container .left-area a.all-link {
  border: 1px solid;
  width: 234px;
  height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: #002855;
  background-color: #fff;
  text-decoration: unset;
  position: absolute;
  bottom: 60px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .left-area a.all-link {
    display: none;
  }
}
.box-opportunity.bi-dunya .container .tns-outer {
  max-width: inherit;
  overflow: hidden;
}
.box-opportunity.bi-dunya .container .tns-outer .tns-ovh {
  width: 103%;
}
.box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal {
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal {
    display: flex;
    gap: unset;
  }
}
@media (min-width: 991px) {
  .box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal {
    width: -moz-max-content !important;
    width: max-content !important;
  }
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal .tns-item .box-opportunity-slider-item {
    padding-right: 20px;
  }
}
.box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal .tns-item .box-opportunity-slider-item .mega-menu-img.type2 {
  border: unset;
  display: block;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal .tns-item .box-opportunity-slider-item .mega-menu-img.type2 {
    max-width: 100%;
  }
}
.box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal .tns-item .box-opportunity-slider-item .mega-menu-img.type2 .img {
  min-width: 100%;
}
.box-opportunity.bi-dunya .container .tns-outer .tns-ovh .tns-inner .box-opportunity-slider.tns-slider.tns-carousel.tns-subpixel.tns-calc.tns-horizontal .tns-item .box-opportunity-slider-item .mega-menu-img.type2 .caption .btns-wrap .btn {
  display: block;
}
.box-opportunity.bi-dunya .container .tns-outer .tns-nav {
  position: relative;
  display: flex;
  left: unset;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: start;
  height: 34px;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .tns-outer .tns-nav {
    justify-content: center;
  }
}
.box-opportunity.bi-dunya .container .cards-btn {
  display: none;
}
@media (max-width: 767px) {
  .box-opportunity.bi-dunya .container .cards-btn {
    display: block;
    padding: 0 12px;
  }
}
.box-opportunity.bi-dunya .container .cards-btn a {
  display: flex;
  position: relative;
  width: 100%;
  left: unset;
  bottom: unset;
  margin-top: 32px;
  border: 1px solid;
  max-height: 44px;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: #002855;
  background-color: #fff;
  text-decoration: unset;
  position: relative;
}

.radio-list li {
  padding: 10px;
  border-bottom: 1px solid #dee3ed;
  text-align: left;
}
.radio-list li .form-group {
  margin-bottom: 0;
}

.list.circle-list li {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
  margin-bottom: 12px;
}
.list.circle-list li:before {
  border-radius: 50%;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  top: 10px;
}
.list-icon li {
  margin: 0 10px;
}
.list-icon li a {
  display: flex;
  text-decoration: none;
  align-items: center;
  line-height: 1;
}
.list-icon li a i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 2px;
}
.list-icon-right-bold {
  display: flex;
  justify-content: flex-end;
}
.list-icon-right-bold li a {
  font-weight: 600;
}
@media (max-width: 991px) {
  .list-icon {
    padding-top: 20px;
    justify-content: center !important;
  }
  .list-icon li {
    display: inline-block;
    margin: 0 8px;
  }
}
.list-border {
  border-radius: 6px;
  border: 1px #dee3ed solid;
}
.list-border li {
  border-bottom: 1px #dee3ed solid;
  padding: 8px 16px;
  line-height: 1.38;
}
.list-border li:last-child {
  border-bottom: 0;
}

.campaign-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 40px 4.333333% 0 5.333333%;
}
.campaign-list > div {
  max-width: 25.33%;
  min-width: 25.33%;
  margin: 0 4% 40px 4%;
}
@media (max-width: 991px) {
  .campaign-list {
    margin: 20px 0;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .campaign-list > div {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 4px rgba(118, 118, 118, 0.18);
    max-width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
  }
}

[data-toggle=tooltip],
.tooltip {
  text-decoration: none;
}
[data-toggle=tooltip] i,
.tooltip i {
  font-size: 16;
  font-size: 1.5rem;
  position: relative;
  bottom: -2px;
  cursor: pointer;
}
[data-toggle=tooltip] i:hover::before,
.tooltip i:hover::before {
  color: #ff983a;
}
[data-toggle=tooltip]:hover,
.tooltip:hover {
  text-decoration: none !important;
}
[data-toggle=tooltip] .tooltip-inner,
.tooltip .tooltip-inner {
  background-color: #575e6f;
  font-size: 16;
  font-size: 0.75rem;
  padding: 7px;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
}
[data-toggle=tooltip] .arrow:before,
.tooltip .arrow:before {
  border-top-color: #575e6f;
}
[data-toggle=tooltip].show,
.tooltip.show {
  opacity: 1;
}

.accordion .card,
.accordion-wrap .card {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee3ed;
  overflow: visible;
}
.accordion .card:not(:last-of-type),
.accordion-wrap .card:not(:last-of-type) {
  border: 1px solid #dee3ed;
  border-radius: 4px;
}
.accordion .card .card-header,
.accordion-wrap .card .card-header {
  background-color: #ffffff;
  margin-bottom: 0;
  border-bottom: 0;
  padding: 17px 15px;
  border-radius: 4px;
}
.accordion .card .card-header .form-group,
.accordion-wrap .card .card-header .form-group {
  margin-bottom: 0;
}
.accordion .card .card-header .form-group .radio-wrap,
.accordion-wrap .card .card-header .form-group .radio-wrap {
  overflow: visible;
}
.accordion .card .card-header .form-group .radio-wrap label,
.accordion-wrap .card .card-header .form-group .radio-wrap label {
  width: 100%;
  margin-top: -17px;
  margin-bottom: -17px;
  padding-top: 17px;
  padding-bottom: 17px;
}
.accordion .accordion-item,
.accordion-wrap .accordion-item {
  border-bottom: 1px solid #dee3ed;
}
.accordion .accordion-item .accordion-header .header-btn,
.accordion-wrap .accordion-item .accordion-header .header-btn {
  padding: 24px 0;
  font-size: 16;
  font-size: 1.25rem;
  display: block;
  font-weight: bold;
  color: #222943;
  position: relative;
  padding-right: 30px;
}
.accordion .accordion-item .accordion-header .header-btn:hover,
.accordion-wrap .accordion-item .accordion-header .header-btn:hover {
  text-decoration: none;
}
.accordion .accordion-item .accordion-header .header-btn::after,
.accordion-wrap .accordion-item .accordion-header .header-btn::after {
  content: "\e919";
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 16;
  font-size: 1.5rem;
  margin-top: -12px;
}
.accordion .accordion-item .accordion-header .header-btn[aria-expanded=false]::after,
.accordion-wrap .accordion-item .accordion-header .header-btn[aria-expanded=false]::after {
  content: "\e900";
}
.accordion .accordion-item .accordion-content-body,
.accordion-wrap .accordion-item .accordion-content-body {
  padding-bottom: 32px;
}

.tabs {
  margin-bottom: 60px;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .tabs {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 32px;
  }
}
.tabs > h3,
.tabs .container > h3 {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  color: #202945;
}
@media (max-width: 991px) {
  .tabs > h3,
  .tabs .container > h3 {
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .tabs > .container {
    margin: 0;
    padding: 0;
  }
  .tabs > .container .collapse {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .tabs .nav-tabs {
    display: flex;
  }
}
@media (max-width: 991px) {
  .tabs .nav-tabs {
    display: none;
  }
}
.tabs .tab-pane .cards > div .card .card-body .card-campaign-box-info {
  /* Onemli degisiklik*/
  min-height: 240px;
}
@media (max-width: 991px) {
  .tabs .tab-pane .cards {
    padding-bottom: 16px;
    margin-top: -66px;
    margin-bottom: -93px;
  }
  .tabs .tab-pane .cards > div {
    margin-bottom: 95px;
  }
  .tabs .tab-pane .cards > div .card {
    margin-bottom: 0px;
  }
}
.tabs .tab-pane > .nav-tabs {
  display: none;
}
@media (max-width: 991px) {
  .tabs .tab-pane > .nav-tabs {
    display: block;
  }
}
.tabs .tab-pane > .collapse {
  display: block;
}
@media (max-width: 991px) {
  .tabs .tab-pane > .collapse {
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .tabs .tab-pane > .collapse:not(.show) {
    display: block;
  }
}
@media (max-width: 767px) {
  .tabs .tab-pane .cards-btn {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 55px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .tabs .tab-pane .cards-btn {
    position: relative;
  }
}
@media (max-width: 767px) {
  .tabs .tab-pane .cards-btn a.btn {
    border-radius: 40px;
    border: 1px #002855 solid;
    position: absolute;
    width: 93%;
  }
}
.tabs.not-migrated .nav {
  margin-bottom: 20px;
}
.tabs.not-migrated .tab-content .nav {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .tabs.not-migrated .nav-tabs.mobile-none {
    display: none;
  }
}
.tabs.not-migrated .tab-pane.fade {
  opacity: 1;
}
.tabs.business {
  background-color: #f8f9fb;
  margin: 0px;
  padding: 60px 0px;
}
@media (min-width: 992px) {
  .tabs.business .tabli-kartlar .info-box-recipe {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .tabs.business .tabli-kartlar .info-box-recipe .tab-content .additional-info {
    min-width: 270px;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 24px;
    min-height: 400px;
    margin-bottom: 35px;
  }
}
.tabs.business .tabli-kartlar .info-box-recipe .tab-content .tns-inner {
  padding: 0px !important;
}
.tabs.business .tabli-kartlar .info-box-recipe .tab-content .tns-inner .tns-item {
  max-width: 270px !important;
  max-height: 400px !important;
}
.tabs.business .tabli-kartlar .info-box-recipe .cards {
  padding: 32px 0px;
}
.tabs.business .tabli-kartlar .info-box-recipe .tns-ovh {
  padding: 0;
}
.tabs.business .tabli-kartlar .nav-tabs li.nav-item .nav-link {
  padding: 5px 28px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabs#tabbedCardsTivibu .nav-tabs .nav-item a {
  background-color: unset;
  color: #666F85;
}
.tabs#tabbedCardsTivibu .nav-tabs .nav-item a.active {
  color: #222943;
}
.tabs#tabbedCardsTivibu .tab-content .tabbedCardsTivibuSubtitle {
  text-align: center;
  margin: 32px 16px;
}
.tabs#tabbedCardsTivibu .tab-content .tab-pane .cards {
  padding-top: unset;
}

@media (max-width: 991px) {
  .tab-wrap {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .tab-wrap .nav {
    display: flex;
  }
}
.tab-wrap .nav .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .tab-wrap .nav .nav-link {
    padding: 17px 12px !important;
  }
}
@media (max-width: 480px) {
  .tab-wrap .nav .nav-link {
    padding: 17px 0 !important;
  }
}

.nav-tabs {
  border: 0;
}
.nav-tabs li.nav-item {
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 991px) {
  .nav-tabs li.nav-item {
    margin-bottom: 1px !important;
  }
}
.nav-tabs li.nav-item:first-child a.nav-link {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media (max-width: 767px) {
  .nav-tabs li.nav-item:first-child a.nav-link {
    border-radius: 0px;
  }
}
.nav-tabs li.nav-item:first-child a.nav-link.active::before {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
@media (max-width: 767px) {
  .nav-tabs li.nav-item:first-child a.nav-link.active::before {
    border-radius: 0;
  }
}
.nav-tabs li.nav-item a.nav-link {
  border-radius: 0;
  font-size: 17px;
  background-color: #f0f2f5;
  border: solid 1px #eff1f6;
  border-left: 1px #dee3ed solid;
  color: #575e6f;
  line-height: 1.38;
  padding: 17px;
}
@media (max-width: 767px) {
  .nav-tabs li.nav-item a.nav-link {
    position: relative;
    z-index: 3;
  }
}
.nav-tabs li.nav-item a.nav-link:hover {
  background-color: rgb(235, 237, 240);
}
.nav-tabs li.nav-item a.nav-link.active {
  background-color: #ffffff;
  color: #222943;
  font-weight: bold;
}
.nav-tabs li.nav-item a.nav-link.active::before {
  content: "";
  height: 100%;
  background: #ff983a;
  width: 6px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.nav-tabs li.nav-item:last-child a.nav-link {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (max-width: 767px) {
  .nav-tabs li.nav-item:last-child a.nav-link {
    border-radius: 0px;
    align-items: center;
    display: flex;
    height: 100%;
    border-radius: 0px;
    justify-content: center;
  }
}
.nav-tabs li.nav-item.hide {
  display: none;
}

.biten-teklifler ul li {
  white-space: nowrap;
}
.biten-teklifler .tab-content ul li {
  white-space: normal;
}

.campaign-list.tabbed-cards-slider {
  margin: auto;
}
@media (max-width: 991px) {
  .campaign-list.tabbed-cards-slider {
    padding-left: 15px;
    flex-direction: row;
    overflow: auto;
    padding-bottom: 15px;
  }
}
.campaign-list.tabbed-cards-slider > div {
  max-width: 270px;
  margin: 0 auto;
  min-width: auto;
  align-items: stretch;
  display: flex !important;
  flex-direction: column;
}
@media (max-width: 991px) {
  .campaign-list.tabbed-cards-slider > div {
    width: 270px;
    margin: 0 auto;
    min-width: 270px;
    margin-right: 15px;
  }
}
.campaign-list.tabbed-cards-slider .mega-menu-img.type2 {
  height: 100%;
}
@media (max-width: 991px) {
  .campaign-list.tabbed-cards-slider .mega-menu-img {
    margin: 0;
  }
  .campaign-list.tabbed-cards-slider .mega-menu-img > span {
    display: block;
  }
  .campaign-list.tabbed-cards-slider .mega-menu-img.type2 a.img {
    display: block;
    width: auto;
    float: none;
    height: 100%;
    overflow: hidden;
  }
  .campaign-list.tabbed-cards-slider .mega-menu-img .caption {
    float: none;
    position: relative;
    width: calc(100% + 2px);
    padding: 14px 16px;
  }
  .campaign-list.tabbed-cards-slider .mega-menu-img .caption .btns-wrap {
    position: static;
    height: auto;
    margin-top: 0;
  }
  .campaign-list.tabbed-cards-slider .mega-menu-img .caption .btns-wrap .btn {
    position: static;
    color: #fff;
    opacity: 1;
  }
}

.campaign-done.tabli-kampanyalar .tns-outer {
  overflow: inherit;
}
.campaign-done.tabli-kampanyalar .tns-outer .tns-controls button[data-controls=next] {
  right: -75px;
}
.campaign-done.tabli-kampanyalar .tns-outer .tns-controls button[data-controls=prev] {
  left: -75px;
}

@media (max-width: 767px) {
  .tabli-kampanyalar {
    width: 100vw;
    margin-left: -15px;
  }
}
.tabli-kampanyalar .campaign-list.tabbed-cards-slider {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .tabli-kampanyalar .campaign-list.tabbed-cards-slider {
    padding-top: 20px;
    flex-direction: column;
    gap: 20px;
    margin-top: -35px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .tabli-kampanyalar .campaign-list.tabbed-cards-slider > div {
    margin: auto;
    max-width: unset;
    width: 100%;
    overflow: unset;
  }
}
.tabli-kampanyalar .campaign-list.tabbed-cards-slider > div .mega-menu-img > span {
  display: none;
}
@media (max-width: 767px) {
  .tabli-kampanyalar .campaign-list.tabbed-cards-slider > div .mega-menu-img {
    overflow: hidden;
    transform: translate(0px, 0px);
  }
}
@media (max-width: 767px) {
  .tabli-kampanyalar .campaign-list.tabbed-cards-slider > div .mega-menu-img .img {
    display: flex !important;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .tabli-kampanyalar .campaign-list.tabbed-cards-slider > div .mega-menu-img .caption {
    position: absolute !important;
    width: 55% !important;
  }
}
.tabli-kampanyalar .campaign-list.tabbed-cards-slider > div .mega-menu-img .caption p {
  text-align: left;
}
@media (max-width: 767px) {
  .tabli-kampanyalar .campaign-list.tabbed-cards-slider > div .mega-menu-img .caption .btns-wrap {
    display: none;
  }
}
.tabli-kampanyalar .cards-btn {
  margin-top: 20px;
}

.cards {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}
.cards[id*=cardsTivibu] {
  padding: 32px 0 !important;
  gap: 30px;
}
@media (max-width: 991px) {
  .cards[id*=cardsTivibu] {
    padding: 0 32px !important;
  }
}
.cards[id*=cardsTivibu] .col-sm-12.col-md-6.col-lg-4 {
  justify-content: center !important;
}
@media (max-width: 991px) {
  .cards {
    justify-content: flex-start;
    overflow-x: scroll;
    padding-top: 0;
    scrollbar-width: none;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .cards::-webkit-scrollbar {
    display: none;
  }
  .cards-container {
    padding-bottom: 0;
  }
  .cards .card {
    flex: none;
  }
}
.cards-container {
  background-color: rgba(165, 178, 195, 0.16);
  padding: 40px 0;
}
.cards-container h3 {
  font-size: 20;
  font-size: 1.25rem;
  text-align: center;
}
.cards-container .cards {
  padding-top: 40px;
}
@media (max-width: 991px) {
  .cards-container > .container {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .cards > .card:first-child {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll {
    display: block;
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: 150px;
  }
}
.cards.mobile-not-scroll .card-body {
  padding: 16px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body {
    display: flex;
    padding: 0;
    flex-direction: row;
  }
}
.cards.mobile-not-scroll .card-body .note-blue {
  font-size: 12;
  font-size: 0.75rem;
  color: #05b4c7;
  line-height: 1.33;
  letter-spacing: 0.4px;
  font-weight: bold;
  margin-bottom: 7px;
}
.cards.mobile-not-scroll .card-body .note-group {
  position: relative;
  text-align: center;
  width: 100%;
  height: 28px;
}
.cards.mobile-not-scroll .card-body .note-group p {
  font-size: 12;
  font-size: 0.75rem;
  color: #05b4c7;
  line-height: 1.33;
  letter-spacing: 0.4px;
  font-weight: bold;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
}
.cards.mobile-not-scroll .card-body .note-group p.small {
  border-radius: 4px;
  font-size: 10;
  font-size: 0.625rem;
  background-color: rgba(5, 180, 199, 0.1);
  border: solid 1px rgba(5, 180, 199, 0.18);
  color: #14a2b2;
  line-height: normal;
  letter-spacing: 0.6px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  display: inline-block;
  padding: 6px 5px;
  width: auto;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .note-group {
    height: auto;
    padding-top: 10px;
  }
  .cards.mobile-not-scroll .card-body .note-group p {
    position: relative;
    top: 0;
    left: 0;
    text-align: center !important;
  }
  .cards.mobile-not-scroll .card-body .note-group p.small {
    left: 0;
    top: 0;
    transform: none;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group:first-child {
    border-right: 1px solid #dee3ed;
    padding: 16px;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group:first-child img {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group p,
  .cards.mobile-not-scroll .card-body .group h4 {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group p {
    margin-bottom: 0;
  }
}
.cards.mobile-not-scroll .card-body .group h4 {
  font-size: 16;
  font-size: 0.8125rem;
}
.cards.mobile-not-scroll .card-body .group.card-price {
  margin-top: auto;
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group.card-price {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group.card-price .price-item {
    display: flex;
    height: 50%;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding: 13px;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group.card-price .price-item:first-child {
    border-right: 0;
    border-bottom: 1px solid #dee3ed;
  }
}
@media (max-width: 991px) {
  .cards.mobile-not-scroll .card-body .group.card-price.group-1 .price-item {
    height: 100%;
  }
  .cards.mobile-not-scroll .card-body .group.card-price.group-1 .price-item:first-child {
    border-bottom: 0;
  }
}
.cards.mobile-not-scroll .card-body .group.card-price.group-2 {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card-body .group.card-price.group-2 {
    margin-top: unset;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card .btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 {
    min-height: 150px;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .accordion-wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info {
    width: 66%;
    padding: 10px 0px;
    border-radius: 8px 0 0 8px;
    margin-bottom: 0;
    margin-left: 1px;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info > span {
    display: none;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info h4 {
    font-size: 14;
    font-size: 0.875rem;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    font-weight: 700;
    margin-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe {
    margin-top: 0px;
    padding: 0;
    max-height: 66px;
  }
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe::before {
    top: 0;
    font-size: 22;
    font-size: 1.369rem;
    margin-left: -14px;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe p {
    padding: 0;
    justify-content: flex-start;
    font-size: 16;
    font-size: 1rem;
    line-height: 22px;
  }
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe p:nth-of-type(2n) {
    margin-top: 14px;
    margin-bottom: auto;
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe p strong {
    font-size: 24;
    font-size: 1.5rem;
    text-align: left;
    line-height: 26px;
  }
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe p strong.long-word {
    padding: 0 10px 0 0;
    font-size: 20;
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-minute {
    display: flex;
    position: relative;
    width: 100%;
    height: 50px;
    margin-bottom: -15px;
    margin-left: -10px;
    align-items: end;
  }
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-minute > div {
    font-size: 12;
    font-size: 0.75rem;
    font-weight: 600;
    border-top: unset;
    border-right: unset;
    height: auto;
    width: unset;
    line-height: 15px;
    padding: 0px 8px 10px 8px;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .multiple::before {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-info {
    width: 35%;
    border: none;
  }
}
.cards.mobile-not-scroll .card.v2 .card-info .period-text {
  display: none;
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-info .period-text {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100% !important;
    bottom: 12px;
    left: 68.5%;
    right: 12px;
    font-weight: 600;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-info .note {
    color: #222943;
    font-weight: 600;
    width: 66px;
  }
}
.cards.mobile-not-scroll .card.v2 .card-info .button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #049EAD;
  margin-right: 16px;
  padding: unset !important;
  margin-top: 28px;
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-info .button {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0 !important;
    color: transparent;
    margin: 0;
  }
}
.cards.mobile-not-scroll .card.v2 .card-info .button a {
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .cards.mobile-not-scroll .card.v2 .card-info .button a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    color: transparent;
  }
}
.cards.catalog-render-wrap {
  justify-content: space-between;
}
.cards.catalog-render-wrap .card {
  width: 30%;
}
@media (max-width: 991px) {
  .cards.catalog-render-wrap .card {
    max-width: 100%;
    width: 100%;
  }
}
.cards-btn {
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 991px) {
  .cards-btn {
    padding: 12px;
  }
}
@media (max-width: 991px) {
  .cards-btn .btn {
    border-radius: 38;
    width: 100%;
    padding: 16px;
    max-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.card {
  border-radius: 7px;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 0px 32px 0 #d2d8e1;
  width: 270px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.card:hover {
  box-shadow: 0 0px 32px 0 #abb0b8;
}
@media (max-width: 991px) {
  .card {
    max-width: 270px;
    margin-right: 20px;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
  }
}
.card-body {
  padding: 16px;
  position: relative;
  text-align: center;
}
.card-body .icon-remove::before {
  color: #adb7cc;
}
.card-body .accordion-wrap {
  background-color: #ffffff;
}
.card-body .accordion-wrap .card-body {
  background: #ffffff !important;
}
.card-img {
  height: 142px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-img.not-title {
  height: 160px;
}
.card-img img {
  max-width: 80% !important;
  max-height: 155px;
  width: auto;
  height: auto;
}
.card .group > a {
  text-decoration: none;
  position: absolute;
  right: 16px;
  top: 16px;
}
@media (max-width: 991px) {
  .card .group > a {
    right: 10px;
    top: 10px;
  }
}
.card .group > a:hover {
  text-decoration: none;
}
.card .group > a i {
  font-size: 24;
  font-size: 1.5rem;
}
.card .group a.link i:before {
  color: #dee3ed;
}
.card .group > .form-group {
  display: none;
  position: absolute;
  left: 16px;
  top: 16px;
}
@media (max-width: 991px) {
  .card .group > .form-group {
    left: 10px;
    top: 10px;
    z-index: 1;
  }
}
.card .group > p {
  font-size: 12;
  font-size: 0.75rem;
  color: #222943;
  font-weight: 800;
  line-height: 1.33;
  text-align: center;
  margin-bottom: 6px;
}
.card .group > h4 {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: 600;
  line-height: 1.63;
  margin-bottom: 16px;
}
.card .group > img {
  display: inline-block;
  margin-bottom: 16px;
  width: auto;
  max-height: 166px;
  height: auto;
}
.card-price {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
}
.card-price > div {
  width: 50%;
}
.card-price > div .closed-device {
  width: 140px;
  margin-left: -26px;
}
.card-price > div .closed-device strong {
  color: #717d8d;
}
@media (max-width: 767px) {
  .card-price > div .closed-device {
    width: 70px;
    right: 16vw;
    left: unset;
    margin-left: 0;
    bottom: 39%;
    position: absolute;
  }
}
.card-price > div:first-child {
  border-right: 1px #dee3ed solid;
}
.card-price > div:last-child {
  padding-left: 15px;
}
.card-price.group-1 > div {
  width: 100%;
}
.card-price.group-1 > div:first-child {
  border-right: 0;
}
.card-price.group-1 > div:first-child {
  padding-left: 0;
}
.card-price .sup-group,
.card-price p {
  font-size: 12;
  font-size: 0.75rem;
  color: #666f85;
  line-height: 1.33;
  letter-spacing: -0.2px;
  margin-bottom: 0;
  text-align: center;
  display: block;
}
@media (max-width: 991px) {
  .card-price .sup-group,
  .card-price p {
    text-align: left;
  }
}
.card-price .sup-group strong,
.card-price p strong {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: 800;
  color: #222943;
}
.card-price .sup-group sup,
.card-price p sup {
  color: #222943;
  font-weight: 800;
  position: static;
}
.card-price .price-item.type-discount {
  align-items: flex-start;
  height: 100%;
}
.card-price .price-item.type-discount:first-child {
  padding-right: 10px;
}
.card-price .price-item.type-discount:first-child .sup-group, .card-price .price-item.type-discount:first-child p {
  text-align: right;
}
.card-price .price-item.type-discount:last-child {
  padding-left: 10px;
}
.card-price .price-item.type-discount:last-child .sup-group, .card-price .price-item.type-discount:last-child p {
  text-align: left;
}
.card-price .price-item.type-discount .sup-group, .card-price .price-item.type-discount p {
  font-size: 10;
  font-size: 0.625rem;
}
.card-price .price-item.type-discount .sup-group sup, .card-price .price-item.type-discount p sup {
  font-size: 10;
  font-size: 0.625rem;
}
.card-price .price-item.type-discount .sup-group strong, .card-price .price-item.type-discount p strong {
  font-size: 20;
  font-size: 1.25rem;
}
.card-price .price-item.type-discount .price-discount p {
  color: #05b4c7;
  font-weight: bold;
  text-align: right;
}
.card-price .price-item.type-discount .price-discount p.small {
  color: #666f85;
  font-weight: 500;
}
.card-price .price-item.type-discount:last-child .price-discount p {
  text-align: left;
}
.card .no-installment {
  justify-content: center;
}
.card .no-installment div:first-child {
  display: none;
}
.card .accordion-wrap .collapse {
  padding-top: 0 !important;
}
.card .accordion-wrap .collapse:not(.show) {
  display: none;
}
.card .accordion-wrap .accordion-body {
  padding: 0 16px;
}
.card .accordion-wrap .list {
  padding: 0 16px;
}
.card .accordion-wrap .list > li {
  text-align: left;
  font-size: 16;
  font-size: 0.8125rem;
  line-height: 1.38;
  color: #666f85;
  padding-left: 15px;
  position: relative;
  padding-bottom: 4px;
}
.card .accordion-wrap .list > li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
}
.card .accordion-wrap .list > li > p {
  font-weight: 500;
  color:#000;
}
.card .accordion-wrap .list > li > .list > li {
  padding-left: 0;
}
.card .accordion-wrap .list > li > .list > li::before {
  display: none;
}
.card .btn {
  display: block;
}
@media (max-width: 991px) {
  .card.v2 {
    width: 270px;
  }
}
@media (max-width: 767px) {
  .card.v2 {
    height: auto;
  }
}
.card.v2 .card {
  box-shadow: none;
  margin: 0;
  border: none;
}
.card.v2 .card .card-header {
  padding: 0;
  background: none;
  border: none;
}
.card.v2 .card .card-body {
  padding: 0;
}
.card.v2 .card .card-body .list ul {
  display: flex;
  justify-content: center;
}
.card.v2 .card .card-body .list ul li {
  margin: 0 8px 0 0;
}
.card.v2 .card .card-body .list ul li a {
  display: block;
}
.card.v2 .card .card-body .list ul li a i {
  font-size: 16;
  font-size: 1.5rem;
}
.card.v2 .card .card-body .list ul li a i:before {
  color: #adb7cc;
}
.card.v2 .card .card-body .list ul li a:hover {
  text-decoration: none;
}
.card.v2 .card .collapse, .card.v2 .card .collapsing {
  background-color: white;
  width: 100%;
  overflow: auto;
  padding: 30px 16px 0 16px !important;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 4;
  margin: 0;
  height: auto;
}
.card.v2 .card .collapse::-webkit-scrollbar, .card.v2 .card .collapsing::-webkit-scrollbar {
  width: 5px;
}
.card.v2 .card .collapse::-webkit-scrollbar-track, .card.v2 .card .collapsing::-webkit-scrollbar-track {
  width: 5px !important;
  background: #ffffff;
}
.card.v2 .card .collapse::-webkit-scrollbar-thumb, .card.v2 .card .collapsing::-webkit-scrollbar-thumb {
  background: #919eba;
  width: 5px !important;
}
.card.v2 .card .collapse.show, .card.v2 .card .collapsing.show {
  transition: all 0.2s ease;
  display: block !important;
  max-height: 150px;
  min-height: 150px;
}
.card.v2 .card .collapse:not(.show), .card.v2 .card .collapsing:not(.show) {
  transition: all 0.2s ease;
  display: block;
  height: 0;
  max-height: 0;
  min-height: 0;
  padding: 0 0 0 16px !important;
}
.card.v2 .card .collapse .list, .card.v2 .card .collapsing .list {
  padding: 0 !important;
}
.card.v2.not-property .card-campaign-box-info {
  padding-top: 12px;
}
.card.v2.not-minute .card-recipe {
  padding-top: 22px;
  padding-bottom: 60px;
  margin-bottom: 0;
}
.card.v2 .card-header a {
  font-size: 16;
  font-size: 1rem;
  color: #666f85;
  display: block;
  line-height: 1.5;
  text-align: left;
  padding: 20px 16px;
  position: relative;
  font-weight: bold;
}
.card.v2 .card-header a:after {
  font-size: 24;
  font-size: 1.5rem;
  content: "\e912";
  color: #919eba;
  font-family: "icomoon";
  top: 50%;
  right: 16px;
  position: absolute;
  margin-top: -18px;
}
.card.v2 .card-header a:hover, .card.v2 .card-header a:focus {
  text-decoration: none;
  outline: 0;
}
.card.v2 .card-header.active a:after {
  content: "\e911";
}
.card.v2 .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card.v2 .card-body .form-group {
  display: none;
}
.card.v2 .card-body .card-campaign-box-info {
  display: flex;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
}
.card.v2 .card-body .card-campaign-box-info span {
  align-self: flex-end;
  position: absolute;
  margin-top: -1px;
}
.card.v2 .card-body .card-campaign-box-info span:after {
  content: attr(data-text);
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  animation: scrollText 5s linear infinite;
}
.card.v2 .card-body .card-campaign-box-info.grey > span {
  background-color: #BBDEFB;
  color: #222943;
}
.card.v2 .card-body .card-campaign-box-info.pink > span {
  background-color: #E91E63;
}
.card.v2 .card-body .card-campaign-box-info.lime > span {
  background-color: #CDDC39;
  color: #222943;
}
.card.v2 .card-body .card-campaign-box-info.blue > span {
  background-color: #0000FF;
}
.card.v2 .card-body .card-campaign-box-info.orange > span {
  background-color: #FF9800;
}
.card.v2 .card-body .card-campaign-box-info.yellow > span {
  background-color: #FFEB3B;
  color: #222943;
}
.card.v2 .card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px #dee3ed solid;
  text-align: left;
  min-height: 106px;
  background-color: #ffffff;
  gap: 10px;
  height: 101px;
}
@media (max-width: 991px) {
  .card.v2 .card-info {
    height: unset;
    position: unset;
  }
}
.card.v2 .card-info .left-side .top-text {
  color: #049EAD;
  font-weight: 800;
  font-size: 12px;
  margin-bottom: -5px;
}
@media (max-width: 991px) {
  .card.v2 .card-info .left-side {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    padding: 35px 10px 11px 10px;
    justify-content: space-between;
  }
}
.card.v2 .card-info .left-side .prices {
  display: flex;
  gap: 12px;
}
@media (max-width: 991px) {
  .card.v2 .card-info .left-side .prices {
    flex-direction: column;
    gap: unset !important;
  }
}
@media (max-width: 991px) {
  .card.v2 .card-info .left-side .prices .price:first-child {
    display: flex;
    flex-direction: column-reverse;
  }
  .card.v2 .card-info .left-side .prices .price:last-child {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 2px;
    margin-top: 5px;
  }
  .card.v2 .card-info .left-side .prices .price:last-child .sup-group {
    font-size: 12;
    font-size: 0.75rem;
    font-weight: 600;
    align-items: center !important;
  }
  .card.v2 .card-info .left-side .prices .price:last-child .sup-group strong:first-child {
    font-size: 12;
    font-size: 0.75rem;
    font-weight: 600;
  }
  .card.v2 .card-info .left-side .prices .price:last-child p {
    align-self: center;
  }
}
.card.v2 .card-info .left-side .prices .price .sup-group {
  align-items: baseline !important;
  gap: 2px;
}
.card.v2 .card-info .left-side .prices .price .sup-group strong:first-child {
  font-size: 26;
  font-size: 1.6rem;
  line-height: 34px;
}
@media (max-width: 991px) {
  .card.v2 .card-info .left-side .prices .price .sup-group strong:first-child {
    line-height: 26px;
  }
}
.card.v2 .card-info .left-side .prices .price .sup-group strong span {
  font-size: 12;
  font-size: 0.75rem;
  font-weight: 900;
}
.card.v2 .card-info .left-side .prices .price .sup-group sup {
  font-size: 12;
  font-size: 0.75rem;
  font-weight: 800;
  white-space: nowrap;
  top: unset;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .card.v2 .card-info .left-side .prices .price .sup-group sup {
    font-size: 12;
    font-size: 0.75rem;
    font-weight: 600;
  }
}
@media (max-width: 991px) {
  .card.v2 .card-info .left-side .prices .price p {
    font-size: 12;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 15px;
    width: auto;
  }
}
.card.v2 .card-info .period-text {
  display: none;
}
@media (max-width: 767px) {
  .card.v2 .card-info .period-text {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100% !important;
    bottom: 12px;
    left: 68.5%;
    right: 12px;
    font-weight: 600;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.card.v2 .card-info > div:first-child {
  padding: 25px 10px 12px 16px;
}
@media (max-width: 767px) {
  .card.v2 .card-info > div:first-child {
    padding: 35px 10px 11px 10px;
  }
}
.card.v2 .card-info > div:last-child {
  padding: 25px 16px 25px 8px;
}
@media (max-width: 767px) {
  .card.v2 .card-info > div strong {
    font-size: 24;
    font-size: 1.5rem;
  }
}
.card.v2 .card-info .button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #049EAD;
  margin-right: 16px;
  padding: unset !important;
  margin-top: 28px;
}
.card.v2 .card-info .button a {
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card.v2 .card-info .note {
  margin-bottom: 0;
  width: -moz-max-content;
  width: max-content;
  font-size: 12;
  font-size: 0.75rem;
}
.card.v2 .card-info .btn {
  display: block;
}
.card.v2 .card-body, .card.v3 .card-body {
  padding: 0;
}
.card.v3 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.card.v3 .card-body {
  position: relative;
  padding-bottom: 67px;
  height: 100%;
}
@media (max-width: 991px) {
  .card.v3.two-btn .card-body {
    padding-bottom: 120px;
  }
}
.card.v3 .card-footer {
  background: none;
  border: none;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .card.v3 .card-footer {
    display: block;
  }
}
@media (max-width: 991px) {
  .card.v3 .card-footer .btn {
    display: block;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .card.v3 .card-footer .btn + .btn {
    margin-top: 10px;
  }
}
.card.v3.single-btn .card-footer .btn {
  display: block;
  width: 100%;
}
.card.price-box {
  box-shadow: 0 6px 25px 0 #d7dce4;
  width: auto;
}
@media (max-width: 991px) {
  .card.price-box {
    position: fixed;
    bottom: 0;
    background: #ffffff;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 9;
  }
}
.card.price-box.open {
  top: 0;
  padding-top: 80px;
}
.card.price-box.open .mobile-accordion-btn:after {
  content: "\e912" !important;
}
@media (max-width: 991px) {
  .card.price-box.open .table-group {
    display: block;
    overflow: auto;
  }
}
.card.price-box.static {
  position: static;
  margin-top: 30px;
  padding-top: 0px;
}
@media (max-width: 991px) {
  .card.price-box .table-group {
    display: none;
  }
}
.card.price-box ul li {
  margin-bottom: 20px;
}
.card.price-box .price-box {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.card.price-box .price-box h5 {
  margin-bottom: 16px;
}
.card.price-box .price-box .mobile-accordion-btn {
  padding-right: 20px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 991px) {
  .card.price-box .price-box .mobile-accordion-btn:after {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e911";
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 24px;
    color: #adb7cc;
  }
}
.card.price-box .price-box table {
  margin-bottom: 18px;
  font-size: 16;
  font-size: 0.875rem;
}
.card.price-box .price-box table tr td:last-child {
  text-align: right;
}
@media (max-width: 991px) {
  .card.price-box .price-box .basket-table {
    display: none;
  }
}
.card.price-box .btn + .btn {
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .card.mw-270 {
    width: 270px;
  }
}
.card.purple .card-campaign-box-info, .card.purple .card-body {
  background-image: linear-gradient(50deg, #0092fd 0%, #b709b8 100%);
  background-color: transparent;
}
.card.bg-selfy .card-campaign-box-info, .card.bg-selfy .card-body {
  background-color: #500099;
  border-radius: 8px 8px 0 0;
  background-image: unset;
}
.card.bg-selfy .card-campaign-box-info .card-minute > div, .card.bg-selfy .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.2);
}
.card.bg-selfy .card-campaign-box-info .card-minute > div:first-child, .card.bg-selfy .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.2);
}
.card.bg-selfy .card-campaign-box-info .card-info .left-side .top-text, .card.bg-selfy .card-body .card-info .left-side .top-text {
  color: #500099;
}
.card.bg-selfy .card-campaign-box-info .card-info .button, .card.bg-selfy .card-body .card-info .button {
  border-color: #500099 !important;
}
.card.bg-prime .card-campaign-box-info, .card.bg-prime .card-body {
  background-image: linear-gradient(330deg, #FF232C -6.88%, #00439A 55.93%, #0FF 117.49%);
  border-radius: unset;
}
.card.bg-prime .card-campaign-box-info .card-minute > div, .card.bg-prime .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-prime .card-campaign-box-info .card-minute > div:first-child, .card.bg-prime .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-prime .card-campaign-box-info .card-info .left-side .top-text, .card.bg-prime .card-body .card-info .left-side .top-text {
  color: #623;
}
.card.bg-prime .card-campaign-box-info .card-info .button, .card.bg-prime .card-body .card-info .button {
  border-color: #623 !important;
}
.card.bg-prime-business .card-campaign-box-info, .card.bg-prime-business .card-body {
  background: linear-gradient(131.51deg, #00D8FB 0%, #00419B 49.54%, #7ABCE4 100%);
  border-radius: 9px 11px 9px 9px;
}
.card.bg-prime-business .card-campaign-box-info .card-minute > div, .card.bg-prime-business .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-prime-business .card-campaign-box-info .card-minute > div:first-child, .card.bg-prime-business .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-prime-business .card-campaign-box-info .card-info .left-side .top-text, .card.bg-prime-business .card-body .card-info .left-side .top-text {
  color: rgb(18, 61, 104);
}
.card.bg-prime-business .card-campaign-box-info .card-info .button, .card.bg-prime-business .card-body .card-info .button {
  border-color: #123D68 !important;
}
.card.hit-bg-navy .card-campaign-box-info, .card.hit-bg-navy .card-body {
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-navy.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.card.hit-bg-navy .card-campaign-box-info .card-minute > div, .card.hit-bg-navy .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.hit-bg-navy .card-campaign-box-info .card-minute > div:first-child, .card.hit-bg-navy .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.hit-bg-navy .card-campaign-box-info .card-info .left-side .top-text, .card.hit-bg-navy .card-body .card-info .left-side .top-text {
  color: #0058AD;
}
.card.hit-bg-navy .card-campaign-box-info .card-info .button, .card.hit-bg-navy .card-body .card-info .button {
  border-color: #0058AD !important;
}
.card.hit-bg-azure .card-campaign-box-info, .card.hit-bg-azure .card-body {
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-azure.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.card.hit-bg-azure .card-campaign-box-info h4, .card.hit-bg-azure .card-body h4 {
  color: #052C55;
}
.card.hit-bg-azure .card-campaign-box-info .card-recipe p, .card.hit-bg-azure .card-body .card-recipe p {
  color: #052C55;
}
.card.hit-bg-azure .card-campaign-box-info .card-minute > div, .card.hit-bg-azure .card-body .card-minute > div {
  border-color: rgba(5, 44, 85, 0.3);
  color: #052C55;
}
.card.hit-bg-azure .card-campaign-box-info .card-minute > div:first-child, .card.hit-bg-azure .card-body .card-minute > div:first-child {
  border-color: rgba(5, 44, 85, 0.3);
}
.card.hit-bg-azure .card-campaign-box-info .card-info .left-side .top-text, .card.hit-bg-azure .card-body .card-info .left-side .top-text {
  color: #052C55;
}
.card.hit-bg-azure .card-campaign-box-info .card-info .button, .card.hit-bg-azure .card-body .card-info .button {
  border-color: #052C55 !important;
}
.card.bg-wifi {
  box-shadow: unset;
  border-radius: 8px;
}
.card.bg-wifi .card-campaign-box-info, .card.bg-wifi .card-body {
  background: #0058AD;
  border-radius: 8px;
}
.card.bg-wifi .card-campaign-box-info .card-info, .card.bg-wifi .card-body .card-info {
  height: auto;
  min-height: auto;
  padding: 24px 16px;
}
.card.bg-wifi .card-campaign-box-info .card-info div, .card.bg-wifi .card-body .card-info div {
  padding: unset;
  max-width: 120px;
  width: 100%;
}
.card.bg-wifi .card-campaign-box-info .card-info .left-side .top-text, .card.bg-wifi .card-body .card-info .left-side .top-text {
  color: #0058AD;
}
.card.bg-wifi .card-campaign-box-info .card-info .button, .card.bg-wifi .card-body .card-info .button {
  border-color: #0058AD !important;
}
.card.bg-wifi .card-campaign-box-info .card-info .note, .card.bg-wifi .card-body .card-info .note {
  display: none;
}
.card.bg-wifi .card-campaign-box-info .card-campaign-box-info, .card.bg-wifi .card-body .card-campaign-box-info {
  align-items: center;
  justify-content: center;
  min-height: 250px;
  height: 100%;
}
.card.bg-wifi .card-campaign-box-info .card-campaign-box-info h4, .card.bg-wifi .card-body .card-campaign-box-info h4 {
  margin: 0;
  padding: 0;
  height: auto;
}
.card.bg-wifi .card-campaign-box-info .card-campaign-box-info .wifi-card-content img, .card.bg-wifi .card-body .card-campaign-box-info .wifi-card-content img {
  margin-bottom: 16px;
}
.card.bg-wifi .card-campaign-box-info .card-campaign-box-info .wifi-card-content p, .card.bg-wifi .card-body .card-campaign-box-info .wifi-card-content p {
  font-size: 16;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
}
.card.bg-wifi .card-campaign-box-info .card-campaign-box-info .wifi-card-content p strong, .card.bg-wifi .card-body .card-campaign-box-info .wifi-card-content p strong {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: 800;
  line-height: 26px;
  color: #fff;
}
.card.bg-evde-internet .card-campaign-box-info, .card.bg-evde-internet .card-body {
  background-image: linear-gradient(225deg, #06386C, #0872AE);
  border-radius: 9px 10px 9px 9px;
}
.card.bg-evde-internet .card-campaign-box-info .card-minute > div, .card.bg-evde-internet .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-evde-internet .card-campaign-box-info .card-minute > div:first-child, .card.bg-evde-internet .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-evde-internet .card-campaign-box-info .card-info .left-side .top-text, .card.bg-evde-internet .card-body .card-info .left-side .top-text {
  color: #0058AD;
}
.card.bg-evde-internet .card-campaign-box-info .card-info .button, .card.bg-evde-internet .card-body .card-info .button {
  border-color: #0058AD !important;
}
.card.bg-is-interneti .card-campaign-box-info, .card.bg-is-interneti .card-body {
  background-color: #006777;
  border-radius: 8px 8px 0 0;
}
.card.bg-is-interneti .card-campaign-box-info .card-minute > div, .card.bg-is-interneti .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-is-interneti .card-campaign-box-info .card-minute > div:first-child, .card.bg-is-interneti .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-is-telefonu-kampanya {
  height: 340px;
}
.card.bg-is-telefonu-kampanya .card-campaign-box-info, .card.bg-is-telefonu-kampanya .card-body {
  background-image: linear-gradient(133deg, #0082ca, #00b8e7);
  border-radius: 9px 10px 9px 9px;
}
.card.bg-is-telefonu-kampanya .card-campaign-box-info h4, .card.bg-is-telefonu-kampanya .card-body h4 {
  margin-top: 0px !important;
}
.card.bg-is-telefonu-kampanya .card-campaign-box-info .card-recipe, .card.bg-is-telefonu-kampanya .card-body .card-recipe {
  padding-top: 0px !important;
}
.card.bg-is-telefonu-kampanya .card-campaign-box-info .card-minute > div, .card.bg-is-telefonu-kampanya .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-is-telefonu-kampanya .card-campaign-box-info .card-minute > div:first-child, .card.bg-is-telefonu-kampanya .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-ev-telefonu .card-campaign-box-info, .card.bg-ev-telefonu .card-body, .card.bg-is-telefonu .card-campaign-box-info, .card.bg-is-telefonu .card-body {
  background-color: #0082ca;
  border-radius: 8px 8px 0 0;
}
.card.bg-ev-telefonu .card-campaign-box-info .card-minute > div, .card.bg-ev-telefonu .card-body .card-minute > div, .card.bg-is-telefonu .card-campaign-box-info .card-minute > div, .card.bg-is-telefonu .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-ev-telefonu .card-campaign-box-info .card-minute > div:first-child, .card.bg-ev-telefonu .card-body .card-minute > div:first-child, .card.bg-is-telefonu .card-campaign-box-info .card-minute > div:first-child, .card.bg-is-telefonu .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-ev-telefonu .card-campaign-box-info .top-text, .card.bg-ev-telefonu .card-body .top-text, .card.bg-is-telefonu .card-campaign-box-info .top-text, .card.bg-is-telefonu .card-body .top-text {
  color: #0082CA !important;
}
.card.bg-ev-telefonu .card-campaign-box-info .button, .card.bg-ev-telefonu .card-body .button, .card.bg-is-telefonu .card-campaign-box-info .button, .card.bg-is-telefonu .card-body .button {
  border-color: #0082CA !important;
}
.card.bg-ev-telefonu .card-campaign-box-info, .card.bg-ev-telefonu .card-body {
  background-image: linear-gradient(133deg, #0082ca, #00b8e7);
  border-radius: 8px 8px 0 0;
}
.card.bg-ev-telefonu .card-campaign-box-info .card-minute, .card.bg-ev-telefonu .card-body .card-minute {
  margin-bottom: -10px !important;
}
.card.bg-tivibu .card-campaign-box-info, .card.bg-tivibu .card-body {
  background-color: #0058ad;
  border-radius: 9px 10px 9px 9px;
}
.card.bg-tivibu .card-campaign-box-info .card-minute > div, .card.bg-tivibu .card-body .card-minute > div {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-tivibu .card-campaign-box-info .card-minute > div:first-child, .card.bg-tivibu .card-body .card-minute > div:first-child {
  border-color: rgba(255, 255, 255, 0.3);
}
.card.bg-digital-servisler .card-campaign-box-info, .card.bg-digital-servisler .card-body {
  background-image: linear-gradient(50deg, #ef8223 0%, #bb2254 100%);
  background-color: transparent;
  border-radius: 9px 10px 9px 9px;
}
.card.bg-digital-servisler .card-campaign-box-info span:not(.sup-group), .card.bg-digital-servisler .card-body span:not(.sup-group) {
  background-color: #1e00b4;
}
.card.bg-digital-servisler-yeni .card-campaign-box-info, .card.bg-digital-servisler-yeni .card-body {
  border-radius: 8px 8px 0px 0px;
  border: 1px solid var(--grey-light-periwinkle, #DEE3ED);
  background: linear-gradient(212deg, rgba(187, 34, 84, 0.12) 0%, rgba(239, 130, 35, 0.12) 100%);
}
.card.bg-digital-servisler-yeni .card-campaign-box-info span:not(.sup-group), .card.bg-digital-servisler-yeni .card-body span:not(.sup-group) {
  background-color: #1e00b4;
}
.card.bg-digital-servisler-uygulamalar .card-campaign-box-info, .card.bg-digital-servisler-uygulamalar .card-body {
  border-radius: 8px 8px 0px 0px;
  border: 1px solid var(--grey-light-periwinkle, #DEE3ED);
  background: #F0F2F5;
}
.card.bg-digital-servisler-uygulamalar .card-campaign-box-info span:not(.sup-group), .card.bg-digital-servisler-uygulamalar .card-body span:not(.sup-group) {
  background-color: #1e00b4;
}
.card.bg-fiks .card-campaign-box-info, .card.bg-fiks .card-body {
  background: linear-gradient(109deg, rgb(13, 81, 174) 0%, rgb(6, 31, 113) 0%, rgb(0, 148, 191) 100%);
}
@media (max-width: 767px) {
  .card.bg-fiks .card-campaign-box-info .card-recipe > div, .card.bg-fiks .card-body .card-recipe > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .card.bg-fiks .card-campaign-box-info .card-recipe > div img, .card.bg-fiks .card-body .card-recipe > div img {
    max-width: 60px !important;
  }
}
.card.bg-fiks .card-campaign-box-info .card-recipe > div p, .card.bg-fiks .card-body .card-recipe > div p {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 18px !important;
}
@media (max-width: 767px) {
  .card.bg-fiks .card-campaign-box-info .card-recipe > div p, .card.bg-fiks .card-body .card-recipe > div p {
    font-size: 12px !important;
    text-align: start;
    margin-bottom: 10px !important;
  }
}
.card.bg-fiks .card-campaign-box-info .card-info .left-side .top-text, .card.bg-fiks .card-body .card-info .left-side .top-text {
  color: #049EAD;
}
@media (max-width: 767px) {
  .card.bg-fiks .card-campaign-box-info .card-info .left-side .prices .first-price, .card.bg-fiks .card-body .card-info .left-side .prices .first-price {
    flex-direction: column;
  }
}
.card.bg-fiks .card-campaign-box-info .card-info .button, .card.bg-fiks .card-body .card-info .button {
  border-color: #049EAD !important;
}

.card-campaign-box-info {
  border-radius: 8px 8px 0 0;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  padding: 12px 0 0 0;
  text-align: center;
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .card-campaign-box-info.filter-list {
    padding-left: 40px !important;
  }
  .card-campaign-box-info.filter-list h4 {
    padding: 0px !important;
    margin-top: 0px !important;
  }
  .card-campaign-box-info.filter-list p {
    margin: 0px !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .card-campaign-box-info.filter-list > span {
    /*
    border-radius: 0;
    left: 0;
    right: 0;
    transform: rotate(270deg) translate(-57px,-93px);
    width: 210px;
    display: block !important;
    */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    transform-origin: left;
    border-radius: 0;
    left: 0px;
    bottom: 0;
    transform: rotate(270deg) translate(-15px, 15px);
    display: block !important;
    width: 150px;
    max-width: 150px;
    height: 30px;
    white-space: nowrap;
    margin-bottom: 0;
    padding: 5px 8px;
    padding-left: 9px;
    padding-top: 7px;
  }
}
.card-campaign-box-info.active h4 {
  padding-bottom: 10px;
}
.card-campaign-box-info > span {
  border-bottom-left-radius: 16px;
  font-size: 10;
  font-size: 0.625rem;
  background-color: #666f85;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.6px;
  padding: 5px 16px;
  padding-left: 20px;
  margin-bottom: 8px;
  transform: translateY(-12px);
  /* kontrol
  @include mobil {
      border-radius: 0;
      left: 0;
      right: 0;
      transform: rotate(270deg) translate(-57px,-93px);
      width: 210px;
      display: block !important;
  }*/
}
.card-campaign-box-info h2 {
  font-size: 18;
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.38;
}
@media (max-width: 767px) {
  .card-campaign-box-info h2 {
    font-size: 16;
    font-size: 1rem;
  }
}
.card-campaign-box-info h2.fs-36 {
  font-size: 36;
  font-size: 2.25rem;
  line-height: 1.19;
}
.card-campaign-box-info h3 {
  font-size: 48;
  font-size: 3rem;
  color: #ffffff;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -2.3px;
  margin: 20px 0;
}
.card-campaign-box-info h3.fs-76 {
  font-size: 76;
  font-size: 4.75rem;
  line-height: 1.28;
  line-height: 0.61;
}
.card-campaign-box-info h4 {
  font-size: 16;
  font-size: 1rem;
  color: #ffffff;
  padding: 0 16px;
  height: 42px;
  margin-top: 33px;
  margin-bottom: 2px;
  overflow: hidden;
  line-height: 22px;
}
@media (max-width: 767px) {
  .card-campaign-box-info h4 {
    margin-top: 17px;
  }
}
.card-campaign-box-info h4 strong {
  font-weight: bold;
}
.card-campaign-box-info h4.fs-36 {
  font-size: 36;
  font-size: 2.25rem;
  font-weight: normal;
  line-height: 1.19;
}
.card-campaign-box-info h4.fs-36 span {
  font-weight: bold;
  display: block;
}
.card-campaign-box-info .card-recipe {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  position: relative;
}
.card-campaign-box-info .card-recipe::before {
  content: "+";
  position: absolute;
  top: -13px;
  left: 50%;
  color: white;
  font-size: 45px;
  font-weight: bold;
  margin-left: -13px;
}
.card-campaign-box-info .card-recipe.single {
  align-items: center;
  justify-content: center;
}
.card-campaign-box-info .card-recipe.single > div {
  width: 100%;
}
.card-campaign-box-info .card-recipe.single > div.big-text {
  padding-top: 10px;
}
.card-campaign-box-info .card-recipe.single::before {
  display: none;
}
.card-campaign-box-info .card-recipe > div {
  width: 50%;
}
.card-campaign-box-info .card-recipe > span {
  font-size: 36;
  font-size: 2.25rem;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -1.5px;
}
.card-campaign-box-info .card-recipe p {
  font-size: 22;
  font-size: 1.369rem;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-campaign-box-info .card-recipe p strong {
  font-size: 36;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 44px;
}
.card-campaign-box-info .card-recipe p strong.long-word {
  font-size: 30;
  font-size: 1.875rem;
  padding: 0 16px;
}
.card-campaign-box-info .card-recipe p span {
  font-size: 16;
  font-size: 1rem;
  font-weight: 800;
  margin-left: 10px;
}
.card-campaign-box-info .card-minute {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-campaign-box-info .card-minute > div {
  font-size: 16;
  font-size: 1rem;
  color: #ffffff;
  font-weight: bold;
  padding: 8px 10px;
  border-top: 1px solid;
  border-right: 1px solid;
  height: 72px;
  align-items: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
  line-height: 20px;
  border-color: rgba(255, 255, 255, 0.2);
}
.card-campaign-box-info .card-minute > div:after {
  content: "";
  min-height: inherit;
  font-size: 0;
}
.card-campaign-box-info .card-minute > div:last-child {
  border-right: 0;
}
.card-campaign-box-info .card-minute > div span {
  font-weight: normal;
  margin: 0 3px;
}
.card-campaign-box-info .card-minute.single > div {
  width: 100%;
}

.card-list {
  max-width: 970px;
  margin: auto;
}
.card-list .cards {
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
  display: block;
}
.card-list .cards > .row > .col-sm-12 {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .card-list .cards > .row > .col-sm-12 {
    margin-bottom: 20px;
    max-width: 100vw !important;
  }
}
.card-list .cards > .row > .col-sm-12 .card {
  margin: 0 auto;
  height: 100%;
}
.card-list .cards > .row > .col-sm-12 .card.v2 .card-body .card-campaign-box-info {
  height: auto;
}
@media (max-width: 767px) {
  .card-list .cards > .row > .col-sm-12 .card.v2 .card-body .card-campaign-box-info {
    height: 150px;
  }
}
.card-list .card {
  margin: 0 auto 50px;
}
@media (max-width: 767px) {
  .card-list .card {
    margin: 0 auto 20px;
  }
}
.card-list.campaign-done {
  max-width: none;
}
.card-list.campaign-done .card {
  margin-bottom: 0 auto 34px;
}
.card-list.campaign-done .card .card-body {
  padding: 0;
}
.card-list.campaign-done .card .card-body .card-campaign-box-info {
  background-color: #f9fafc;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 224px;
}
@media (max-width: 991px) {
  .card-list.campaign-done .card .card-body .card-campaign-box-info {
    position: relative;
  }
}
.card-list.campaign-done .card .card-body .card-campaign-box-info span.campaign-name {
  color: #222943;
  font-size: 16;
  font-size: 1rem;
  margin-bottom: 0;
  color: #222943;
  height: 100%;
  width: 100%;
  padding: 0px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0px);
  font-weight: normal;
  background-color: #dfe2e8;
  border-radius: 0px;
}
@media (max-width: 991px) {
  .card-list.campaign-done .card .card-body .card-campaign-box-info span.campaign-name {
    position: absolute;
    padding: 0px 20px;
  }
}
.card-list.campaign-done .card .card-body .card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  height: 92px;
}
.card-list.campaign-done .card .card-body .card-info span.campaign-done {
  color: #cc2d1f;
}
@media (max-width: 991px) {
  .card-list.campaign-done .card .card-body .card-campaign-box-info {
    width: 66%;
    height: auto;
    min-height: 150px;
  }
  .card-list.campaign-done .card .card-body .card-info {
    width: 34%;
    justify-content: center;
    height: 100%;
  }
  .card-list.campaign-done .card .card-body .btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}

.card-filter-results {
  padding-right: 0px !important;
}
@media (max-width: 991px) {
  .card-filter-results {
    padding-right: 15px !important;
  }
}
@media (min-width: 992px) {
  .card-filter-results .card-list .row {
    margin-left: 0px !important;
  }
}
.card-filter-results .card-list .card.v2 {
  max-width: 100%;
  height: calc(100% - 50px);
}
@media (max-width: 767px) {
  .card-filter-results .card-list .card.v2 .card-body {
    border-radius: 8px;
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  .card-filter-results .cards.mobile-not-scroll .card .btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .card-filter-results .cards.mobile-not-scroll .card.v2 .btn {
    position: static;
    opacity: 1;
  }
}
.card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .group.card-price.group-2 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item:nth-child(1) {
  border-bottom: none;
  border-right: none;
  height: 100%;
}
.card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item:nth-child(2) {
  display: none;
}
.card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item .sup-group {
  text-align: left;
}
@media (max-width: 767px) {
  .card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item strong {
    font-size: 26px;
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
}
.card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item p {
  text-align: left;
  width: 135px;
}
@media (max-width: 767px) {
  .card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .card-filter-results.single-price .card-list .cards .row .col-sm-12 .card .card-body .card-price .price-item sup {
    display: none;
  }
}
.card-filter-results.single-price .card-list .cards .row .col-sm-12 .card a {
  position: absolute;
  left: 57%;
  top: 81%;
  width: 95px;
}
@media (max-width: 767px) {
  .card-filter-results.single-price .card-list .cards .row .col-sm-12 .card a {
    left: 0;
    top: 0;
    width: 100%;
  }
}
.card-filter-results .unknown-filter {
  width: 100%;
  max-width: 870px;
  height: 274px;
  border-radius: 8px;
  margin-bottom: 60px;
}
.card-filter-results .unknown-filter .unknown-filter-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
}
.card-filter-results .unknown-filter .unknown-filter-area .unknown-filter-content {
  text-align: center;
  gap: 12px;
  display: grid;
}
.card-filter-results .unknown-filter .unknown-filter-area .unknown-filter-content span {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: #222943;
  padding-top: 48px;
}
.card-filter-results .unknown-filter .unknown-filter-area .unknown-filter-content .unknown-filter-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.card-filter-results .proposed-cards {
  width: 100%;
  justify-content: center;
  font-weight: 700 !important;
  display: flex;
  margin-bottom: 24px;
}
.card-filter-results .divSubInfo {
  display: flex;
  align-items: flex-start;
  margin-top: 7px;
}
.card-filter-results .divSubInfo .sub-info-img {
  margin-right: 10px;
}
.card-filter-results .divSubInfo .sub-info-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #717D8D;
}

@media (max-width: 767px) {
  .digitalservice-list-results .card-list .cards .bg-digital-servisler .card-body .card-campaign-box-info .card-img {
    position: absolute;
    left: 16px;
    bottom: 22px;
    width: 120px;
    height: unset;
  }
}
@media (max-width: 767px) {
  .digitalservice-list-results .card-list .cards .bg-digital-servisler-yeni .card-body .card-campaign-box-info .card-img {
    position: absolute;
    left: 16px;
    bottom: 22px;
    width: 120px;
    height: unset;
  }
}

.container.campaign-done {
  max-width: 907.5px;
}
.container.campaign-done .nav {
  margin-bottom: 34px;
}

@media (max-width: 991px) {
  .info-box-recipe .cards:not(.mobile-not-scroll) .card.v2.not-property {
    height: calc(100% - 20px);
    max-height: -webkit-fill-available;
  }
}

.boxes-area {
  padding: 60px 0 60px 0;
}
.boxes-area.grey {
  background-color: #f8f9fb;
}
.boxes-area.white {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .boxes-area {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .boxes-area {
    padding: 32px 0px 32px 0px;
  }
}
.boxes-area h3 {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .boxes-area h3 {
    margin-left: 15px;
  }
}
.boxes-area.v2 {
  padding: 0;
}
.boxes-area.v2 h3 {
  margin-bottom: 40px;
}
.boxes-area.v2 .box-wrap {
  height: auto;
  box-shadow: 0 0 100px 0 rgba(165, 178, 195, 0.5);
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.boxes-area.v2 .box-wrap i:before {
  color: #002855;
}
@media (max-width: 767px) {
  .boxes-area .container {
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .boxes-area .container .row {
    height: 100%;
    gap: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
  }
}
.boxes-area .container .row > div:first-child img:not(.img-badge) {
  transform: translate(-8px, 18px) !important;
  max-width: 195px !important;
}
@media (max-width: 767px) {
  .boxes-area .container .row > div:first-child img:not(.img-badge) {
    transform: translate(-7px, 2px) !important;
    max-width: 150px !important;
  }
}
.boxes-area .container .row > div:first-child .img-badge {
  left: -74px !important;
}
@media (max-width: 767px) {
  .boxes-area .container .row > div:first-child .img-badge {
    left: unset !important;
  }
}
.boxes-area .container .row > div:last-child img:not(.img-badge) {
  transform: translate(-17px, 10px) !important;
  width: 155px !important;
}
@media (max-width: 767px) {
  .boxes-area .container .row > div:last-child img:not(.img-badge) {
    width: 128px !important;
  }
}
.boxes-area .container .row > div:last-child .img-badge {
  left: -58px !important;
  bottom: 48px !important;
}
@media (max-width: 767px) {
  .boxes-area .container .row > div:last-child .img-badge {
    left: unset !important;
    bottom: 10px !important;
  }
}

.box-wrap {
  border-radius: 4px;
  background-color: #ffffff;
  height: 100%;
  padding: 20px 20px 20px 40px;
  position: relative;
  background-image: url("../images/bg-shape.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 186px;
  border-radius: 8px;
  box-shadow: 0 0 100px 0 rgba(165, 178, 195, 0.5);
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.box-wrap.bg-mobil {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.box-wrap.bg-ev-telefonu, .box-wrap.bg-is-telefonu {
  background-color: #0082ca;
}
.box-wrap.bg-evde-internet {
  background-color: #ecf9fa;
}
.box-wrap.bg-is-interneti {
  background-color: #ffffff;
  background-image: url("../images/bg-shape-2.png");
  padding: 15px 20px 20px 24px;
}
@media (max-width: 767px) {
  .box-wrap.bg-is-interneti {
    padding: 20px 16px;
    height: 100%;
    max-height: 320px;
    background-image: url("../images/bg-shape-2-mobil.png");
    background-size: unset;
    background-position: left top;
  }
}
.box-wrap.bg-digital-servisler {
  background-image: linear-gradient(50deg, #f23524 0, #642c7b 100%);
  background-color: transparent;
}
.box-wrap.bg-digital-servisler-yeni {
  background-image: linear-gradient(212deg, rgba(187, 34, 84, 0.12) 0%, rgba(239, 130, 35, 0.12) 100%);
}
.box-wrap.bg-mood {
  background-color: #0092fd;
}
.box-wrap.bg-tivibu {
  background-color: #0058ad;
}
.box-wrap.bg-prime {
  background-image: linear-gradient(330deg, #FF232C -6.88%, #00439A 55.93%, #0FF 117.49%);
}
.box-wrap.bg-prime-business {
  background: linear-gradient(131.51deg, #00D8FB 0%, #00419B 49.54%, #7ABCE4 100%);
}
.box-wrap.bg-wifi {
  background: #0058AD;
}
.box-wrap.bg-selfy {
  background-color: #500099;
}
.box-wrap.bg-mobil {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.box-wrap.bg-solid-primary-2 {
  background-color: #002855;
}
.box-wrap.hit-bg-navy {
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-navy.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.box-wrap.hit-bg-azure {
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-azure.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.box-wrap.bg-fiks {
  background: linear-gradient(109deg, rgb(13, 81, 174) 0%, rgb(6, 31, 113) 0%, rgb(0, 148, 191) 100%);
}
.box-wrap.bg-mobil .box-body .text h4, .box-wrap.bg-mobil .box-body .text p, .box-wrap.bg-ev-telefonu .box-body .text h4, .box-wrap.bg-ev-telefonu .box-body .text p, .box-wrap.bg-is-telefonu .box-body .text h4, .box-wrap.bg-is-telefonu .box-body .text p, .box-wrap.bg-evde-internet .box-body .text h4, .box-wrap.bg-evde-internet .box-body .text p, .box-wrap.bg-is-interneti .box-body .text h4, .box-wrap.bg-is-interneti .box-body .text p, .box-wrap.bg-digital-servisler .box-body .text h4, .box-wrap.bg-digital-servisler .box-body .text p, .box-wrap.bg-mood .box-body .text h4, .box-wrap.bg-mood .box-body .text p, .box-wrap.bg-tivibu .box-body .text h4, .box-wrap.bg-tivibu .box-body .text p, .box-wrap.bg-prime .box-body .text h4, .box-wrap.bg-prime .box-body .text p, .box-wrap.bg-selfy .box-body .text h4, .box-wrap.bg-selfy .box-body .text p, .box-wrap.bg-solid-primary-2 .box-body .text h4, .box-wrap.bg-solid-primary-2 .box-body .text p {
  color: #ffffff;
}
.box-wrap.bg-digital-servisler-yeni .box-body .text h4, .box-wrap.bg-digital-servisler-yeni .box-body .text p {
  color: #414C5B;
}
.box-wrap.hit-bg-azure .box-body .text h4, .box-wrap.hit-bg-azure .box-body .text p {
  color: #052C55;
}
.box-wrap.bg-evde-internet {
  max-height: 132px !important;
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  width: 570px;
  background-image: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  .box-wrap.bg-evde-internet {
    max-height: unset !important;
    height: unset !important;
    width: unset;
  }
}
.box-wrap.bg-evde-internet .box-body .left-part {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .box-wrap.bg-evde-internet .box-body .left-part {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.box-wrap.bg-evde-internet .box-body .left-part .btn {
  margin-top: 0px !important;
}
.box-wrap.bg-evde-internet .box-body .left-part .text {
  margin-top: 0px !important;
  max-width: 300px;
}
.box-wrap.bg-evde-internet .box-body .left-part .text * {
  color: #06386c;
}
.box-wrap.bg-evde-internet .box-body .left-part .text p {
  font-weight: lighter !important;
  font-size: 16px;
  font-size: 1rem;
}
.box-wrap.bg-evde-internet .box-body .right-part {
  display: none !important;
}
@media (max-width: 991px) {
  .box-wrap {
    height: auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .box-wrap {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .box-wrap {
    padding: 20px 16px;
    height: 100%;
    max-height: 320px;
    background-image: url("../images/bg-shape-mobil.png");
    background-size: unset;
    background-position: left top;
  }
}
.box-wrap i {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 16;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .box-wrap i {
    left: 16px;
  }
}
.box-wrap .box-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media (max-width: 767px) {
  .box-wrap .box-body {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
}
.box-wrap .box-body .left-part {
  height: 100%;
}
@media (max-width: 767px) {
  .box-wrap .box-body .left-part {
    height: unset;
  }
}
.box-wrap .box-body .left-part .text {
  width: 312px;
  margin-top: 9px;
}
@media (max-width: 767px) {
  .box-wrap .box-body .left-part .text {
    width: 100%;
  }
}
.box-wrap .box-body .left-part .text h4 {
  margin-bottom: 6px;
  color: #222943 !important;
  font-weight: bold;
  width: 370px;
}
@media (max-width: 767px) {
  .box-wrap .box-body .left-part .text h4 {
    width: unset;
  }
}
.box-wrap .box-body .left-part .text p {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
}
.box-wrap .box-body .left-part .text p:last-child {
  margin-bottom: 0;
  min-height: 42px;
  height: 100%;
}
.box-wrap .box-body a {
  flex-grow: 1;
  width: 186px;
  max-width: 190px;
  color: inherit;
  top: 50%;
  right: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .box-wrap .box-body a {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    position: static;
    transform: none;
  }
}
.box-wrap .box-body .right-part {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .box-wrap .box-body .right-part {
    height: unset;
    position: relative;
    width: 100%;
    height: 142px;
  }
}
.box-wrap .box-body .right-part img {
  max-width: 191px;
  transform: translate(-21px, 18px);
}
@media (max-width: 767px) {
  .box-wrap .box-body .right-part img {
    max-width: 184px !important;
    transform: translate(0px, 0px);
  }
}
.box-wrap .box-body .right-part .img-badge {
  position: absolute;
  width: 110px;
  bottom: 30px;
  left: -56px;
  display: none;
}
@media (max-width: 767px) {
  .box-wrap .box-body .right-part .img-badge {
    bottom: 0;
    left: unset !important;
    right: 0;
    width: 90px;
  }
}
.box-wrap .box-body .right-part .shortcut-badge {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 14px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .box-wrap .box-body .right-part .shortcut-badge {
    transform: translate(0px, -12px);
  }
}
.box-wrap .box-body .right-part .shortcut-badge p {
  color: #202945;
}
.box-wrap .box-body .right-part .shortcut-badge::before {
  top: -5px;
  content: url(../images/green-bullet.png);
  position: absolute;
  left: -28px;
}
.box-wrap-full {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 36px 36px 40px 36px;
  color: #ffffff;
  margin: 20px 0;
}
.box-wrap-full h4 {
  font-size: 24;
  font-size: 1.5rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 10px;
}
.box-wrap-full p {
  font-size: 20;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.4;
  margin-bottom: 26px;
  max-width: 490px;
}
.box-wrap.v2 {
  padding: 0;
}
.box-wrap.v2 img {
  width: 100%;
  height: auto;
}
.box-wrap.v2 .box-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 36px 0 0 36px;
}
.box-wrap.v2 .box-body .text {
  width: 56%;
}
.box-wrap.v2 .box-body .text h3 {
  font-weight: bold;
  color: #222943;
}
@media (max-width: 991px) {
  .box-wrap.v2 .box-body {
    padding: 12px 0 0 12px;
  }
  .box-wrap.v2 .box-body .text {
    width: 100%;
  }
  .box-wrap.v2 .box-body .text h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .box-wrap.v2 .box-body .text {
    width: 56%;
  }
}
@media (max-width: 360px) {
  .box-wrap.v2 .box-body .text h3 {
    font-size: 16;
    font-size: 1rem;
  }
  .box-wrap.v2 .box-body .text p {
    font-size: 12;
    font-size: 0.75rem;
  }
}

.box-icon {
  border-radius: 4px;
  background-color: rgba(5, 180, 199, 0.1);
  display: inline-block;
  padding: 10px 13px;
}
.box-icon span {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: 600;
  line-height: 1.63;
  display: flex;
}
.box-icon span i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 10px;
}

.box-detail {
  margin-top: 60px;
  padding: 40px 0;
}
.box-detail.bg-mobil {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.box-detail.bg-prime {
  background-color: #500099;
}
.box-detail.bg-prime-business {
  background: linear-gradient(131.51deg, #00D8FB 0%, #00419B 49.54%, #7ABCE4 100%);
}
.box-detail.bg-wifi {
  background: #0058AD;
}
.box-detail.bg-evde-internet {
  background-color: #006777;
  background-image: linear-gradient(225deg, #06386C, #0872AE);
}
.box-detail.bg-is-interneti {
  background-color: #006777;
}
.box-detail.bg-ev-telefonu, .box-detail.bg-is-telefonu {
  background-color: #0082ca;
}
.box-detail.bg-tivibu {
  background-color: #0058ad;
}
.box-detail.bg-digital-servisler {
  background-image: linear-gradient(50deg, #f23524 0%, #642c7b 100%);
  background-color: transparent;
}
.box-detail.bg-digital-servisler-yeni {
  background-image: linear-gradient(212deg, rgba(187, 34, 84, 0.12) 0%, rgba(239, 130, 35, 0.12) 100%);
}
.box-detail.bg-digital-servisler-uygulamalar {
  background: #F0F2F5;
}
.box-detail.bg-fiks {
  background: linear-gradient(109deg, rgb(13, 81, 174) 0%, rgb(6, 31, 113) 0%, rgb(0, 148, 191) 100%);
}
@media (max-width: 767px) {
  .box-detail {
    padding: 20px 0 32px 0;
  }
}
.box-detail img {
  border-radius: 4px;
}
.box-detail p {
  font-size: 20;
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .box-detail p {
    font-size: 18;
    font-size: 1.125rem;
    line-height: 1.56;
  }
}
.box-detail a.btn {
  margin-top: 28px;
}
@media (max-width: 767px) {
  .box-detail a.btn {
    min-width: 100%;
    width: 100%;
    margin-top: 32px;
  }
}
.box-detail-list {
  display: flex;
  flex-wrap: wrap;
}
.box-detail-list > div {
  display: flex;
  align-items: center;
  width: 50%;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .box-detail-list > div {
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.4);
    width: 100%;
    margin-bottom: 0;
  }
}
.box-detail-list > div img {
  max-width: 80px !important;
}
.box-detail-list > div span {
  font-size: 16;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.38;
}
@media (max-width: 767px) {
  .box-detail-list > div span {
    font-weight: bold;
  }
}

.breadcrumb-group {
  margin-bottom: 32px;
}
.breadcrumb-group .breadcrumb {
  display: flex;
  background: none;
  padding: 0;
  margin: 0;
  gap: 4px;
}
.breadcrumb-group .breadcrumb li {
  font-size: 12;
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: 0.4px;
}
.breadcrumb-group .breadcrumb li:last-of-type {
  pointer-events: none;
}
.breadcrumb-group .breadcrumb li:last-of-type a::after {
  display: none;
}
.breadcrumb-group .breadcrumb li a {
  color: #586473;
}
.breadcrumb-group .breadcrumb li span {
  color: #222943;
  font-weight: bold;
}
.breadcrumb-group .breadcrumb li > a, .breadcrumb-group .breadcrumb li > span {
  display: block;
  position: relative;
  padding-right: 20px;
  margin-right: 5px;
}
.breadcrumb-group .breadcrumb li > a:after, .breadcrumb-group .breadcrumb li > span:after {
  content: "\e90b";
  position: absolute;
  right: 0;
  font-size: 16;
  font-size: 1rem;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module > span {
  cursor: pointer;
  padding-right: 24px;
  display: flex;
  align-items: center;
  gap: 2px;
  color: #586473;
  font-size: 12;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px;
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module > span::before {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  content: "\e90b";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module > span::after {
  font-size: 12;
  font-size: 0.75rem;
  color: #586473;
  content: "\e911";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 2px;
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module > span.active::before {
  content: "\e90b";
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module > span.active::after {
  content: "\e912";
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module > span b {
  font-weight: 400;
}
.breadcrumb-group .breadcrumb li.breadcrumb-js-module:last-child > span::before {
  display: none;
}
.breadcrumb-group .breadcrumb-mega {
  border-radius: 4px;
  background-color: unset;
  position: absolute;
  left: 0;
  top: calc(100% - 22px);
  width: 100%;
  display: none;
  box-shadow: 0px 10000px 0 10000px rgba(0, 0, 0, 0.9), 0px 10000px 0 10000px rgba(0, 0, 0, 0.9) inset;
}
.breadcrumb-group .breadcrumb-mega.active {
  display: flex !important;
}
@media (max-width: 767px) {
  .breadcrumb-group .breadcrumb-mega.active {
    justify-content: center;
    height: 10000px;
  }
  .breadcrumb-group .breadcrumb-mega.active::after {
    margin-top: -85px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-group .breadcrumb-mega {
    left: -15px;
    width: calc(100% + 30px);
    padding: 24px 15px;
    top: calc(100% - 10px);
  }
}
.breadcrumb-group .breadcrumb-mega h2 {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  font-weight: normal;
  line-height: 1.25;
  opacity: 0.5;
}
.breadcrumb-group .breadcrumb-mega-link {
  display: flex;
  z-index: 9999;
  gap: 8px;
  padding: 0 40px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .breadcrumb-group .breadcrumb-mega-link {
    flex-direction: column;
    padding: 24px 15px;
    width: calc(100% + 30px);
    gap: 12px;
  }
}
.breadcrumb-group .breadcrumb-mega-link > a {
  border-radius: 4px;
  font-size: 14;
  font-size: 0.875rem;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(37, 51, 66, 0.2);
  color: #222943;
  float: left;
  font-weight: 700;
  line-height: 18px;
  position: relative;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: unset;
  margin: 40px 0 0;
}
@media (max-width: 767px) {
  .breadcrumb-group .breadcrumb-mega-link > a {
    margin: unset;
    justify-content: center;
  }
}
.breadcrumb-group .breadcrumb-mega-link > a.active {
  color: #A0ACBD;
}
.breadcrumb-group .breadcrumb-mega-link > a.active::after {
  content: url(https://bireysel.turktelekom.com.tr/PublishingImages/icons/breadcrumb-check.svg);
}
.breadcrumb-group .breadcrumb-mega-link > a:after {
  font-size: 24;
  font-size: 1.5rem;
  content: "\e90b";
  color: #717d8d;
  font-family: "icomoon";
  position: relative;
}
@media (max-width: 991px) {
  .breadcrumb-group .breadcrumb-mega-link > a {
    color: #222943 !important;
    display: block;
    float: none;
    padding: 8px 12px;
    text-align: center;
    margin: 0 0 16px 0;
  }
  .breadcrumb-group .breadcrumb-mega-link > a:after {
    display: none;
  }
  .breadcrumb-group .breadcrumb-mega-link > a:last-child {
    margin: 0;
  }
}

#base-badge {
  padding: 4px 16px 4px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  top: 32px;
  position: absolute;
}
#base-badge.yeni {
  background-color: rgba(206, 220, 0, 0.3);
  color: #939d04;
}
#base-badge.mevcut {
  background-color: rgba(255, 152, 58, 0.3);
  color: #ff983a;
}

.panel-title {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.5;
  color: #222943;
  margin-bottom: 20px;
}

.panel {
  padding: 14px 20px;
  border: 1px solid #dee3ed;
  border-radius: 4px;
  margin-bottom: 40px;
}
.panel-p30 {
  padding: 16px 10px;
}
@media (max-width: 991px) {
  .panel {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .panel {
    padding: 14px 16px;
  }
}
.panel.panel-default .panel-head {
  display: flex;
  justify-content: space-between;
}
.panel.panel-default .panel-head .links-wrap {
  display: flex;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .panel.panel-default .panel-head .links-wrap {
    display: block;
  }
}
.panel.panel-default .panel-head .links-wrap a {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  margin-right: 23px;
}
@media (max-width: 767px) {
  .panel.panel-default .panel-head .links-wrap a {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.panel.panel-default .panel-head .links-wrap a i {
  font-size: 22px;
}
.panel.panel-default .panel-head .links-wrap a:last-child {
  margin-right: 0;
}
.panel.panel-default .panel-head h4 {
  color: #666f85;
  font-size: 20;
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: normal;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .panel.panel-default .panel-head h4 {
    font-size: 20;
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.panel.panel-default .panel-head .price {
  font-size: 24;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.33;
  margin-bottom: 10px;
  display: block;
}
.panel.panel-default .panel-head a {
  line-height: 2;
  color: #049ead;
  font-weight: bold;
}
.panel.panel-default .panel-head .checkbox-wrap.checkbox-primary {
  margin-bottom: 18px;
}
.panel.panel-default .panel-head .checkbox-wrap.checkbox-primary:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .panel.panel-default .panel-head .checkbox-wrap.checkbox-primary:last-child {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .panel.panel-default .panel-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .panel.panel-default .panel-head h4 {
    font-size: 16;
    font-size: 1rem;
    line-height: 1.5;
  }
  .panel.panel-default .panel-head .price {
    font-size: 20;
    font-size: 1.25rem;
    display: block;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .panel.panel-default .panel-head a {
    line-height: 1.5;
  }
}
.panel.panel-default .panel-footer {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #dee3ed;
}
.panel.panel-default .panel-footer .date-group span {
  font-size: 14;
  font-size: 0.875rem;
  line-height: 1.43;
}
.panel.panel-default .panel-footer .date-group span.label {
  margin-right: 19px;
  color: #666f85;
}
@media (max-width: 767px) {
  .panel.panel-default .panel-footer .date-group span.label {
    margin-right: 2px;
  }
}
@media (max-width: 991px) {
  .panel.panel-default {
    padding: 14px 0;
  }
  .panel.panel-default .panel-head {
    padding: 0 16px;
  }
  .panel.panel-default .panel-footer {
    padding: 16px 16px 0 16px;
  }
}
.panel.panel-icon {
  border-radius: 4px;
  background-color: rgba(5, 180, 199, 0.1);
  border: 0;
  padding: 10px 13px;
  text-align: center;
}
.panel.panel-icon span {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel.panel-icon span i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 10px;
}
.panel-grey {
  background-color: #f2f4f8;
  border-color: #f2f4f8;
}
.panel-grey-title {
  font-size: 36;
  font-size: 2.25rem;
  color: #222943;
  line-height: 1.17;
  letter-spacing: -0.9px;
  padding: 60px 0 20px 0;
  text-align: center;
}
.panel-grey-text {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  line-height: 1.2;
  padding: 50px 0;
  text-align: center;
}
.panel-grey-item {
  text-align: center;
}
.panel-grey-item img {
  display: inline-block;
  margin: 20px auto 0 auto;
}
.panel-grey-item h4 {
  font-size: 36;
  font-size: 2.25rem;
  color: #222943;
  line-height: 1.17;
  letter-spacing: -0.9px;
  margin: 30px 0 20px 0;
}
.panel-grey .btn-group-wrap {
  display: flex;
}
.panel-grey .btn-group-wrap .btn {
  flex-basis: 100%;
}
.panel-grey .btn-group-wrap .btn:first-child {
  margin-right: 5px;
}
.panel-grey .btn-group-wrap .btn:last-child {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .panel-grey .btn-group-wrap .btn:last-child {
    margin: 0;
  }
}
.panel-white {
  border-radius: 6px;
  box-shadow: 0 6px 25px 0 #d7dce4;
  border: solid 0.5px #dee3ed;
  background-color: #fff;
}
.panel-white.col-md-3 {
  display: block !important;
}
.panel-white.col-md-3 .panel-body {
  height: 100%;
}
.panel-white.col-md-3 .panel-body .filter-panel-form {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .panel-white.col-md-3 .panel-body .filter-panel-form .filter-content {
    padding-bottom: 70px;
  }
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKeyword {
  width: 100%;
  max-width: 100% !important;
  padding: 0;
  order: 1;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKeyword .form-group {
  margin: 0;
  height: 54px;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKeyword .form-group input {
  padding: 0;
  height: 100%;
  padding-left: 20px;
  border: 1px solid #dee3ed;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrHiz {
  order: 2;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrGrupAdi {
  order: 6;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrGrupAdi .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrInternet {
  order: 2;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrFiyatMobil {
  order: 3;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrFiyatMobilFaturasiz {
  order: 3;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKonusmaMobil {
  order: 4;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrMobilTarifeler {
  order: 5;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrMesajlasma {
  order: 5;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrGecerlilikSuresi {
  order: 8;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrDkFiyati {
  order: 4;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrSMSFiyati {
  order: 5;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrTaahhut {
  order: 3;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrPaketTuru {
  order: 4;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrHatTipi {
  order: 2;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKullanimTuru {
  order: 3;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKullanimİhtiyaci {
  order: 4;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrUlke {
  order: 10;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrUlke .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrAvantajlar {
  order: 7;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrKonusmaEvTelefonu {
  order: 2;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrFiyatEvTelefonu {
  order: 3;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div #fltrOfferType {
  order: 2;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div div .dropdown .dropdown-menu {
  margin-top: -4px;
  border-top: none !important;
  position: unset;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div div .dropdown .dropdown-menu .group ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.panel-white.col-md-3 .panel-body .filter-panel-form .filter-content > div div .dropdown .dropdown-menu .group ul li {
  width: 100%;
}
.panel-white .btn-group-wrap {
  display: flex;
}
.panel-white .btn-group-wrap .btn {
  flex-basis: 100%;
  flex: 1;
}
.panel-white .btn-group-wrap .btn:first-child {
  margin-right: 5px;
}
.panel-white .btn-group-wrap .btn:last-child {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .panel-white .btn-group-wrap .btn:last-child {
    margin: 0;
  }
}
.panel.checkbox-and-date-group {
  margin-top: 30px;
}
.panel.checkbox-and-date-group .col {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .panel.checkbox-and-date-group .col {
    flex-basis: 100%;
    display: block;
  }
}
@media (max-width: 991px) {
  .panel.checkbox-and-date-group .col > div {
    margin-bottom: 20px;
  }
}
.panel.checkbox-and-date-group .col:first-child {
  border-right: 1px solid #dee3ed;
}
@media (max-width: 991px) {
  .panel.checkbox-and-date-group .col:first-child {
    border-right: none;
    border-bottom: 1px solid #dee3ed;
  }
}
@media (max-width: 991px) {
  .panel.checkbox-and-date-group .col:last-child {
    padding-top: 20px;
  }
}
.panel.checkbox-and-date-group .hide-group {
  display: none;
}
.panel.checkbox-and-date-group .form-group {
  margin-bottom: 0;
}
.panel.checkbox-and-date-group .btn {
  min-width: 148px;
}
@media (max-width: 991px) {
  .panel.checkbox-and-date-group .btn {
    width: 100%;
  }
}
.panel.checkbox-and-date-group.hide-mode .col:first-child {
  border-right: none;
}
@media (max-width: 991px) {
  .panel.checkbox-and-date-group.hide-mode .col:first-child {
    border-bottom: none;
  }
}
.panel.checkbox-and-date-group.hide-mode .col:last-child {
  justify-content: flex-end;
}
.panel .check-wrap {
  padding: 7px 0;
}
@media (max-width: 767px) {
  .panel .check-wrap {
    padding: 0;
  }
}
.panel .btn-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 7px 0;
}
.panel .btn-wrap .btn {
  display: block;
  width: 100%;
  margin-top: auto;
}
.panel .btn-wrap .btn + .btn {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .panel .btn-wrap {
    width: 100%;
    flex-direction: row;
  }
  .panel .btn-wrap .btn {
    width: 50%;
  }
  .panel .btn-wrap .btn + .btn {
    margin-left: 20px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .panel .btn-wrap {
    width: 100%;
    padding: 0;
    flex-direction: column;
  }
  .panel .btn-wrap .btn {
    width: 100%;
  }
  .panel .btn-wrap .btn + .btn {
    margin-left: 0;
    margin-top: 20px;
  }
}
.panel.left-filter {
  max-width: 270px !important;
}
@media (max-width: 767px) {
  .panel.left-filter {
    max-width: unset !important;
  }
}
@media (max-width: 767px) {
  .panel.left-filter.panel {
    display: none !important;
  }
  .panel.left-filter.panel.active {
    display: block !important;
  }
}
.panel.left-filter .panel-body .filter-panel-form .filter-content > div div .dropdown .dropdown-menu .group ul {
  align-items: unset;
}
.panel.left-filter .panel-body .filter-panel-form .filter-content > div div .dropdown .dropdown-menu .group ul li {
  padding-left: 12px;
}

.order-detail .panel-default {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 991px) {
  .order-detail .panel-default {
    height: auto;
    margin-top: 30px;
  }
}
.order-detail .panel-default .panel-footer {
  margin-top: auto;
}
@media (max-width: 991px) {
  .order-detail .panel-default .panel-footer {
    margin-top: inherit;
  }
}

.not-found-wrap {
  text-align: center;
}
@media (max-width: 767px) {
  .not-found-wrap {
    margin-bottom: 60px;
  }
}
.not-found-wrap .not-found-panel {
  background-color: #f0f2f5;
  border-radius: 4px;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 769px;
  margin: 32px auto;
}
@media (max-width: 767px) {
  .not-found-wrap .not-found-panel {
    padding: 0 20px 20px;
    display: block;
    margin: 0px auto 20px;
  }
}
@media (max-width: 767px) {
  .not-found-wrap .not-found-panel img {
    display: block;
    margin: 0 auto;
  }
}
.not-found-wrap .not-found-panel p {
  margin-bottom: 0;
  color: #222943;
  font-size: 16;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .not-found-wrap .btn {
    display: block;
  }
}

.white-panel-card-bg {
  background-color: #ffffff !important;
}

.grey-panel-card-wrap {
  background-color: #eef1f6;
  padding: 60px;
  position: relative;
}
@media (max-width: 767px) {
  .grey-panel-card-wrap {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
.grey-panel-card-wrap > div,
.grey-panel-card-wrap h2 {
  position: relative;
  z-index: 2;
}
.grey-panel-card-wrap > div {
  margin-top: 75px;
}
.grey-panel-card-wrap::before, .grey-panel-card-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.grey-panel-card-wrap::before {
  background: url(../images/cihazlar/left-arrw.png) no-repeat left center;
}
.grey-panel-card-wrap::after {
  background: url(../images/cihazlar/right-arrw.png) no-repeat right center;
}
.grey-panel-card-wrap.type-white {
  background-color: #ffffff;
}
.grey-panel-card-wrap.type-white:before, .grey-panel-card-wrap.type-white:after {
  display: none;
  background: transparent;
}
.grey-panel-card-wrap h3 {
  text-align: center;
  font-weight: bold;
}
@media (max-width: 991px) {
  .grey-panel-card-wrap h3 {
    font-size: 20;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
  }
}
.grey-panel-card-wrap .cards {
  max-width: 1054px;
  margin: auto;
  align-items: stretch;
}
.grey-panel-card-wrap .cards .card.v2 {
  height: auto;
}
.grey-panel-card-wrap .cards .card.v2 .card-body {
  display: flex;
  flex-direction: column;
}
.grey-panel-card-wrap .cards .card.v2 .card-body .card-campaign-box-info {
  display: flex;
  flex-direction: column;
}
.grey-panel-card-wrap .cards .card.v2 .card-body .card-campaign-box-info span {
  align-self: end;
}
@media (max-width: 767px) {
  .grey-panel-card-wrap .cards .card .card-body .card-price .price-item {
    width: 100% !important;
  }
  .grey-panel-card-wrap .cards .card .card-body .card-price .price-item .sup-group {
    text-align: center;
  }
  .grey-panel-card-wrap .cards .card .card-body .card-price .price-item .closed-device {
    width: unset !important;
    position: unset !important;
  }
  .grey-panel-card-wrap .cards .card .card-body .card-price .price-item p {
    text-align: center;
  }
}
.grey-panel-card-wrap .campaign-list {
  max-width: 1054px;
  margin: auto;
  padding: 60px 0 0;
  height: 428px;
}
@media (max-width: 767px) {
  .grey-panel-card-wrap .campaign-list {
    padding: 15px 0 0;
  }
}
@media (max-width: 1091px) and (min-width: 991px) {
  .grey-panel-card-wrap .campaign-list {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .grey-panel-card-wrap {
    background-color: #f0f2f5;
    padding: 0;
    margin-bottom: 20px;
  }
  .grey-panel-card-wrap:before, .grey-panel-card-wrap:after {
    display: none;
  }
  .grey-panel-card-wrap h3 {
    padding: 20px 15px;
    margin: 0;
  }
  .grey-panel-card-wrap .cards {
    padding-bottom: 20px;
  }
  .grey-panel-card-wrap .cards-btn a.btn {
    background-color: transparent;
    border: 1px #002855 solid !important;
    border-radius: 50px;
    width: 92%;
    min-width: unset;
    margin: auto;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.grey-panel-card-wrap.yeniden-bidunya .campaign-list {
  height: 100%;
  max-width: 100%;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  padding: 40px 0 0;
  margin: auto;
}
.grey-panel-card-wrap.one-cikan-mobil-kampanya {
  background: linear-gradient(45deg, #06386C 0%, #0872AE 100%);
}
.grey-panel-card-wrap.one-cikan-mobil-kampanya h3 {
  color: #FFFFFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 767px) {
  .grey-panel-card-wrap.one-cikan-mobil-kampanya h3 {
    font-size: 18px;
  }
}
.grey-panel-card-wrap.one-cikan-mobil-kampanya::before {
  display: none;
}
.grey-panel-card-wrap.one-cikan-mobil-kampanya::after {
  display: none;
}
.grey-panel-card-wrap.one-cikan-mobil-kampanya .campaign-list {
  height: 100%;
  max-width: 100%;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  padding: 40px 0 0;
  margin: auto;
}
@media (max-width: 767px) {
  .grey-panel-card-wrap.one-cikan-mobil-kampanya .campaign-list {
    padding: 0;
  }
}
.grey-panel-card-wrap.one-cikan-mobil-kampanya .cards-btn {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .grey-panel-card-wrap.one-cikan-mobil-kampanya .cards-btn {
    margin-top: 32px;
    padding: 0 0 32px;
  }
}
@media (max-width: 767px) {
  .grey-panel-card-wrap.one-cikan-mobil-kampanya .cards-btn a.btn {
    background-color: #ffffff;
    color: #002855;
    font-weight: 700;
  }
}

.suggested-device .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#suggestDigitalService .cards {
  justify-content: start;
  overflow: hidden;
  gap: 80px;
  display: -webkit-box;
  max-width: 1070px;
  padding-right: 38px;
  padding-left: 38px;
}
#suggestDigitalService .cards .card.v2 {
  transition: transform 0.2s ease;
}
#suggestDigitalService .cards .bg-digital-servisler {
  margin: 0 12px;
}
#suggestDigitalService .cards .bg-digital-servisler-yeni {
  margin: 0 12px;
}
#suggestDigitalService .cards .bg-digital-servisler-uygulamalar {
  margin: 0 12px;
}
@media (max-width: 991px) {
  #suggestDigitalService .cards {
    overflow: scroll;
    gap: 12px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 32px;
    margin-top: 32px;
  }
}
#suggestDigitalService .cards .card-img {
  position: unset;
  left: unset;
  bottom: unset;
  width: 100%;
  height: 142px;
}
#suggestDigitalService .button-container {
  position: absolute;
  top: 0;
  bottom: 110px;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  max-width: 1200px;
  height: -moz-fit-content;
  height: fit-content;
}
#suggestDigitalService .button-container #next-suggested-button, #suggestDigitalService .button-container #previous-suggested-button {
  border-radius: 50%;
  border: none;
  outline: none;
  align-items: center;
  background-color: rgba(34, 41, 67, 0.1);
  border: 0;
  display: flex;
  height: 56px;
  justify-content: center;
  padding: 0;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}
#suggestDigitalService .button-container #next-suggested-button i, #suggestDigitalService .button-container #previous-suggested-button i {
  font-size: 1.5rem;
}
#suggestDigitalService .button-container #next-suggested-button {
  position: absolute;
  right: -35px;
}
#suggestDigitalService .button-container #previous-suggested-button {
  position: absolute;
  left: -35px;
}
@media (max-width: 991px) {
  #suggestDigitalService .button-container {
    display: none;
  }
}

.progressbar {
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .progressbar {
    margin: 0;
  }
}
.progressbar ul {
  list-style: none;
  padding: 0;
  counter-reset: countervariable;
  display: flex;
  width: 100%;
}
@media (max-width: 991px) {
  .progressbar ul {
    display: none;
  }
}
.progressbar li {
  counter-increment: countervariable;
  margin: 0;
  padding: 0;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  position: relative;
}
.progressbar li.active span::before, .progressbar li.complete span::before {
  background: #049ead;
}
.progressbar li.active h6, .progressbar li.complete h6 {
  color: #049ead;
}
.progressbar li.complete span:before {
  content: "✔";
  color: #ffffff !important;
}
.progressbar li.complete span::after {
  background: #049ead;
}
.progressbar li:last-child {
  max-width: 80px;
}
.progressbar li:last-child span:after {
  display: none;
}
.progressbar li h6 {
  text-align: left;
  color: #919eba;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 0.4px;
  font-size: 16;
  font-size: 0.75rem;
  max-width: 75px;
  display: inline-block;
}
.progressbar li span {
  width: 2.5rem;
  height: 2.5rem;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  display: flex;
  z-index: 2;
  margin-bottom: 4px;
}
.progressbar li span:before {
  content: counter(countervariable);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 2;
  width: 100%;
  background-color: #919eba;
  border: 4px solid #ffffff;
  border-radius: 50%;
}
.progressbar li span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #919eba;
  top: 18px;
  z-index: 0;
}

.text-step-info {
  font-size: 16;
  font-size: 0.875rem;
  color: #666f85;
}

.step-content > h3 {
  margin-bottom: 25px;
}
.step-content h4 {
  margin-bottom: 25px;
  font-size: 16;
  font-size: 1.25rem;
  font-weight: normal;
}
.step-content .title-sub-group h4 {
  margin-bottom: 0;
}
.step-content .title-sub-group p {
  margin-bottom: 25px;
}
.step-content .radio-group {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .step-content .radio-group {
    margin-bottom: 16px;
  }
}
.step-content .search-number-wrap {
  margin-bottom: 30px;
}
.step-content .search-number-wrap .button-wrap {
  padding: 7px 0;
}
@media (max-width: 767px) {
  .step-content .search-number-wrap .button-wrap .btn {
    width: 100%;
  }
}
.step-content .panel {
  border-radius: 4px;
  margin-top: 34px;
}
.step-content .panel.panel-grey {
  display: none;
}
@media (max-width: 767px) {
  .step-content .panel {
    margin-top: 20px;
  }
}
.step-content .panel .panel-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .step-content .panel .panel-body {
    display: block;
  }
}
.step-content .panel .panel-body .btn-groups .btn {
  margin-left: 16px;
  min-width: 177px;
}
@media (max-width: 767px) {
  .step-content .panel .panel-body .btn-groups .btn {
    margin-left: 0;
    margin-bottom: 12px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .step-content .panel .panel-body .btn-groups .btn:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .step-content .panel .selected-number-wrap {
    margin-bottom: 16px;
  }
}
.step-content .panel .selected-number-wrap label {
  font-size: 12px;
  font-weight: bold;
  display: block;
}
.step-content .panel .selected-number-wrap span i {
  top: 1px;
  display: inline-block;
  position: relative;
}
.step-content .panel .selected-number-wrap span i::before {
  display: inline-block;
  transform: rotate(90deg);
}

.product-catalog-step {
  position: relative;
}
.product-catalog-step .card-list {
  max-width: 100%;
}
.product-catalog-step .list-icon {
  position: absolute;
  right: 0;
  top: -156px;
  display: flex;
}
@media (max-width: 991px) {
  .product-catalog-step .list-icon {
    position: static;
    display: block;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .product-catalog-step .list-icon {
    position: static;
    padding: 16px 0;
  }
}
@media (max-width: 767px) {
  .product-catalog-step .list-icon li {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .product-catalog-step .list-icon li:first-child {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .product-catalog-step .list-icon a {
    margin-left: 0;
    margin-right: 16px;
    font-size: 14;
    font-size: 0.875rem;
  }
}
.product-catalog-step .step-head {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .product-catalog-step .step-head h3 {
    margin-top: 4px;
    margin-bottom: 20px;
  }
}
.product-catalog-step .catalog-render-wrap .row > div {
  display: flex;
}
@media (max-width: 767px) {
  .product-catalog-step .catalog-render-wrap .row > div {
    display: block !important;
    min-width: 302px;
  }
}

@media (max-width: 991px) {
  .products-wrap .list-icon {
    padding-top: 0;
    justify-content: flex-end !important;
  }
}
@media (max-width: 767px) {
  .products-wrap .list-icon {
    padding-bottom: 20px;
    padding-top: 0;
    display: block;
  }
  .products-wrap .list-icon li {
    width: 100%;
    margin: 0 0 16px 0;
  }
  .products-wrap .list-icon li:last-child {
    margin: 0;
  }
}
.products-wrap .cards {
  padding-top: 0;
  padding-bottom: 32px;
  justify-content: flex-start;
}
.products-wrap .cards .card {
  margin-right: 30px;
}
.products-wrap .cards .card:last-child {
  margin-right: 0;
}
.products-wrap-btns {
  justify-content: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .selected-number-step .panel .btn {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .selected-number-step .panel .btn:first-child {
    margin-bottom: 10px;
  }
}

.activation-delivery-step h6 {
  font-size: 20;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .activation-delivery-step h6 {
    font-size: 16;
    font-size: 1rem;
  }
}
.activation-delivery-step .info-box {
  margin: 0 0 20px 0;
}
.activation-delivery-step .dealer-form {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .activation-delivery-step .dealer-form {
    margin-bottom: 0;
  }
  .activation-delivery-step .dealer-form .btn, .activation-delivery-step .dealer-form a.link {
    margin-bottom: 20px;
  }
}
.activation-delivery-step .shop-list-wrap {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .activation-delivery-step .shop-list-wrap hr {
    display: none;
  }
}

.order-summary-step .radio-group {
  margin-bottom: 0;
  margin-top: 30px;
}
.order-summary-step .radio-change-content {
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}

.step-form {
  margin-bottom: 60px;
}
.step-form h4 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 20px;
}
.step-form-content {
  border-radius: 4px;
  background-color: #f1f3f6;
  border-bottom: 4px rgba(165, 178, 195, 0.4) solid;
  padding: 40px 0;
  position: relative;
}
.step-form-content .step {
  display: none;
  padding: 0 8%;
}
.step-form-content .step.active {
  display: block;
}
.step-form-content .search-wrap {
  width: 670px;
  margin: 0 auto;
  padding-top: 4px;
}
.step-form-content .search-wrap .form-group {
  margin-bottom: 0;
}
.step-form-content .btn-wrap {
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  width: 100%;
}
.step-form-content .btn-wrap .btn {
  min-width: calc(33.33% - 20px);
  margin: 10px;
}
.step-form-content .prev-btn {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2%;
  width: 56px;
  height: 56px;
  padding: 0;
}
.step-form-content .prev-btn span {
  display: none;
}
.step-form-content .radio-group .radio-group-wrap {
  align-items: center;
  justify-content: center;
}
.step-form-content .radio-group .radio-group-wrap .form-group {
  margin-bottom: 0;
  margin-right: 20px;
}
.step-form-content .radio-group .radio-group-wrap .form-group.checkbox-wrap {
  border-radius: 4px;
  background-color: #fff;
  padding: 15px 16px;
}
.step-form-content .radio-group .radio-group-wrap .form-group.checkbox-wrap span {
  top: 50%;
  margin-top: -12px;
  left: 16px;
}
@media (max-width: 767px) {
  .step-form-content .radio-group .radio-group-wrap .form-group {
    margin: 6px 15px;
  }
  .step-form-content .radio-group .radio-group-wrap .form-group .btn {
    width: 100%;
    margin-top: 14px;
  }
}
.step-form-list {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  display: flex;
}
.step-form-list span {
  width: 100%;
  height: 4px;
  position: relative;
}
.step-form-list span:before {
  transition: width 0.3s ease;
  content: "";
  background-color: #14c0d9;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 4px;
}
.step-form-list span:first-child {
  border-radius: 0 0 0 4px;
}
.step-form-list span:last-child {
  border-radius: 0 0 4px 0;
}
.step-form-list span.active:before {
  width: 100%;
}
@media (max-width: 767px) {
  .step-form .container {
    padding: 0;
  }
  .step-form h4 {
    text-align: left;
    padding: 0 15px;
  }
  .step-form-content {
    border-radius: 0;
    border-color: #f1f3f6;
    padding: 24px 0;
  }
  .step-form-content .step {
    padding: 0;
  }
  .step-form-content .search-wrap {
    width: auto;
    margin: 0 15px;
  }
  .step-form-content .btn-wrap {
    display: block;
    width: auto;
    margin: 0 15px 0 15px;
  }
  .step-form-content .btn-wrap .btn {
    min-width: 100%;
    margin: 0 0 20px 0;
  }
  .step-form-content .prev-btn {
    border-radius: 0;
    background-color: transparent;
    height: auto;
    width: auto;
    position: relative;
    left: 0;
    top: 0;
    margin: 32px auto 0 auto;
    padding: 0 14px;
    max-width: inherit;
    max-height: inherit;
  }
  .step-form-content .prev-btn i {
    display: none;
  }
  .step-form-content .prev-btn span {
    font-size: 16;
    font-size: 1rem;
    color: #049ead;
    display: block;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.34px;
  }
  .step-form-list {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    display: flex;
  }
  .step-form-list span:first-child {
    border-radius: 0;
  }
  .step-form-list span:last-child {
    border-radius: 0;
  }
  .step-form-list span.active {
    background-image: linear-gradient(133deg, #048a95, #0abec7);
  }
}

.form-accordion h4 {
  font-size: 20;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.form-accordion .btns-wrap .btn {
  display: inline-block;
  min-width: 177px;
}
@media (max-width: 767px) {
  .form-accordion .btns-wrap .btn {
    display: block;
    width: 100%;
  }
}
.form-lead {
  max-width: 570px;
  margin: 0 auto;
  padding: 0 15px;
}
.form-lead h1 {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  font-weight: normal;
  line-height: 1.25;
  margin: 32px 0;
}
.form-lead h2 {
  font-size: 20;
  font-size: 1.25rem;
  color: #222943;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 20px;
}
.form-lead .tab-content h2 {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .form-lead .tab-content h2 {
    margin-top: 22px;
  }
}

.filter-wrapper {
  padding: 64px 0 32px 0;
}
@media (max-width: 767px) {
  .filter-wrapper {
    padding: 0;
  }
}
.filter-wrapper .filter-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: flex-end;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body {
    flex-direction: column;
  }
  .filter-wrapper .filter-body .filter-form {
    margin-top: 20px;
  }
}
.filter-wrapper .filter-body .page-head {
  padding: 0;
  position: static;
  width: 100%;
}
.filter-wrapper .filter-body .page-head .breadcrumb-group .breadcrumb-mega {
  top: calc(100% + 22px);
}
@media (max-width: 991px) {
  .filter-wrapper .filter-body .page-head {
    position: relative;
  }
  .filter-wrapper .filter-body .page-head .breadcrumb-group .breadcrumb-mega {
    top: calc(100% + 10px);
  }
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body h3 {
    display: none;
  }
}
.filter-wrapper .filter-body .filter-form {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form {
    position: relative;
  }
}
.filter-wrapper .filter-body .filter-form .badges {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  max-width: 627px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .badges {
    flex-wrap: nowrap;
    margin-right: 0;
  }
}
.filter-wrapper .filter-body .filter-form .badges .pill {
  display: flex;
  height: 44px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  font-weight: 600;
  border: 1px solid var(--blue-dark, #222943);
  background: var(--white-white, #FFF);
  box-shadow: 0 1px 4px 0 rgba(37, 51, 66, 0.2);
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .badges .pill {
    margin-bottom: 7px;
    flex: none;
    margin-left: 2px;
    margin-top: 2px;
  }
}
.filter-wrapper .filter-body .filter-form .badges .pill .content {
  font-size: 10px;
  font-size: 0.625rem;
  color: #919eba;
}
.filter-wrapper .filter-body .filter-form .badges .pill .content strong {
  font-size: 14px;
  font-size: 0.875rem;
  color: #222943;
}
.filter-wrapper .filter-body .filter-form .badges .pill .close {
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  color: #222943;
  opacity: unset;
}
.filter-wrapper .filter-body .filter-form .badges .pill .close svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .badges {
    overflow-x: scroll;
  }
}
.filter-wrapper .filter-body .filter-form .badges .pill.clear-filters {
  cursor: pointer;
}
.filter-wrapper .filter-body .filter-form .badges .pill.clear-filters::after {
  content: url("https://bireysel.turktelekom.com.tr/PublishingImages/icons/trash-can.svg");
  width: 24px;
  height: 24px;
}
.filter-wrapper .filter-body .filter-form > a.link-icon {
  color: #666f85;
  align-items: center;
  margin-right: 14px;
}
.filter-wrapper .filter-body .filter-form > a.link-icon i {
  font-size: 24;
  font-size: 1.5rem;
  margin-right: 4px;
}
.filter-wrapper .filter-body .filter-form > a.link-icon i:before {
  color: #666f85;
}
.filter-wrapper .filter-body .filter-form .form-group {
  margin-right: 10px;
  margin-bottom: 0;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .form-group {
    width: 100%;
    margin-top: 0px !important;
    display: flex;
    gap: 8px;
    margin-right: 0px;
  }
  .filter-wrapper .filter-body .filter-form .form-group .select2-container {
    min-width: 160px;
    max-width: 160px;
  }
  .filter-wrapper .filter-body .filter-form .form-group button.d-md-none {
    margin-top: 0 !important;
  }
  .filter-wrapper .filter-body .filter-form .form-group button.d-md-none .select2-selection__rendered {
    padding: 9px 16px !important;
  }
}
.filter-wrapper .filter-body .filter-form .form-group i::before {
  color: #919eba;
}
.filter-wrapper .filter-body .filter-form .form-group.right-icon-field {
  min-width: 327px;
}
@media (max-width: 991px) {
  .filter-wrapper .filter-body .filter-form .form-group.right-icon-field {
    min-width: auto;
  }
}
.filter-wrapper .filter-body .filter-form .form-group.right-icon-field .form-control {
  border: solid 1px #dee3ed !important;
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .form-group.right-icon-field .form-control {
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .form-group.right-icon-field i {
    display: none;
  }
}
.filter-wrapper .filter-body .filter-form .form-group,
.filter-wrapper .filter-body .filter-form .btn {
  min-width: 200px;
}
@media (max-width: 991px) {
  .filter-wrapper .filter-body .filter-form .form-group,
  .filter-wrapper .filter-body .filter-form .btn {
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .btn {
    border: none;
    padding: 0;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .btn i {
    position: static;
    margin-top: 3px;
    display: none;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .btn i::before {
    content: "\e909";
  }
}
.filter-wrapper .filter-body .filter-form .btn span {
  /*
  @include mobil {
      display: none;
  }*/
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .btn:hover {
    background: none;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .filter-body .filter-form .btn.active i::before {
    color: #222943 !important;
  }
}
.filter-wrapper .panel {
  display: none;
  padding: 30px;
}
.filter-wrapper .panel.panel-white.col-md-3 {
  padding: 0px;
  box-shadow: none;
  border: none;
}
@media (max-width: 767px) {
  .filter-wrapper .panel {
    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    border: none;
    background: white;
    padding: 0;
    display: none;
  }
  .filter-wrapper .panel.active {
    display: block !important;
  }
}
.filter-wrapper .panel .filter-header {
  text-align: center;
  padding: 20px;
  position: relative;
  border-bottom: 1px solid #dee3ed;
}
.filter-wrapper .panel .filter-header h6 {
  font-size: 16;
  font-size: 0.875rem;
  font-weight: 600;
}
.filter-wrapper .panel .filter-header i {
  font-size: 16;
  font-size: 2rem;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -16px;
}
.filter-wrapper .panel .filter-header i:before {
  color: #222943;
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content {
    padding: 10px 20px;
    height: calc(100dvh - 135px);
    overflow: auto;
  }
}
.filter-wrapper .panel .filter-content .dropdown {
  margin-bottom: 16px;
}
.filter-wrapper .panel .filter-content .dropdown.multiple-select {
  margin-bottom: 0px;
  height: 88px !important;
}
.filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-menu.show {
  border: 1px solid #dee3ed !important;
  box-shadow: none;
  border-top: none;
}
.filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-toggle {
  height: unset;
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-toggle {
    margin-bottom: 5px;
  }
}
.filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-toggle .wrap {
  font-weight: bold;
}
.filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-toggle .wrap .count {
  color: #222943;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  z-index: 1;
  padding-left: 5px;
  padding-top: 1px;
  margin-left: 4px;
  visibility: visible;
}
.filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-toggle .wrap .count::after {
  content: "";
  background-color: #dee3ed;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: -1;
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-toggle .wrap .count {
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content .dropdown {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-menu {
    position: static !important;
    border: none;
    box-shadow: none;
    transform: none !important;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content .dropdown.multiple-select .dropdown-menu li {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .panel .filter-content .dropdown .btn {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    padding: 18px 0;
    height: auto;
    border-radius: 0;
  }
}
.filter-wrapper .panel .btns-wrap {
  justify-content: space-between;
  align-self: center;
}
@media (max-width: 767px) {
  .filter-wrapper .panel .btns-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
    box-shadow: 0 -6px 25px 0 rgba(145, 158, 186, 0.3);
    margin: 0;
    z-index: 99;
    background: white;
  }
}
.filter-wrapper .panel .btns-wrap .btn-group-wrap {
  display: none;
}
@media (max-width: 767px) {
  .filter-wrapper .panel .btns-wrap .btn-group-wrap {
    display: block;
  }
}
.filter-wrapper .panel .btns-wrap .btn-group-wrap #removeButton {
  display: none;
}
.filter-wrapper .panel .btns-wrap .btn-group-wrap .btn {
  border-radius: 4px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .filter-wrapper .panel .btns-wrap .btn-group-wrap .btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .filter-wrapper .panel .btns-wrap .btn-group-wrap .btn:first-child {
    margin: 0 0 10px;
  }
}
.filter-wrapper.opened .filter-form .btn i {
  transform: rotate(-180deg);
}
@media (max-width: 767px) {
  .filter-wrapper.device-filter .filter-body .filter-form .link {
    margin-top: 20px;
    margin-right: 12px;
    color: #05b4c7;
  }
}
.filter-wrapper.device-filter .filter-body .filter-form .form-group {
  display: flex;
  gap: 22px;
}
@media (max-width: 767px) {
  .filter-wrapper.device-filter .filter-body .filter-form .form-group {
    gap: 4px;
    border-left: none;
    padding-left: 0px;
  }
}
.filter-wrapper.device-filter .filter-body .filter-form .form-group button {
  border-radius: 4px;
  color: #666f85;
}
@media (max-width: 767px) {
  .filter-wrapper.device-filter .filter-body .filter-form .form-group button {
    border: 1px solid #dee3ed;
    margin: unset;
    color: #666f85;
    padding-left: 18px;
  }
  .filter-wrapper.device-filter .filter-body .filter-form .form-group button::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.55em solid;
    border-right: 0.45em solid transparent;
    border-bottom: 0;
    border-left: 0.45em solid transparent;
    width: 14px;
    height: 0px;
    position: absolute;
    right: 10px;
    bottom: 0;
    top: 5px;
    margin: auto;
    scale: 0.75;
  }
}
.filter-wrapper.device-filter .panel .panel-body .filter-panel-form .filter-content .dropdown-menu.show {
  z-index: 1 !important;
}

.divFormResult {
  max-width: 570px;
  margin: 0 auto;
  padding: 0 15px;
}
.divFormResult h1 {
  font-size: 24;
  font-size: 1.5rem;
  color: #222943;
  font-weight: normal;
  line-height: 1.25;
  margin: 32px 0;
}

.formv2 {
  max-width: 570px;
}
.formv2 > .form-title {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.formv2 > .sub-info {
  color: #717d8d;
  font-size: 14;
  font-size: 0.875rem;
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.formv2 .purchaseformct > .form-group > h4 {
  margin-bottom: 12px;
  font-size: 20;
  font-size: 1.25rem;
  font-weight: normal;
  color: #222943;
  line-height: 28px;
}
.formv2 .purchaseformct > .form-group input, .formv2 .purchaseformct > .form-group select, .formv2 .purchaseformct > .form-group textarea {
  font-size: 14;
  font-size: 0.875rem;
  color: #717d8d;
}
.formv2 .purchaseformct > .form-group select {
  width: 100%;
}
.formv2 .purchaseformct > .form-group.stakeholder .form-group {
  gap: 30px;
}
.formv2 .purchaseformct > .form-group.stakeholder.error .accordion.error {
  flex-wrap: wrap;
}
.formv2 .purchaseformct > .form-group.stakeholder.error .accordion.error input {
  width: 270px;
}
.formv2 .purchaseformct > .form-group.stakeholder.error .accordion.error label {
  width: 100%;
  order: 2;
}
.formv2 .purchaseformct > .form-group #add-stakeholder {
  color: #049ead;
  font-weight: bold;
  font-size: 16;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
}
.formv2 .purchaseformct > .form-group span.select2-selection {
  border: none !important;
  width: 100%;
}
.formv2 .purchaseformct > .form-group #select2-City-container {
  padding: 0 !important;
}
.formv2 .purchaseformct > .form-group.yes-no-radio .q-title {
  margin-bottom: 24px;
}
.formv2 .purchaseformct > .form-group.yes-no-radio label[for=yes_no_radio] {
  font-size: 16;
  font-size: 1rem;
  margin-bottom: 12px;
}
.formv2 .purchaseformct > .form-group.yes-no-radio .flex-form {
  gap: 30px;
  display: flex;
}
.formv2 .purchaseformct > .form-group.yes-no-radio .flex-form .labelpart {
  width: 100%;
  max-width: 270px;
  height: 56px;
  border-radius: 4px;
  border: solid 1px #dee3ed;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 16px;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.formv2 .purchaseformct > .form-group.yes-no-radio .flex-form .labelpart label.error {
  order: 2;
  white-space: nowrap;
}
.formv2 .purchaseformct > .form-group.file-form .f-title {
  margin-bottom: 20px;
}
.formv2 .purchaseformct > .form-group.file-form .sub-p {
  padding: 20px;
  background-color: #e5e9f1;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #222943;
  margin-bottom: 20px;
}
.formv2 .purchaseformct > .form-group.file-form .sub-info {
  font-size: 12px;
  font-size: 0.75rem;
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.formv2 .purchaseformct > .form-group.file-form input {
  visibility: hidden;
  position: relative;
}
.formv2 .purchaseformct > .form-group.file-form label:not(.error) {
  position: absolute;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  border: solid 1px #dee3ed;
  max-width: 570px;
  max-height: 56px;
  color: #049ead;
  font-weight: 600;
  cursor: pointer;
}
.formv2 .purchaseformct > .form-group.file-form label:not(.error)::after {
  content: url(/PublishingImages/images/icons/add-icon.svg);
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  width: 48px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #dee3ed;
  padding-top: 4px;
}
.formv2 .purchaseformct > .form-group.file-form label:not(.error).active {
  padding: 6px 16px 10px 16px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16px;
  color: #666f85;
  font-weight: unset;
}
.formv2 .purchaseformct > .form-group.file-form label:not(.error).active span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #222943;
  font-weight: unset;
}
.formv2 .purchaseformct > .form-group.file-form label:not(.error).active::after {
  content: url(/PublishingImages/images/icons/subtract-icon.svg);
}

/*
.sponsorship-form {
    .cf {
        display: flex;
        width: 100%;
        padding: 0;
        .form-group {
            label {
                margin: 12px 0px;
            }
            .input-group {
                height: 56px;
                select {
                    width: 100%;
                }
            }
        }


        .file-area {
            position: relative;
            & > label {
                position: absolute;
                width: 100%;
                background: white;
                height: 56px;
                margin: 0;
                z-index: 1;
                display: flex;
                align-items: center;
                border: 1px solid #dee3ed;
                padding: 16px 0px 16px 13px;
                @include border-radius(4px);
                color: $solid-primary-product-mobile-product;
                    font-weight: 600;
                    cursor: pointer;
                    &::after {
                        content: url(https://inttestwww.turktelekom.com.tr/PublishingImages/images/icons/add-icon.svg);
                        position: absolute;
                        right: 0px;
                        top: 0;
                        height: 100%;
                        width: 48px;
                        border-top-right-radius: 4px;
                        border-bottom-right-radius: 4px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        border-left: 1px solid $solid-grey-lighter;
                        padding-top: 4px;
                    }
                    &.active {
                        padding: 6px 16px 10px 16px;
                        @include font-size($font12,12px);
                        line-height: 16px;
                        color: $solid-grey;
                        font-weight: unset;
                        span {
                            @include font-size($font16,16px);
                            line-height: 24px;
                            color: $solid-dark;
                            font-weight: unset;
                        }
                        &::after {
                            content: url(https://inttestwww.turktelekom.com.tr/PublishingImages/images/icons/subtract-icon.svg);
                        }
                    }
            }
            & > div {
                position: relative;
                input {
                    border: none;
                }
            }

        }
        .yes-no-area {
            .erorr-parent {
                .row {
                    margin: 0;
                    & > span.form-control {
                        position: relative;
                        height: 56px;
                        display: flex;
                        align-items: center;
                        label {
                            position: absolute;
                            width: 100%;
                            left: 0;
                            top: 0;
                            height: 100%;
                            margin: 0;
                            display: flex;
                            align-items: center;
                            padding-left: 50px;
                            font-size: 16px;
                            color: #717d8d;
                        }
                    }
                }
            }
        }
    }
}

*/
.sponsorship-form {
  max-width: 570px;
}
.sponsorship-form .form-title {
  font-size: 28;
  font-size: 1.25rem;
  line-height: 28px;
  font-weight: 600;
  color: #222943;
  margin-bottom: 20px;
}
.sponsorship-form .sub-info {
  font-size: 14;
  font-size: 0.875rem;
  line-height: 22px;
  font-weight: 400;
  display: flex;
  gap: 8px;
  align-items: center;
}
.sponsorship-form > .form-group {
  margin-bottom: 20px;
}
.sponsorship-form > .form-group .cf .form-group {
  position: relative;
  width: 100%;
  min-height: 56px;
}
.sponsorship-form > .form-group .cf .form-group label {
  position: absolute;
  z-index: 0;
  top: 17px;
  left: 16px;
  font-size: 14;
  font-size: 0.875rem;
  line-height: 22px;
  letter-spacing: 0.39px;
  color: #717d8d;
  transition: all 0.2s ease;
}
.sponsorship-form > .form-group .cf .form-group label.active {
  font-size: 12;
  font-size: 0.75rem;
  line-height: 18px;
  top: 8px;
}
.sponsorship-form > .form-group .cf .form-group .input-group {
  position: absolute;
  z-index: 1;
  height: 100%;
}
.sponsorship-form > .form-group .cf .form-group .input-group input {
  padding: 16px 16px 4px 16px;
  border: 1px solid #dee3ed;
  background: transparent;
}
.sponsorship-form > .form-group .cf .form-group .input-group select {
  background: transparent;
  width: 100%;
  border: 1px solid #dee3ed;
  padding: 16px 16px 4px 11px;
}
.sponsorship-form > .form-group .cf .form-group .input-group textarea {
  padding: 34px 16px 16px 16px;
  border: 1px solid #dee3ed;
  background: transparent;
}
.sponsorship-form > .form-group .cf.project-category label {
  font-size: 12px !important;
  line-height: 18px !important;
  top: 8px !important;
}
.sponsorship-form > .form-group .cf.input-daterange label {
  z-index: 2;
  background: white;
  top: 19px;
  height: 28px;
}
.sponsorship-form > .form-group .cf.input-daterange label.active {
  background: none;
  z-index: unset;
}
.sponsorship-form > .form-group .cf.text-box-area {
  margin-bottom: 48px;
  height: 130px;
}
.sponsorship-form > .form-group .cf.text-box-area span {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 16;
  font-size: 1rem;
  line-height: 18px;
  color: #717d8d;
  font-weight: 400;
}
.sponsorship-form > .form-group .cf.text-box-area .form-group {
  margin-bottom: 0px;
}
.sponsorship-form > .form-group .cf.text-box-area textarea {
  height: 160px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row {
  margin: 0 !important;
  gap: 12px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .sub-yes-area {
  display: none;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .sub-yes-area label {
  left: 33px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .sub-yes-area .input-group {
  max-width: 502px;
  right: -16px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline {
  min-height: 56px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline > label {
  position: unset;
  font-size: 16;
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0.44px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline > span > label {
  position: unset;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline > input {
  margin-right: 12px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline .chckTrueLastYearWas input {
  margin-right: 12px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline .chckTrueLastYearWas label {
  font-size: 16;
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0.44px;
}
.sponsorship-form > .form-group .cf.yes-no-area .row .checkbox-inline .form-group {
  margin-bottom: 0px;
}
.sponsorship-form > .form-group .cf.file-area label.active2 {
  z-index: 2;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  background: white;
  padding: 16px;
  font-size: 14px;
}
.sponsorship-form > .form-group .cf.file-area input {
  height: 100%;
  width: 100%;
  border: none;
}
.sponsorship-form > .form-group .cf.file-area input::before {
  content: "Dosya Ekle";
  position: absolute;
  background: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #dee3ed;
  cursor: pointer;
}
.sponsorship-form > .form-group .cf.file-area input::after {
  content: "";
  background-image: url(/SiteAssets/images/add-file.png);
  background-size: 60px 24px;
  background-repeat: no-repeat;
  background-position: center;
  width: 92px;
  height: 100%;
  border-left: 1px solid #dee3ed;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.sponsorship-form > .form-group .cf.security-area {
  margin-top: -12px;
}
.sponsorship-form > .form-group .cf.security-area > .col-12 > .form-group {
  margin-top: 20px;
}
.sponsorship-form > .form-group .cf.security-area > .col-12 input {
  border: 1px solid #dee3ed !important;
}

#divcheckbox a {
  color: #049ead !important;
}

.success-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100vw;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  padding: 12px;
}
.success-modal .center-modal {
  display: flex;
  background: white;
  max-height: 200px;
  border-top-right-radius: 38px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 38px;
  border-top-left-radius: 8px;
}
@media (max-width: 991px) {
  .success-modal .center-modal {
    flex-direction: column-reverse;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.success-modal .center-modal .left-part {
  width: 535px;
  padding: 32px 30px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .success-modal .center-modal .left-part {
    width: unset;
    padding: 22px 30px;
  }
}
.success-modal .center-modal .left-part .title {
  color: #222943;
  font-size: 20;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 12px;
}
.success-modal .center-modal .left-part p {
  color: #414c5b;
  font-size: 16;
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 32px;
}
.success-modal .center-modal .left-part .btn-classic {
  width: 100%;
  height: 44px;
  padding: 0 40px 0 40px;
  border-radius: 4px;
  background-color: #002855;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.success-modal .center-modal .right-part {
  width: 235px;
  background: #049ead;
  display: flex;
  justify-content: center;
  border-top-right-radius: 38px;
  border-bottom-right-radius: 8px;
}
@media (max-width: 991px) {
  .success-modal .center-modal .right-part {
    width: unset;
    height: 120px;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 991px) {
  .success-modal .center-modal .right-part img {
    height: 100% !important;
  }
}

.dk-title {
  color: var(--Blue-Dark, #222943);
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px; /* 137.5% */
}

.dk-text {
  color: var(--Blue-Dark, #222943);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 15px; /* 125% */
  letter-spacing: 0.12px;
}

.dijital-kurye {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
  margin-top: 40px;
  margin-bottom: 40px;
  background: var(--Zebra-BG, #F8F9FB);
  width: 100vw;
  margin-left: calc(-51vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: 18px;
}

.dk-line {
  width: 30px;
  height: 1px;
  background: #049EAD;
  align-self: center;
}

.dk-box {
  display: flex;
  width: 212px;
  height: 230px;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--Product-Colors-Teal-Blue, #049EAD);
  background: var(--White-White, #FFF);
  padding: 20px;
}

@media only screen and (max-width: 768px) {
  .dijital-kurye {
    flex-direction: column;
    align-items: center;
  }
  .dk-line {
    height: 30px;
    width: 1px;
  }
}
.info-box {
  border-radius: 4px;
  font-size: 16;
  font-size: 1rem;
  background-color: #f0f2f5;
  color: #222943;
  line-height: 1.5;
  margin: 60px 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-box.white {
  background-color: #fff;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
}
.info-box.img > div:first-child {
  margin-right: 30px;
}
.info-box.img > div:last-child {
  margin-left: 60px;
}
@media (max-width: 991px) {
  .info-box.img > div:first-child, .info-box.img > div:last-child {
    margin: 0;
  }
}
.info-box h3 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}
.info-box p {
  color: #222943;
  line-height: 1.6;
}
.info-box p:last-child {
  margin-bottom: 0;
}
.info-box a.btn {
  min-width: 230px;
}
@media (max-width: 991px) {
  .info-box {
    flex-direction: column;
    padding: 30px 12px 24px 12px;
    text-align: center;
    margin: 32px 0;
  }
  .info-box > div {
    width: 100%;
  }
  .info-box a.btn {
    min-width: 100%;
    margin-top: 20px;
  }
}
.info-box-recipe {
  margin-bottom: 85px;
}
@media (max-width: 991px) {
  .info-box-recipe .cards-btn {
    padding-top: 12px;
    margin-bottom: 15px;
  }
}
.info-box-recipe-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 400px;
  border-bottom: 6px #02b1c2 solid;
}
@media (max-width: 991px) {
  .info-box-recipe-bg {
    height: 250px;
  }
}
.info-box-recipe-text {
  padding: 40px 0 0;
}
@media (min-width: 992px) {
  .info-box-recipe-text {
    margin-bottom: -18px;
  }
}
.info-box-recipe-text > .container {
  position: relative;
}
.info-box-recipe-text > .container:before {
  content: "";
  position: absolute;
  left: calc(8.333333% + 15px);
  top: -40px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 22px solid #02b1c2;
}
@media (max-width: 991px) {
  .info-box-recipe-text > .container:before {
    display: none;
  }
}
.info-box-recipe-text h3 {
  font-size: 48;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.17;
  position: relative;
}
.info-box-recipe-text h3 span {
  font-size: 20;
  font-size: 1.25rem;
  color: #222943;
  display: block;
  line-height: 1.1;
}
.info-box-recipe-text p {
  font-size: 22;
  font-size: 1.369rem;
  line-height: 1.45;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .info-box-recipe-text {
    padding: 20px 0;
  }
  .info-box-recipe-text h3 {
    font-size: 20;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 8px;
  }
  .info-box-recipe-text p {
    font-size: 16;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (max-width: 991px) {
  .info-box-recipe > .container {
    padding: 0;
  }
}
.info-box-recipe:last-child > .container {
  border-bottom: 0;
}
.info-box-recipe .cards {
  padding: 0;
}
@media (max-width: 767px) {
  .info-box-recipe .cards {
    padding: 0 0 0 15px;
  }
}
.info-box-recipe .cards > div {
  display: flex;
}
@media (max-width: 991px) {
  .info-box-recipe .row {
    margin: 0;
  }
}
.info-box-recipe .tns-item {
  outline: none;
  text-align: center;
}
.info-box-recipe .tns-item .card {
  display: inline-block;
  height: 100%;
}
.info-box-recipe .tns-item .card .card-body {
  height: 100%;
}
@media (max-width: 1200px) {
  .info-box-recipe .tns-item .card {
    width: 258px;
  }
}
.info-box-recipe .tns-ovh {
  padding: 0 6%;
}
.info-box-recipe .tns-ovh .tns-inner {
  padding: 32px 0;
  overflow: hidden;
  /*
  padding-left: 6%;
  padding-right: 6%;*/
}
@media (min-width: 992px) {
  .info-box-recipe .tns-ovh .tns-inner {
    padding: 50px 0 32px 0;
  }
}
.info-box-recipe#digitalWithBanner .tns-ovh {
  padding: 0;
}
.info-box-recipe .tns-outer .tns-controls button[data-controls=prev] {
  left: 0;
}
.info-box-recipe .tns-outer .tns-controls button[data-controls=next] {
  right: 0;
}
.info-box-recipe.none-arrow .info-box-recipe-text > .container:before {
  display: none;
}
.info-box-recipe.bg-mobil .info-box-recipe-bg {
  border-bottom-color: #049ead;
}
.info-box-recipe.bg-mobil .info-box-recipe-text > .container:before {
  border-top-color: #049ead;
}
.info-box-recipe.bg-ev-telefonu .info-box-recipe-bg, .info-box-recipe.bg-is-telefonu .info-box-recipe-bg {
  border-bottom-color: #0082ca;
}
.info-box-recipe.bg-ev-telefonu .info-box-recipe-text > .container:before, .info-box-recipe.bg-is-telefonu .info-box-recipe-text > .container:before {
  border-top-color: #0082ca;
}
.info-box-recipe.bg-evde-internet .info-box-recipe-bg, .info-box-recipe.bg-is-interneti .info-box-recipe-bg {
  border-bottom-color: #006777;
}
.info-box-recipe.bg-evde-internet .info-box-recipe-text > .container:before, .info-box-recipe.bg-is-interneti .info-box-recipe-text > .container:before {
  border-top-color: #006777;
}
.info-box-recipe.bg-digital-servisler .info-box-recipe-bg {
  border: 0;
}
.info-box-recipe.bg-digital-servisler .info-box-recipe-bg:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 6px;
  background-image: linear-gradient(89deg, #642c7b 0%, #f23524);
}
.info-box-recipe.bg-digital-servisler .info-box-recipe-text > .container:before {
  border-top-color: #642c7b;
}
.info-box-recipe.bg-digital-servisler-yeni .info-box-recipe-bg {
  border: 0;
}
.info-box-recipe.bg-digital-servisler-yeni .info-box-recipe-bg:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 6px;
  background-image: linear-gradient(89deg, #642c7b 0%, #f23524);
}
.info-box-recipe.bg-digital-servisler-yeni .info-box-recipe-text > .container:before {
  border-top-color: #642c7b;
}
.info-box-recipe.bg-digital-servisler-uygulamalar .info-box-recipe-bg {
  border: 0;
}
.info-box-recipe.bg-digital-servisler-uygulamalar .info-box-recipe-bg:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 6px;
  background-image: linear-gradient(89deg, #642c7b 0%, #f23524);
}
.info-box-recipe.bg-digital-servisler-uygulamalar .info-box-recipe-text > .container:before {
  border-top-color: #642c7b;
}
.info-box-recipe.bg-mood .info-box-recipe-bg {
  border-bottom-color: #0092fd;
}
.info-box-recipe.bg-mood .info-box-recipe-text > .container:before {
  border-top-color: #0092fd;
}
.info-box-recipe.bg-tivibu .info-box-recipe-bg {
  border-bottom-color: #0058ad;
}
.info-box-recipe.bg-tivibu .info-box-recipe-text > .container:before {
  border-top-color: #0058ad;
}
.info-box-recipe.bg-prime .info-box-recipe-bg {
  border-bottom-color: #662233;
}
.info-box-recipe.bg-prime .info-box-recipe-text > .container:before {
  border-top-color: #662233;
}
.info-box-recipe.bg-selfy .info-box-recipe-bg {
  border-bottom-color: #500099;
}
.info-box-recipe.bg-selfy .info-box-recipe-text > .container:before {
  border-top-color: #500099;
}
.info-box-recipe .tabs .tab-pane .collapse {
  padding-left: 15px;
}
.info-news {
  margin: 60px 0;
}
@media (max-width: 991px) {
  .info-news {
    margin: 32px 0;
  }
}
.info-news .row {
  align-items: center;
}
.info-news img {
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .info-news img {
    margin-bottom: 20px;
  }
}
.info-news h2 {
  color: #222943;
  font-weight: 300;
  line-height: 1.28;
  letter-spacing: 0.26px;
  margin-bottom: 10px;
}
.info-news h3 {
  color: #222943;
  margin-bottom: 20px;
}
.info-news p {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: normal;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .info-news p {
    font-size: 14;
    font-size: 0.875rem;
  }
}

.alert {
  border-radius: 4px;
  position: relative;
  padding: 16px 16px 16px 44px;
  margin-bottom: 30px;
}
.alert i {
  font-size: 21;
  font-size: 1.3125rem;
  position: absolute;
  top: 16px;
  left: 18px;
}
.alert p {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  line-height: 1.38;
  margin-bottom: 16px;
}
.alert p:last-child {
  margin-bottom: 0;
}
.alert p strong {
  color: #002855;
  font-weight: bold;
}
.alert p a {
  color: #193467;
  font-weight: bold;
}
.alert-notes {
  border: 1px solid #ff983a;
  border-left: 4px solid #ff983a;
  background-color: rgba(255, 152, 58, 0.1);
}
.alert-notes i {
  color: #ff983a;
}
.alert-warning {
  border: 1px solid #cc2d1f;
  border-left: 4px solid #cc2d1f;
  background-color: rgba(204, 45, 31, 0.1);
}
.alert-warning i {
  color: #cc2d1f;
}
.alert-success {
  border: 1px solid #75af0a;
  border-left: 4px solid #75af0a;
  background-color: #f1f7e6;
}
.alert-success i {
  color: #75af0a;
}

.btn .badge {
  border-radius: 50%;
  font-size: 11;
  font-size: 0.6875rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  left: 25px;
  top: 3px;
  min-width: 16px;
  min-height: 16px;
  width: auto;
  height: auto;
}
.btn .badge-danger {
  background-color: #e63425;
}

.comparison-wrap {
  width: 970px;
  margin: 34px auto;
}
@media (min-width: 992px) {
  .comparison-wrap .comparison {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .comparison-wrap .comparison {
    padding-top: 0 !important;
  }
}
.comparison-wrap .comparison-grid {
  display: flex;
  width: 100%;
}
.comparison-wrap .comparison-grid-header {
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .comparison-wrap .comparison-grid-header {
    transform: translate3d(0, 0, 0);
  }
  .comparison-wrap .comparison-grid-header.sticky {
    position: fixed;
    left: 50%;
    top: 0;
    background-color: #fff;
    z-index: 1;
    width: 970px;
    margin-left: -485px;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1200px) {
  .comparison-wrap .comparison-grid-header.sticky {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 59px;
  }
}
@media (min-width: 992px) {
  .comparison-wrap .comparison-grid-header.sticky .comparison-grid-col {
    border-right: 0;
  }
  .comparison-wrap .comparison-grid-header.sticky .comparison-grid-col.text-center > a.link {
    display: none;
  }
  .comparison-wrap .comparison-grid-header.sticky .card-body {
    padding: 0;
  }
  .comparison-wrap .comparison-grid-header.sticky .card .group {
    text-align: left;
    padding-left: 32px;
  }
  .comparison-wrap .comparison-grid-header.sticky .card .group > .form-group {
    display: block;
    margin: 0 !important;
    left: 0;
    top: 6px;
  }
  .comparison-wrap .comparison-grid-header.sticky .card .group .text-group p {
    font-size: 12;
    font-size: 0.75rem;
    color: #222943;
    font-weight: 800;
    line-height: 1.33;
    text-align: center;
    margin-bottom: 2px;
  }
  .comparison-wrap .comparison-grid-header.sticky .card .group .text-group h4 {
    font-size: 16;
    font-size: 1rem;
    color: #222943;
    font-weight: 600;
    line-height: 1.63;
    margin-bottom: 0;
  }
  .comparison-wrap .comparison-grid-header.sticky .card .group img {
    display: none;
  }
}
.comparison-wrap .comparison-grid-header .comparison-grid-col {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.comparison-wrap .comparison-grid-header .comparison-grid-col > a.link {
  margin-top: auto;
}
.comparison-wrap .comparison-grid-header::before {
  font-size: 40;
  font-size: 2.5rem;
  content: "\e902";
  font-family: "icomoon";
  color: #222943;
  opacity: 0;
  position: absolute;
  left: calc(28% - 20px);
  bottom: -28px;
}
@media (max-width: 1200px) {
  .comparison-wrap .comparison-grid-header::before {
    opacity: 0.4;
  }
}
@media (max-width: 767px) {
  .comparison-wrap .comparison-grid-header::before {
    left: calc(20% - 20px);
  }
}
.comparison-wrap .comparison-grid-col {
  border-top: 1px #dee3ed solid;
  border-right: 1px #dee3ed solid;
  padding: 0;
  width: 24%;
}
.comparison-wrap .comparison-grid-col:first-child {
  width: 28%;
  max-width: 28%;
}
.comparison-wrap .comparison-grid-col:last-child {
  border-right: 0;
}
.comparison-wrap .comparison-grid-col-full {
  width: 100%;
  background-color: #f0f2f5;
  padding: 14px;
  position: relative;
}
.comparison-wrap .comparison-grid-col-full > p {
  color: #222943;
  font-weight: bold;
  margin-bottom: 0;
}
.comparison-wrap .comparison-grid:first-child .comparison-grid-col {
  border-top: 0;
}
.comparison-wrap .comparison-grid:last-child .comparison-grid-col {
  border-bottom: 0;
  padding: 0;
}
.comparison-wrap .comparison-add {
  width: 36%;
  border-left: 1px #dee3ed solid;
  border-right: 1px #dee3ed solid;
  padding: 0 35px;
  align-items: center;
  justify-content: center;
  display: none;
}
.comparison-wrap .comparison-none {
  display: none;
  width: 100%;
}
.comparison-wrap.grid-0 {
  display: flex;
}
.comparison-wrap.grid-0 .comparison {
  display: none;
}
.comparison-wrap.grid-0 .comparison-grid {
  display: none;
}
.comparison-wrap.grid-0 .comparison-add {
  display: none;
}
.comparison-wrap.grid-0 .comparison-none {
  display: flex;
}
.comparison-wrap.grid-1 {
  display: flex;
}
.comparison-wrap.grid-1 .comparison {
  width: 64%;
}
@media (min-width: 992px) {
  .comparison-wrap.grid-1 .comparison-grid-header.sticky {
    justify-content: flex-start;
  }
  .comparison-wrap.grid-1 .comparison-grid-header.sticky .comparison-grid-col:first-child {
    width: 28%;
    max-width: 28%;
  }
}
.comparison-wrap.grid-1 .comparison-grid-col {
  width: 56%;
}
.comparison-wrap.grid-1 .comparison-grid-col:first-child {
  width: 44%;
  max-width: 44%;
}
.comparison-wrap.grid-1 .comparison-grid-col-full::before {
  left: calc(44% - 20px);
}
.comparison-wrap.grid-1 .comparison-add {
  display: flex;
}
.comparison-wrap.grid-2 {
  display: flex;
}
.comparison-wrap.grid-2 .comparison-grid-col {
  width: 32%;
}
.comparison-wrap.grid-2 .comparison-grid-col:first-child {
  width: 36%;
  max-width: 36%;
}
.comparison-wrap.grid-2 .comparison-grid-col-full::before {
  left: calc(36% - 20px);
}
.comparison-wrap .card {
  background-color: transparent;
  box-shadow: none;
  width: auto;
  height: 100%;
}
.comparison-wrap .card .group {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.comparison-wrap .card .group .text-group > p {
  font-size: 12;
  font-size: 0.75rem;
  color: #222943;
  font-weight: 800;
  line-height: 1.33;
  text-align: center;
  margin-bottom: 6px;
}
.comparison-wrap .card .group .text-group > h4 {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: 600;
  line-height: 1.63;
  margin-bottom: 16px;
}
.comparison-wrap .btn-wrap {
  padding: 18px 14px;
}
.comparison-wrap .btn-wrap .btn-primary {
  max-width: 214px;
  margin: 0 auto;
}
.comparison-wrap .checkbox-wrap {
  margin-top: 30px;
}
.comparison-wrap .list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.comparison-wrap .list li {
  border-bottom: 1px #dee3ed solid;
  padding: 16px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.comparison-wrap .list li::-webkit-scrollbar {
  width: 5px;
}
.comparison-wrap .list li::-webkit-scrollbar-track {
  width: 5px !important;
  background: #e7e7e6;
}
.comparison-wrap .list li::-webkit-scrollbar-thumb {
  background: #6c757d;
  width: 5px !important;
}
.comparison-wrap .list li p {
  margin-bottom: 0;
}
.comparison-wrap p {
  color: #222943;
}
@media (max-width: 1200px) {
  .comparison-wrap {
    width: 100%;
    display: -webkit-box;
    overflow: auto;
    padding-top: 0;
  }
  .comparison-wrap.grid-1 {
    display: flex;
  }
}
@media (max-width: 1200px) and (max-width: 991px) {
  .comparison-wrap.grid-1 .comparison {
    width: auto;
  }
}
@media (max-width: 1200px) {
  .comparison-wrap.grid-1 .comparison-add {
    width: auto;
  }
}
@media (max-width: 767px) {
  .comparison-wrap .comparison-grid-col {
    width: 26.66%;
  }
  .comparison-wrap .comparison-grid-col:first-child {
    width: 30%;
    max-width: 30%;
  }
}

.comparison-landing .filter-wrapper {
  padding: 40px 0 40px;
}
.comparison-landing .filter-wrapper .filter-form {
  align-items: center;
  justify-content: center;
}
.comparison-landing .filter-wrapper .filter-form a.link {
  color: #049ead;
}
.comparison-landing .filter-wrapper .filter-form .form-group {
  border-left: solid 1px #dee3ed;
  padding-left: 25px;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .comparison-landing .filter-wrapper .filter-form .form-group {
    padding-left: 10px;
    margin-left: 10px;
  }
}
.comparison-landing.check-active .filter-wrapper .filter-form a.link {
  color: #049ead;
  position: relative;
  padding-left: 26px;
}
.comparison-landing.check-active .filter-wrapper .filter-form a.link:before {
  font-size: 24;
  font-size: 1.5rem;
  content: "\e90a";
  font-family: "icomoon";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
}
@media (max-width: 991px) {
  .comparison-landing.check-active .card .card-body {
    padding-left: 28px;
  }
}
.comparison-landing.check-active .card .group > a {
  display: none;
}
.comparison-landing.check-active .card .group > .form-group {
  display: block;
}
@media (max-width: 991px) {
  .comparison-landing.check-active .card .btn {
    left: 41px;
    width: calc(100% - 41px);
  }
}
.comparison-landing.check-active .comparison-landing-sticky {
  display: block;
}
.comparison-landing-sticky {
  background-color: #fff;
  box-shadow: 0 -6px 25px 0 #d7dce4;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 16px 0;
  z-index: 5;
  display: none;
}
.comparison-landing-sticky .container {
  max-width: 970px;
}
.comparison-landing-sticky .container .row {
  align-items: center;
}
.comparison-landing-sticky .device-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.comparison-landing-sticky .device-item .form-group {
  margin: 0;
  height: 24px;
}
.comparison-landing-sticky .device-item .form-group label {
  padding-left: 24px;
}
.comparison-landing-sticky .device-item img {
  max-width: 80px !important;
}
.comparison-landing-sticky .device-item h4 {
  font-size: 16;
  font-size: 1rem;
}
.comparison-landing-sticky .device-mobil p {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
  margin-bottom: 0;
}
.comparison-landing-sticky .device-mobil p strong {
  font-weight: 400;
}
@media (max-width: 991px) {
  .comparison-landing-sticky .device-btn {
    text-align: right;
  }
}

.btn-wrap-add {
  padding: 50px 45px;
  text-align: center;
  border: 1px dashed #919eba;
  width: 100%;
}
.btn-wrap-add i {
  font-size: 72;
  font-size: 4.5rem;
  display: inline-block;
  margin-bottom: 20px;
}
.btn-wrap-add p {
  color: #666f85;
  font-weight: 500;
  margin-bottom: 0;
}
.btn-wrap-add .btn {
  margin: 30px auto 0 auto;
  min-width: 170px;
}

.box-news > h3 {
  margin-bottom: 20px;
  margin-top: 60px;
}
@media (max-width: 991px) {
  .box-news .row {
    margin: unset;
  }
}
.box-news > a.link-bold {
  display: inline-block;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .box-news > a.link-bold {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .box-news {
    margin: 0 !important;
  }
  .box-news > h3 {
    margin-top: 32px;
  }
}
.box-news .col-12 {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .box-news .col-12 {
    margin-bottom: 20px;
    padding-right: unset;
  }
}
@media (max-width: 991px) {
  .box-news {
    border: 0;
    margin: 0 -15px;
    margin-top: -16px;
    background-color: #f8f9fb;
  }
  .box-news .row .box-news-item {
    background-color: #fff;
    margin: 0px;
  }
  .box-news .row .box-news-item .text {
    margin-top: 16px;
  }
}
.box-news-item {
  border-radius: 8px;
  border: 1px #dee3ed solid;
  display: block;
  height: 100%;
  background-color: #fff;
}
.box-news-item .img-fluid {
  width: 570px;
  max-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
@media (max-width: 991px) {
  .box-news-item .img-fluid {
    width: 100%;
    max-height: unset;
  }
}
.box-news-item .text {
  display: flex;
  padding: 32px 20px 20px 20px;
}
.box-news-item .text > div {
  display: block;
  flex-shrink: 1;
}
.box-news-item .text > div:first-child {
  min-width: 98px;
  margin-right: 24px;
}
.box-news-item .text > div:first-child .img-fluid {
  max-width: 98px !important;
  transform: unset;
  width: unset;
}
.box-news-item .text > div:last-child {
  margin-right: 0;
}
.box-news-item .text > div:last-child h3 {
  font-size: 20px;
}
.box-news-item .text > div:last-child p {
  margin-bottom: 12px;
  line-height: 20px;
}
.box-news-item .text > div h3 {
  color: #222943;
  font-weight: bold;
  margin-bottom: 8px;
}
.box-news-item .text > div h3 a {
  color: #222943;
  text-decoration: none;
}
.box-news-item .text > div p {
  font-size: 16px;
  font-size: 1rem;
  color: #666f85;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 42px;
}
.box-news-item .text > div p a {
  color: #666f85;
  text-decoration: none;
}
@media (max-width: 767px) {
  .box-news-item .text > div p {
    font-size: 14px !important;
  }
}
.box-news-item .text > div a.btn {
  text-decoration: none;
  background: none;
  border: none;
  color: #05b4c7;
  display: inline-block !important;
  padding: 0;
}
@media (min-width: 992px) {
  .box-news-item .text a.btn {
    background: none;
  }
  .box-news-item .text a.btn:hover, .box-news-item .text a.btn:active {
    color: #05b4c7 !important;
    background-color: #fff !important;
    border-color: #fff !important;
  }
}
@media (max-width: 991px) {
  .box-news-item .text {
    flex-direction: column;
    padding: 0 0 20px 0;
    margin: 0 12px;
    border-bottom: 1px #dee3ed solid;
  }
  .box-news-item .text > div img {
    max-width: 62px !important;
    height: auto;
    margin-bottom: 16px;
  }
  .box-news-item .text > div h3 {
    font-size: 24;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .box-news-item .text > div p {
    font-size: 16;
    font-size: 1rem;
    margin-bottom: 20px;
  }
}
.box-news-item.v2 {
  border: 0;
  padding: 60px 0;
  border-bottom: 1px #dee3ed solid;
}
.box-news-item.v2 .col-12 {
  margin-bottom: 0;
}
.box-news-item.v2.reverse .row {
  flex-direction: row-reverse;
}
.box-news-item.v2:first-child {
  padding-top: 40px;
}
.box-news-item.v2:last-child {
  border-bottom: 0;
  padding-bottom: 40px;
}
.box-news-item.v2 img {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .box-news-item.v2 img {
    width: 100%;
  }
}
.box-news-item.v2 .text {
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
}
.box-news-item.v2 .text a {
  text-decoration: none;
}
.box-news-item.v2 .text h3 {
  font-size: 36;
  font-size: 2.25rem;
  color: #222943;
  font-weight: bold;
  line-height: 1.28;
  margin-bottom: 30px;
  flex-shrink: 1;
  max-width: 100%;
}
.box-news-item.v2 .text h3 a {
  color: #222943;
}
.box-news-item.v2 .text p {
  font-size: 20;
  font-size: 1.25rem;
  color: #666f85;
  line-height: 1.5;
  flex-shrink: 1;
  max-width: 100%;
}
.box-news-item.v2 .text p a {
  color: #666f85;
}
@media (max-width: 991px) {
  .box-news-item.v2 {
    border: 0;
    padding: 30px 0 0 0;
  }
  .box-news-item.v2 .reverse .row {
    flex-direction: column-reverse;
  }
  .box-news-item.v2 .row {
    margin-left: 0;
    margin-right: 0;
  }
  .box-news-item.v2 .row .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .box-news-item.v2:first-child {
    padding-top: 0;
  }
  .box-news-item.v2:last-child {
    padding-bottom: 30px;
  }
  .box-news-item.v2 img {
    border-radius: 0;
  }
  .box-news-item.v2 .text h3 {
    font-size: 24;
    font-size: 1.5rem;
  }
  .box-news-item.v2 .text p {
    font-size: 16;
    font-size: 1rem;
  }
}
.box-news-item.v3 {
  border: 0;
}
.box-news-item.v3 .text {
  background-color: #f4f5f8;
}
@media (max-width: 991px) {
  .box-news-item.v3 img {
    width: 100%;
    padding: 0 12px;
  }
}
.box-news.hub {
  background-color: #f8f9fb;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.box-news.hub > h3 {
  margin-bottom: 60px;
}
.box-news.hub .row {
  max-width: 1200px;
}
.box-news.hub .row .col-12 .box-news-item {
  background-color: #fff;
}
.box-news.hub .row .col-12 .box-news-item a .img-fluid {
  transform: translateY(-33px);
  max-height: unset;
}
@media (max-width: 991px) {
  .box-news.hub .row .col-12 .box-news-item a .img-fluid {
    transform: translateY(-48px);
  }
}
.box-news.hub .row .col-12 .box-news-item .text {
  padding: 0px 20px 25px 20px;
}
@media (max-width: 991px) {
  .box-news.hub .row {
    gap: 33px;
  }
  .box-news.hub .row .box-news-item .text {
    margin-top: -16px;
  }
}
@media (max-width: 767px) {
  .box-news.unlimited-app {
    overflow: hidden;
    display: block !important;
  }
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row {
    flex-wrap: nowrap;
    overflow: scroll;
    padding-left: 15px;
    gap: 12px;
  }
}
.box-news.unlimited-app .row .col-12 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 {
    max-width: 250px;
    padding: unset;
  }
}
.box-news.unlimited-app .row .col-12 .box-news-item a .img-fluid {
  max-height: 220px;
  min-height: 220px;
  height: 100% !important;
}
.box-news.unlimited-app .row .col-12 .box-news-item .text {
  position: relative;
  padding-top: 73px;
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 .box-news-item .text {
    padding: 32px 0 23px;
    border-bottom: unset;
  }
}
.box-news.unlimited-app .row .col-12 .box-news-item .text .special-programs-icons {
  display: flex;
  gap: 10px;
  position: absolute;
  top: -25%;
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 .box-news-item .text .special-programs-icons {
    top: -15%;
    gap: 7px;
  }
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 .box-news-item .text .special-programs-icons img {
    max-width: 51px !important;
  }
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 .box-news-item .text .box-news-alt {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 .box-news-item .text .box-news-alt h3 {
    font-size: 18;
    font-size: 1.125rem;
    line-height: 22px;
    display: flex;
    align-items: center;
    height: 44px;
  }
}
.box-news.unlimited-app .row .col-12 .box-news-item .text .box-news-alt p {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .box-news.unlimited-app .row .col-12 .box-news-item .text .box-news-alt p {
    display: flex;
    line-height: 22px;
    height: 66px;
  }
}
.box-news.unlimited-app .row .col-12 .box-news-item .text .box-news-alt .btn {
  text-align: start;
}

.box-opportunity {
  background-color: #0058ad;
  padding: 40px 0 60px 0px;
  margin: 60px 0 0 0;
}
@media (max-width: 991px) {
  .box-opportunity {
    padding: 20px 0 52px 0;
    margin: 30px 0 0;
  }
}
.box-opportunity h2, .box-opportunity h3, .box-opportunity p {
  color: #fff;
}
.box-opportunity h3 {
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .box-opportunity h3 {
    font-size: 24;
    font-size: 1.5rem;
  }
}
.box-opportunity a.all-link {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0.34px;
  line-height: 1.5;
  position: absolute;
  z-index: 100;
  font-size: 16;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .box-opportunity a.all-link {
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    margin-top: 20px;
  }
}
.box-opportunity-slider {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .box-opportunity-slider {
    margin-bottom: 0px;
  }
}
.box-opportunity-slider-item {
  display: flex;
  padding: 2px;
}
.box-opportunity-slider-item .img {
  display: block;
  flex-shrink: 1;
  min-width: 570px;
  max-width: 570px;
  margin-right: 30px;
}
.box-opportunity-slider-item .img img {
  border-radius: 4px;
}
.box-opportunity-slider-item .content {
  display: block;
  padding: 30px 0 0 0;
  flex-shrink: 1;
}
.box-opportunity-slider-item .content h2 {
  margin-bottom: 24px;
  font-size: 32;
  font-size: 2rem;
}
.box-opportunity-slider-item .content p {
  font-size: 20;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .box-opportunity-slider-item .content a.btn {
    display: block;
  }
}
@media (max-width: 767px) {
  .box-opportunity-slider-item .content a.btn {
    height: 44px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .box-opportunity-slider-item {
    flex-direction: column;
  }
  .box-opportunity-slider-item .img {
    min-width: 100%;
    width: 100%;
    margin: 0;
  }
}
.box-opportunity .tns-outer {
  overflow: inherit;
}
.box-opportunity .tns-outer .tns-controls button {
  background-color: rgba(255, 255, 255, 0.2);
}
.box-opportunity .tns-outer .tns-controls button i:before {
  color: #fff;
}
.box-opportunity .tns-outer .tns-controls button:hover i:before, .box-opportunity .tns-outer .tns-controls button:focus i:before {
  color: #fff !important;
}
.box-opportunity .tns-outer .tns-controls button[data-controls=prev] {
  left: -100px;
}
.box-opportunity .tns-outer .tns-controls button[data-controls=next] {
  right: -100px;
}
@media (min-width: 768px) and (max-width: 1240px) {
  .box-opportunity .tns-outer .tns-controls {
    display: none;
  }
}
.box-opportunity .tns-outer .tns-nav {
  transform: none;
  position: absolute;
  left: 0;
  bottom: -16px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.box-opportunity .tns-outer .tns-nav button {
  border-radius: 4px;
  display: inline-block;
  min-width: 60px;
  height: 4px;
  background-color: #fff;
  opacity: 0.2;
  margin: 0 10px;
}
.box-opportunity .tns-outer .tns-nav button.tns-nav-active {
  background-color: #fff;
  opacity: 1;
}
@media (max-width: 991px) {
  .box-opportunity .tns-outer .tns-nav {
    position: relative;
    bottom: 0;
    margin-top: 0;
    top: 10px;
  }
  .box-opportunity .tns-outer .tns-nav button {
    border-radius: 2px;
    width: 100%;
    min-width: auto;
  }
  .box-opportunity .tns-outer .tns-nav button:first-child {
    margin-left: 0;
  }
  .box-opportunity .tns-outer .tns-nav button:last-child {
    margin-right: 0;
  }
}
.box-opportunity.type-white {
  background-color: white;
}
.box-opportunity.type-white h2, .box-opportunity.type-white h3 {
  color: #222943;
}
.box-opportunity.type-white p {
  color: #666f85;
}
.box-opportunity.type-white .tns-outer .tns-controls button {
  background-color: rgba(34, 41, 67, 0.1);
}
.box-opportunity.type-white .tns-outer .tns-controls button i:before {
  color: #222943;
}
.box-opportunity.type-white .tns-outer .tns-controls button:hover i:before, .box-opportunity.type-white .tns-outer .tns-controls button:focus i:before {
  color: #222943 !important;
}
.box-opportunity.type-white .tns-outer .tns-nav button {
  background-color: #002855;
}
.box-opportunity.type-white .tns-outer .tns-nav button.tns-nav-active {
  opacity: 1;
}

[aria-hidden=true] .box-opportunity-slider-item .btn {
  display: none;
}

.online-process {
  background-color: rgba(165, 178, 195, 0.16);
  padding: 40px 0 40px 0;
  margin-top: 160px;
  margin-bottom: -61px;
}
@media (max-width: 1200px) {
  .online-process {
    padding: 20px 0;
    margin-top: 0;
  }
  .online-process .mobile-one, .online-process .mobile-two {
    display: none;
  }
}
@media (max-width: 991px) {
  .online-process {
    margin-bottom: -20px;
    padding: 32px 0px 32px 12px;
  }
}
.online-process .mobile-one {
  /*
  position:absolute;
  left: -34px;
  bottom:-38px;
  max-height: 500px;*/
  position: absolute;
  left: -150px;
  bottom: -38px;
  height: 585px !important;
  width: auto;
  max-width: unset !important;
}
.online-process .mobile-two {
  /*
  position:absolute;
  right: unset;
  bottom: -38px;
  z-index: 2;
  max-height: 508px;
  left: 180px;
  */
  position: absolute;
  right: unset;
  bottom: -38px;
  z-index: 2;
  height: 632px !important;
  left: 65px;
}
.online-process-content {
  width: 109%;
  margin-left: -80px;
}
@media (max-width: 991px) {
  .online-process-content {
    width: unset;
    margin-left: 0px;
  }
}
.online-process-content .title-sub {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 3;
  letter-spacing: 0.75px;
  margin-bottom: 0;
  height: 40px;
}
@media (max-width: 991px) {
  .online-process-content .title-sub {
    font-size: 14;
    font-size: 0.875rem;
  }
}
.online-process-content h3 {
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: normal;
  margin-bottom: 32px;
  font-size: 32;
  font-size: 2rem;
  line-height: 42px;
}
@media (max-width: 991px) {
  .online-process-content h3 {
    font-size: 24;
    font-size: 1.5rem;
    line-height: 30px;
    margin-bottom: 0px;
  }
}
.online-process-content .items {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  -moz-column-gap: 90px;
       column-gap: 90px;
}
@media (max-width: 991px) {
  .online-process-content .items {
    row-gap: 0px;
  }
}
.online-process-content .items .item {
  display: flex;
  flex: 0 0 50%;
  max-width: 300px;
  gap: 12px;
  margin-bottom: 12px !important;
}
.online-process-content .items .item img {
  max-width: 44px !important;
  height: auto;
}
.online-process-content .items .item h4 {
  font-size: 16;
  font-size: 1rem;
  color: #262e4c;
  font-weight: bold;
  line-height: 1.38;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .online-process-content .items .item h4 {
    white-space: unset;
  }
}
.online-process-content .items .item p {
  font-size: 14;
  font-size: 0.875rem;
  color: #586473;
  line-height: 1.43;
  margin-bottom: 0;
  width: 314px;
}
@media (max-width: 767px) {
  .online-process-content .items .item p {
    width: unset;
  }
}
@media (max-width: 767px) {
  .online-process-content .items .item {
    padding: 12px 0px;
    align-items: flex-start;
  }
}
.online-process-content .items .item.moim-subtitle {
  margin: 0 !important;
  padding: 0;
}
.online-process-content .items .item.moim-subtitle h3 {
  margin: 0;
  font-size: 24;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.08;
  color: #586473;
}
@media (max-width: 767px) {
  .online-process-content .items .item.moim-subtitle {
    display: none;
  }
}
.online-process-content .items .item.moim-subtitle-m {
  margin: 32px 0 24px 0 !important;
  padding: 0;
  display: none;
  border: none;
}
.online-process-content .items .item.moim-subtitle-m h3 {
  margin: 0;
  font-size: 20;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.08;
  color: #586473;
}
@media (max-width: 767px) {
  .online-process-content .items .item.moim-subtitle-m {
    display: block;
  }
}
@media (max-width: 1200px) {
  .online-process-content .items {
    flex-direction: column;
  }
  .online-process-content .items .item {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px #dee3ed solid;
  }
}
.online-process-content .app {
  margin-top: 26px;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 991px) {
  .online-process-content .app {
    margin-top: 20px;
    flex-direction: column;
  }
}
.online-process-content .app > a {
  display: inline-block;
}
.online-process-content .app > a img {
  width: auto !important;
  height: 40px !important;
}
@media (max-width: 991px) {
  .online-process-content .app > a {
    display: block;
    margin: 10px 0;
  }
  .online-process-content .app > a img {
    width: 168px !important;
    height: auto !important;
    max-width: 168px !important;
  }
}

.property {
  padding: 40px 0 50px 0;
}
.property.grey {
  background-color: #f7f8fa;
}
.property h4 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: normal;
  margin-bottom: 32px;
}
.property-list {
  display: flex;
}
.property-list-item {
  box-shadow: inset -1px 0 0 0 rgba(160, 172, 189, 0.4);
  padding: 0 30px;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.property-list-item:first-child {
  padding-left: 0;
}
.property-list-item:last-child {
  box-shadow: none;
  padding-right: 0;
}
.property-list-item i {
  font-size: 48;
  font-size: 3rem;
  display: inline-block;
  margin-bottom: 20px;
}
.property-list-item h5 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
}
.property-list-item p {
  color: #586473;
  margin-bottom: 32px;
}
.property-list-item p:last-child {
  margin-bottom: 0;
  margin-top: auto;
}
.property-list-item.none-btn p:last-child {
  margin-top: 0;
}
.property-list-item a.btn {
  text-decoration: none;
  background: none;
  border: none;
  color: #05b4c7;
  display: inline-block !important;
  padding: 0;
  text-align: left;
}
.property-list-item a.btn:hover {
  background-color: unset !important;
  color: unset !important;
  border-color: unset !important;
}
@media (max-width: 767px) {
  .property {
    padding: 20px 0 32px 0;
  }
  .property h4 {
    font-size: 18;
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  .property-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .property-list-item {
    box-shadow: inset 0 -1px 0 0 rgba(160, 172, 189, 0.4);
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 0;
  }
  .property-list-item i {
    margin-bottom: 16px;
  }
  .property-list-item:first-child {
    padding-top: 0;
  }
  .property-list-item:last-child {
    padding-bottom: 0;
  }
}

.detail-text {
  display: flex;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  color: #ffffff;
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  position: relative;
  min-height: 290px;
  padding-top: 16px;
  width: 100%;
  max-width: 370px;
  border-radius: 8px;
  box-shadow: -1px 4px 17px 0 #d2d8e1;
}
@media (max-width: 767px) {
  .detail-text {
    border-radius: 0px;
    box-shadow: none;
  }
}
.detail-text:after {
  content: "";
  background-image: url("../images/subpage/card-shape-back.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.detail-text:before {
  content: "";
  background-image: url("../images/subpage/card-shape-front.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.detail-text.not-property {
  padding-top: 47px;
}
.detail-text.bg-mobil {
  background-image: linear-gradient(133deg, #048a95, #0abec7);
}
.detail-text.bg-ev-telefonu {
  background-image: linear-gradient(133deg, #0082ca, #00b8e7);
  background-color: #0082ca;
}
.detail-text.bg-is-telefonu {
  background-color: #0082ca;
}
.detail-text.bg-evde-internet {
  background-color: #006777;
  background-image: linear-gradient(225deg, #06386C, #0872AE);
}
.detail-text.bg-is-interneti {
  background-color: #006777;
}
.detail-text.bg-digital-servisler {
  background-image: linear-gradient(50deg, #f23524 0, #642c7b 100%);
  background-color: transparent;
}
.detail-text.bg-digital-servisler > h4 {
  margin-top: 40px;
}
.detail-text.bg-digital-servisler-yeni {
  background-image: linear-gradient(212deg, rgba(187, 34, 84, 0.12) 0%, rgba(239, 130, 35, 0.12) 100%);
}
.detail-text.bg-digital-servisler-yeni > h4 {
  visibility: hidden;
}
.detail-text.bg-digital-servisler-uygulamalar {
  background: #F0F2F5;
  justify-content: center;
}
.detail-text.bg-digital-servisler-uygulamalar::before {
  background-image: url("../images/subpage/card-shape-front-DS.svg");
}
.detail-text.bg-digital-servisler-uygulamalar > h4 {
  visibility: hidden;
  display: none;
}
.detail-text.bg-digital-servisler-uygulamalar .card-img {
  margin-bottom: 30px;
}
.detail-text.bg-mood {
  background-color: #0092fd;
}
.detail-text.bg-tivibu {
  background-color: #0058ad;
}
.detail-text.bg-prime {
  background-image: linear-gradient(330deg, #FF232C -6.88%, #00439A 55.93%, #0FF 117.49%);
}
.detail-text.bg-prime::before {
  display: none;
}
.detail-text.bg-prime::after {
  display: none;
}
.detail-text.bg-prime-business {
  background: linear-gradient(131.51deg, #00D8FB 0%, #00419B 49.54%, #7ABCE4 100%);
}
.detail-text.hit-bg-navy {
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-navy.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.detail-text.hit-bg-azure {
  background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-azure.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.detail-text.hit-bg-azure h4 {
  color: #052C55;
}
.detail-text.hit-bg-azure .card-recipe p {
  color: #052C55;
}
.detail-text.hit-bg-azure .card-minute > div {
  color: #052C55;
  border-color: rgba(5, 44, 85, 0.3);
}
.detail-text.bg-wifi {
  background: #0058AD;
  justify-content: center;
  padding: 32px 24px;
}
.detail-text.bg-wifi::before {
  display: none;
}
.detail-text.bg-wifi::after {
  display: none;
}
.detail-text.bg-wifi .wifi-card-content p {
  font-size: 16;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
}
.detail-text.bg-wifi .wifi-card-content p strong {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: 800;
  line-height: 26px;
  color: #fff;
}
.detail-text.bg-wifi .wifi-card-content img {
  margin-bottom: 16px;
}
.detail-text.bg-selfy {
  background-color: #500099;
  background-image: unset;
}
.detail-text.bg-fiks {
  background-image: linear-gradient(109deg, rgb(13, 81, 174) 0%, rgb(6, 31, 113) 0%, rgb(0, 148, 191) 100%);
}
.detail-text.bg-fiks::before {
  display: none;
}
.detail-text.bg-fiks::after {
  display: none;
}
.detail-text.bg-fiks .card-recipe.single p {
  font-size: 14px;
  line-height: 18px;
}
.detail-text.grey > span {
  background-color: #BBDEFB;
  color: #222943;
}
.detail-text.pink > span {
  background-color: #E91E63;
}
.detail-text.lime > span {
  background-color: #CDDC39;
  color: #222943;
}
.detail-text.blue > span {
  background-color: #0000FF;
}
.detail-text.orange > span {
  background-color: #FF9800;
}
.detail-text.yellow > span {
  background-color: #FFEB3B;
  color: #222943;
}
.detail-text span {
  border-radius: 5px;
  font-size: 12;
  font-size: 0.75rem;
  background-color: rgba(255, 255, 255, 0);
  border: solid 1px rgba(249, 250, 252, 0.3);
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 1.13px;
  padding: 5px 10px;
  margin-bottom: 20px;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  background-color: #666f85;
  padding-left: 20px;
  z-index: 2;
}
.detail-text h2 {
  font-size: 24;
  font-size: 1.5rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.38;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .detail-text h2 {
    font-size: 16;
    font-size: 1rem;
  }
}
.detail-text h3 {
  font-size: 48;
  font-size: 3rem;
  color: #ffffff;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -2.3px;
  margin: 10px 0;
  padding: 0 10px;
}
.detail-text h4 {
  font-size: 18;
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.38;
  margin-bottom: 0 !important;
  padding: 0 50px;
  align-self: stretch;
  margin-top: 24px;
}
.detail-text h4 strong {
  font-weight: bold;
}
.detail-text .card-recipe {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  position: relative;
  padding: 20px 0;
  width: 100%;
  z-index: 2;
}
.detail-text .card-recipe::before {
  content: "+";
  position: absolute;
  top: 10px;
  left: 50%;
  color: white;
  font-size: 45px;
  font-weight: bold;
  margin-left: -13px;
}
.detail-text .card-recipe.single {
  align-items: center;
  justify-content: center;
}
.detail-text .card-recipe.single > div {
  width: 100%;
}
.detail-text .card-recipe.single > div.big-text p {
  font-size: 24;
  font-size: 1.5rem;
  line-height: 1.3;
}
.detail-text .card-recipe.single > div.big-text p strong {
  font-size: 48;
  font-size: 3rem;
}
.detail-text .card-recipe.single::before {
  display: none;
}
.detail-text .card-recipe > div {
  width: 50%;
}
.detail-text .card-recipe > span {
  font-size: 36;
  font-size: 2.25rem;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: -1.5px;
}
.detail-text .card-recipe p {
  font-size: 22;
  font-size: 1.369rem;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.2;
}
.detail-text .card-recipe p strong {
  font-size: 36;
  font-size: 2.25rem;
  font-weight: 800;
}
.detail-text .social-medias {
  height: 112px;
  width: 100%;
  position: absolute;
  background-color: lightblue;
  bottom: -112px;
}
.detail-text .card-minute {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  position: relative;
  z-index: 2;
  min-height: 69px;
}
.detail-text .card-minute > div {
  font-size: 18;
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.25;
  padding: 12px;
  border-top: 1px solid;
  border-right: 1px solid;
  height: auto;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
  border-color: rgba(255, 255, 255, 0.2);
}
.detail-text .card-minute > div:after {
  content: "";
  min-height: inherit;
  font-size: 0;
}
.detail-text .card-minute > div:last-child {
  border-right: 0;
}
.detail-text .card-minute > div span {
  font-weight: normal;
  margin: 0 3px;
}
.detail-text .card-minute.single > div {
  width: 100%;
}
.detail-text .card-img {
  height: auto;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.detail-text-img > img {
  width: 100%;
  height: auto;
}
.detail-text-social {
  box-shadow: 0 -20px 25px 0 rgba(145, 158, 186, 0.3);
  padding: 32px 12px 32px 12px;
  position: relative;
}
@media (max-width: 767px) {
  .detail-text-social {
    padding: 16px;
    box-shadow: inset 0 -1px 0 0 #dee3ed;
  }
}
.detail-text-social .social {
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-text-social .social li {
  margin-right: 8px;
}
.detail-text-social .social li:last-child {
  margin-right: 0;
}
.detail-text-social .social li a {
  display: block;
  color: #919eba;
}
.detail-text-social .social li a:hover {
  text-decoration: none;
}
.detail-text-social .social li a i {
  font-size: 32;
  font-size: 2rem;
  opacity: 0.6;
}
.detail-text-social .social li a i:before {
  color: #919eba;
}
.detail-text-slider {
  max-width: 470px;
}
.detail-text-slider .slider-box .slick-arrow {
  border: none;
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  max-width: 60px;
  min-width: 60px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  outline: none;
  z-index: 15;
  opacity: 0;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .detail-text-slider .slider-box .slick-arrow {
    width: 40px;
    height: 40px;
    max-width: 40px;
    min-width: 40px;
    margin-top: -20px;
  }
}
.detail-text-slider .slider-box .slick-arrow::before {
  font-family: "icomoon" !important;
  font-size: 16;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .detail-text-slider .slider-box .slick-arrow::before {
    font-size: 16;
    font-size: 1.5rem;
  }
}
.detail-text-slider .slider-box .slick-arrow.slick-disabled {
  display: none !important;
}
.detail-text-slider .slider-box .slick-arrow.slick-prev {
  left: 26px;
}
.detail-text-slider .slider-box .slick-arrow.slick-prev::before {
  content: "\e90c";
}
.detail-text-slider .slider-box .slick-arrow.slick-next {
  right: 26px;
}
.detail-text-slider .slider-box .slick-arrow.slick-next::before {
  content: "\e90b";
}
.detail-text-slider .slider-box:hover .slick-arrow {
  opacity: 1;
}
.detail-text-btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 30px 0;
}
.detail-text-btns-mobile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.detail-text-btns-price, .detail-text-btns-campaign {
  border-radius: 5px;
  border: 1px #f0f2f5 solid;
  padding: 16px;
}
.detail-text-btns-price span, .detail-text-btns-campaign span {
  font-size: 14;
  font-size: 0.875rem;
  color: #222943;
  font-weight: 900;
  display: flex;
  width: 100%;
  align-items: flex-end;
  line-height: 1.2;
  margin-bottom: 5px;
}
.detail-text-btns-price span:last-child, .detail-text-btns-campaign span:last-child {
  margin-bottom: 0;
}
.detail-text-btns-price span strong, .detail-text-btns-campaign span strong {
  font-size: 22;
  font-size: 1.369rem;
  font-weight: 800;
  color: #222943;
}
.detail-text-btns-price span sup, .detail-text-btns-campaign span sup {
  font-size: 12;
  font-size: 0.75rem;
  font-weight: 800;
  color: #222943;
  line-height: 1.67;
  padding-left: 5px;
  position: static;
}
.detail-text-btns-price {
  margin-left: 10px;
}
.detail-text-btns-price:first-child {
  margin-left: 0;
}
.detail-text-btns-campaign {
  width: 54%;
  margin-right: 20px;
}
.detail-text-btns-campaign.w-100 {
  width: auto !important;
  min-width: 50%;
  margin-right: auto;
}
.detail-text-btns-campaign p {
  color: #919eba;
  font-weight: 600;
  margin-bottom: 4px !important;
}
.detail-text-btns-campaign p:last-child {
  margin-bottom: 0 !important;
}
.detail-text-btns-campaign p strong {
  font-size: 20;
  font-size: 1.25rem;
  color: #222943;
  font-weight: 700;
}
.detail-text-btns-wrap {
  display: flex;
  margin-left: 10px;
  height: 70px;
  width: auto;
  align-items: center;
}
@media (max-width: 767px) {
  .detail-text-btns-wrap {
    width: unset;
  }
}
.detail-text-btns-wrap .btn {
  min-width: 170px;
  max-width: 170px;
  margin: 0 0 0 10px;
  border-radius: 45px;
}
@media (max-width: 991px) {
  .detail-text-btns {
    margin: 20px 0;
  }
  .detail-text-btns-mobile {
    background-color: #ffffff;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 99;
  }
  .detail-text-btns-price {
    margin: 0 0 14px 0;
  }
  .detail-text-btns-campaign {
    width: 100%;
    margin: 0;
  }
  .detail-text-btns-wrap {
    margin: 0;
  }
  .detail-text-btns-wrap .btn {
    margin-left: 10px;
    width: 100%;
    max-width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .detail-text-btns-wrap .btn:first-child {
    margin-left: 0;
  }
}
.detail-text-additional {
  background-color: #f0f2f5;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px 25px;
}
@media (max-width: 991px) {
  .detail-text-additional {
    padding: 20px 25px;
    min-height: auto;
  }
}
.detail-text-additional .additional-info {
  min-height: 280px;
}
@media (max-width: 991px) {
  .detail-text-additional .additional-info {
    margin: 0;
  }
}

.additional-info {
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px rgba(222, 227, 237, 0.6);
  box-shadow: 0 2px 20px -5px rgba(0, 40, 85, 0.12);
  width: 270px;
  min-width: 270px;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 30px 16px 80px 16px;
  align-items: stretch;
  position: relative;
}
@media (max-width: 991px) {
  .additional-info {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    padding: 30px 16px 30px 16px;
  }
}
.additional-info img {
  align-self: center;
}
.additional-info h4 {
  font-weight: 800;
  line-height: 1.22;
  margin: 36px 0 10px 0;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  text-align: center;
}
.additional-info p {
  font-size: 14;
  font-size: 0.875rem;
  color: #666f85;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 4px;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.additional-info a.btn {
  margin: 0;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  width: calc(100% - 32px);
}
@media (max-width: 767px) {
  .additional-info a.btn {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-top: 28px;
  }
}
.additional-info-list {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 60px 0 40px 0;
  max-width: 1054px;
  width: 100%;
  margin: auto;
}
@media (max-width: 991px) {
  .additional-info-list {
    display: -webkit-box;
    overflow: auto;
    padding: 0;
  }
}
.additional-info-list.mobile-not-scroll {
  display: block;
  padding: 0;
}
.additional-info-list.mobile-not-scroll > .row {
  width: 100%;
  margin: auto;
}
.additional-info-list.mobile-not-scroll > .row > .col-sm-12 {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .additional-info-list.mobile-not-scroll > .row > .col-sm-12 {
    margin-bottom: 20px;
  }
}
.additional-info-list.grid-three {
  justify-content: flex-start;
  height: 100%;
}
.additional-info-list.grid-three .additional-info {
  margin: 0 40px;
  padding: 30px 16px 30px 16px;
}
.additional-info-list.grid-three .additional-info:first-child {
  margin-left: 0;
}
.additional-info-list.grid-three .additional-info:last-child {
  margin-right: 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .additional-info-list.grid-three .additional-info {
    width: 252px;
    min-width: 252px;
    margin: 0 17px;
  }
}
@media (max-width: 991px) {
  .additional-info-list.grid-three .additional-info {
    max-width: 100%;
    margin-right: 12px;
    margin-left: 0;
    width: 270px;
    min-width: 270px;
  }
  .additional-info-list.grid-three .additional-info:first-child {
    margin-left: 12px;
  }
}
@media (max-width: 991px) {
  .additional-info-list > .additional-info {
    width: 270px;
    max-width: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
    height: auto;
  }
  .additional-info-list > .additional-info:first-child {
    margin-left: 20px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .additional-info-list > .additional-info p {
    margin-bottom: 60px;
  }
}

div.detail-text.bg-digital-servisler-yeni {
  padding-top: 0;
  justify-content: center;
}
div.detail-text.bg-digital-servisler-yeni h4 {
  margin-top: unset;
}

.about-us-boxes .row {
  gap: 30px;
  margin-left: -3px;
  margin-right: -3px;
}
.about-us-boxes .box-block {
  display: flex;
  border-radius: 4px;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  width: 370px;
  padding: 22px 16px;
  max-height: 124px;
  /*
  &:nth-child(2n) {
      margin: 0 0 20px;
  }*/
}
.about-us-boxes .box-block:hover {
  text-decoration: none;
}
@media (min-width: 992px) and (max-width: 1240px) {
  .about-us-boxes .box-block {
    margin: 0 2.4% 20px 0;
    width: 48.7%;
  }
}
@media (max-width: 991px) {
  .about-us-boxes .box-block {
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about-us-boxes .box-block {
    display: block;
    text-align: center;
    padding: 0 15px;
    min-height: unset;
    max-height: unset;
    height: auto;
    padding: 16px 15px 20px 15px;
  }
}
.about-us-boxes .box-block .image-block {
  width: 80px;
  height: 80px;
  min-width: 80px;
}
@media (max-width: 767px) {
  .about-us-boxes .box-block .image-block {
    margin: 0 auto;
  }
}
.about-us-boxes .box-block .image-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 80px !important;
}
.about-us-boxes .box-block .text-block {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .about-us-boxes .box-block .text-block {
    padding: 0;
    justify-content: center;
    margin-top: 12px;
  }
}
.about-us-boxes .box-block .text-block h3 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 12px;
  color: #222943;
}
@media (max-width: 767px) {
  .about-us-boxes .box-block .text-block h3 {
    margin-bottom: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.about-us-boxes .box-block .text-block p {
  color: #222943;
  font-size: 14;
  font-size: 0.875rem;
  margin-bottom: 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  .about-us-boxes .box-block .text-block p {
    display: none;
  }
}

.single-banner {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .single-banner {
    margin-bottom: 20px;
    height: 314px;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 480px) {
  .single-banner {
    height: auto;
  }
}
.single-banner img {
  border-radius: 8px;
}
@media (max-width: 991px) {
  .single-banner img {
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 480px) {
  .single-banner img {
    height: 314px !important;
    border-radius: 0px;
  }
}

@media (max-width: 991px) {
  .about-us-content-area.dynamic-content .side-menu {
    display: block;
  }
  .about-us-content-area.dynamic-content .tab-content .tab-pane:not(.active) .collapse.show {
    display: block;
  }
}
.about-us-content-area {
  display: flex;
}
@media (max-width: 991px) {
  .about-us-content-area {
    flex-direction: column-reverse;
  }
}
.about-us-content-area .content-area {
  flex: 1;
}
.about-us-content-area .content-area.tt-with-numbers > div {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area.tt-with-numbers > div .card {
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .content-area {
    flex: inherit;
    padding-right: 0;
  }
}
.about-us-content-area .content-area h2 {
  font-size: 20;
  font-size: 1.25rem;
  margin-bottom: 34px;
  letter-spacing: normal;
  color: inherit;
}
@media (max-width: 991px) {
  .about-us-content-area .content-area h2 {
    display: none;
  }
}
.about-us-content-area .content-area h3 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 32px;
}
@media (max-width: 991px) {
  .about-us-content-area .content-area h3 {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .about-us-content-area .content-area h3 {
    font-size: 18;
    font-size: 1.125rem;
  }
}
.about-us-content-area .content-area h4 {
  font-size: 20;
  font-size: 1.25rem;
  margin-bottom: 14px;
  margin-top: 32px;
  letter-spacing: normal;
  font-weight: 800;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area h4 {
    font-size: 18;
    font-size: 1.125rem;
    margin-top: 20px;
  }
}
.about-us-content-area .content-area .notification-box h4 {
  margin-top: 0;
}
.about-us-content-area .content-area p {
  color: #222943;
  margin-bottom: 24px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  font-weight: 500;
  word-break: break-word;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area p {
    font-size: 14;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.18px;
  }
}
.about-us-content-area .content-area p.sub-text {
  font-size: 12;
  font-size: 0.75rem;
}
.about-us-content-area .content-area p.announcement-title {
  font-size: 16;
  font-size: 1rem;
  margin-bottom: 12px;
}
.about-us-content-area .content-area p a {
  font-weight: 800;
}
.about-us-content-area .content-area a:hover {
  text-decoration: none;
}
.about-us-content-area .content-area img {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area img {
    margin-bottom: 20px;
  }
}
.about-us-content-area .content-area ul.list {
  padding-left: 20px;
  margin-bottom: 24px;
}
.about-us-content-area .content-area ul.list li {
  padding: 6px 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area ul.list li {
    font-size: 14;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.18px;
  }
}
.about-us-content-area .content-area ul.list li:before {
  content: "•";
  color: #049ead;
  font-weight: bold;
  display: inline-block;
  width: 20px;
  margin-left: -20px;
}
.about-us-content-area .content-area .accordion:first-child .accordion-item {
  border-top: 1px solid #dee3ed;
}
.about-us-content-area .content-area .accordion .accordion-item .accordion-header .header-btn {
  font-size: 16;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .about-us-content-area .content-area #accordionGroup {
    margin-bottom: 32px;
  }
}
.about-us-content-area .content-area .pdf-block {
  width: 100%;
  height: 729px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: solid 1px rgba(165, 178, 195, 0.32);
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .about-us-content-area .content-area .pdf-block {
    height: 415px;
  }
}
.about-us-content-area .content-area .btn.btn-primary {
  width: 100%;
  font-weight: 400;
  margin: 8px 0 32px;
}
.about-us-content-area .content-area .image-content-slider {
  max-width: 769px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .image-content-slider .banner-wrap {
    margin: 0;
  }
}
.about-us-content-area .content-area .image-content-slider .banner-item {
  cursor: pointer;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .image-content-slider .banner-item {
    height: 230px;
  }
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .image-content-slider .tns-nav {
    bottom: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
  }
}
.about-us-content-area .content-area .image-content-slider .tns-nav button {
  margin: 0 4px;
  min-width: 60px;
}
.about-us-content-area .content-area .pdf-list p {
  margin-bottom: 10px;
}
.about-us-content-area .content-area .pdf-list ul.link-list {
  border-bottom: 1px solid #dee3ed;
  margin-bottom: 12px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px 10px;
}
.about-us-content-area .content-area .pdf-list ul.link-list i {
  margin-right: 10px;
  margin-top: 2px;
}
.about-us-content-area .content-area .pdf-list ul.link-list i:before {
  font-size: 18;
  font-size: 1.125rem;
}
.about-us-content-area .content-area .pdf-list ul.link-list li {
  font-weight: 700;
  padding: 10px 0;
}
.about-us-content-area .content-area .pdf-list ul.link-list li a {
  display: flex;
}
.about-us-content-area .content-area .pdf-list ul.link-list li a:hover {
  text-decoration: none;
}
.about-us-content-area .content-area .filter-area {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .filter-area {
    display: block;
  }
}
.about-us-content-area .content-area .filter-area .search-item {
  position: relative;
  width: 48.4%;
  height: 44px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .filter-area .search-item {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
  }
}
.about-us-content-area .content-area .filter-area .search-item input[type=text] {
  padding: 9px 65px 9px 16px;
  border: none;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .filter-area .search-item input[type=text] {
    line-height: 42px;
  }
}
.about-us-content-area .content-area .filter-area .search-item i {
  height: 100%;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  cursor: pointer;
}
.about-us-content-area .content-area .filter-area .search-item i:before {
  font-size: 22;
  font-size: 1.369rem;
  color: #ffffff;
}
.about-us-content-area .content-area .filter-area .form-group {
  width: 22.3%;
  flex: inherit;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .filter-area .form-group {
    width: 100%;
  }
}
.about-us-content-area .content-area .filter-area .form-group .select2-selection__placeholder {
  color: #222943;
  font-weight: 600;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .filter-area .form-group .select2-selection__rendered {
    padding: 16px;
    padding-right: 32px;
  }
}
.about-us-content-area .content-area .filter-area.double .form-group {
  width: 48%;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .filter-area.double .form-group {
    width: 100%;
  }
}
.about-us-content-area .content-area .filter-clear-btn {
  display: block;
  text-align: right;
  font-weight: bold;
}
.about-us-content-area .content-area .announcement-list ul li a {
  display: block;
  width: 100%;
  height: 204px;
  background-image: url(/SiteAssets/images/announcement-pattern.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-color: #f7f8fa;
  border-radius: 4px;
  position: relative;
  padding: 20px 30px;
  margin-bottom: 20px;
}
.about-us-content-area .content-area .announcement-list ul li a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .announcement-list ul li a {
    background-image: none;
    background-color: #ffffff;
    border-radius: 8px;
    height: auto;
    border: 1px solid #dee3ed;
    padding: 20px 12px;
  }
}
.about-us-content-area .content-area .announcement-list ul li a p {
  margin: 0;
}
.about-us-content-area .content-area .announcement-list ul li a p.title {
  font-size: 24;
  font-size: 1.5rem;
  letter-spacing: 0.3px;
  font-weight: 700;
  max-width: 70%;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .announcement-list ul li a p.title {
    max-width: 100%;
    font-size: 18;
    font-size: 1.125rem;
  }
}
.about-us-content-area .content-area .announcement-list ul li a p.date {
  color: #7b88a8;
  position: absolute;
  left: 30px;
  bottom: 20px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .announcement-list ul li a p.date {
    position: static;
    margin-top: 12px;
  }
}
.about-us-content-area .content-area .font-settings {
  display: flex;
  margin-bottom: 32px;
}
.about-us-content-area .content-area .font-settings a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  color: #ffffff;
  margin-right: 8px;
  font-size: 18;
  font-size: 1.125rem;
}
.about-us-content-area div:nth-of-type(3) {
  flex: 1;
}

@media (max-width: 767px) {
  .side-menu {
    margin-bottom: 40px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.side-menu ul {
  width: 365px;
  background-color: #f9fafc;
  border-radius: 4px;
  overflow: hidden;
  border-top: 1px solid #dee3ed;
  border-bottom: 1px solid #dee3ed;
  margin-right: 36px;
}
@media (max-width: 991px) {
  .side-menu ul {
    width: 100%;
  }
}
.side-menu ul li {
  color: #222943;
  margin-left: 12px;
  border-top: 1px solid #dee3ed;
  width: 100%;
}
.side-menu ul li a,
.side-menu ul li span {
  color: inherit;
  padding: 15px 16px 15px 4px;
  display: block;
}
.side-menu ul li.sub-tab {
  display: none;
}
.side-menu ul li.active {
  background-color: #ffffff;
  margin-left: 0;
  border-bottom: 1px solid #dee3ed;
  border-left: 4px solid #049ead;
}
.side-menu ul li.active + li {
  border-top: none;
}
.side-menu ul li.active span {
  font-weight: bold;
}
.side-menu ul li.active a,
.side-menu ul li.active span {
  padding: 15px 16px 15px 12px;
}
.side-menu ul li:first-child {
  border-top: none;
}
.side-menu ul li.sub-menu {
  margin-left: 0;
  border-bottom: none;
  background-color: #ffffff;
}
.side-menu ul li.sub-menu a,
.side-menu ul li.sub-menu span {
  padding: 15px 16px 15px 16px;
}
.side-menu ul li.sub-menu:not(.active) {
  font-weight: 700;
}
.side-menu ul li.sub-menu:not(.active) ul li {
  font-weight: 400;
}
.side-menu ul li.sub-menu.active {
  border-left: none;
}
.side-menu ul li.sub-menu.active a,
.side-menu ul li.sub-menu.active span {
  border-left: 4px solid #049ead;
  padding: 15px 16px 15px 12px;
}
.side-menu ul li.sub-menu.active ul li a,
.side-menu ul li.sub-menu.active ul li span {
  border-left: none;
}
.side-menu ul li.sub-menu ul {
  background-color: #ffffff;
  border-radius: 0;
}
.side-menu ul li.sub-menu ul li.active span,
.side-menu ul li.sub-menu ul li.active a {
  padding: 15px 16px 15px 28px;
}
.side-menu ul li.sub-menu ul li span,
.side-menu ul li.sub-menu ul li a {
  border-left: none;
  padding: 15px 16px 15px 20px;
  font-weight: inherit;
}
.side-menu ul li.sub-menu + li {
  border-top: none;
}
.side-menu ul li:last-child {
  border-bottom: none;
}

.application-form {
  max-width: 570px;
}
@media (max-width: 991px) {
  .application-form {
    max-width: none;
  }
}
.application-form p {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.application-form p.form-warning {
  color: #717d8d;
}
.application-form p i {
  margin-right: 8px;
}
.application-form p i:before {
  font-size: 18;
  font-size: 1.125rem;
}
.application-form .checkbox-accordion {
  padding: 16px;
}
@media (max-width: 767px) {
  .application-form .checkbox-accordion {
    margin-bottom: 12px;
  }
}
.application-form .checkbox-accordion .radio-wrap input:checked ~ span:before {
  color: #049ead;
}
.application-form .checkbox-accordion .more {
  padding-left: 36px;
}
.application-form .checkbox-accordion .more .form-group:first-child {
  margin-top: 20px;
}
.application-form .checkbox-accordion .more .form-group:last-child {
  margin-bottom: 0;
}
.application-form .radio-border {
  border: 1px solid #dee3ed;
  padding: 16px;
  border-radius: 4px;
}
.application-form .radio-border label {
  position: relative;
}
.application-form .form-group {
  position: relative;
}
@media (max-width: 767px) {
  .application-form .form-group {
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .application-form .form-group#accordionGroup {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .application-form .form-group .form-control.large {
    padding-right: 8px;
  }
}
.application-form .form-group img {
  margin-bottom: 0;
}
.application-form .form-group input[type=text] {
  color: #717d8d;
}
.application-form .form-group.upload {
  border: 1px solid #dee3ed;
  border-radius: 4px;
  margin-top: 40px;
}
.application-form .form-group.upload input {
  opacity: 0;
  visibility: hidden;
  padding: 12px 16px;
}
.application-form .form-group.upload .file-placeholder {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.application-form .form-group.calendar i {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.application-form .form-group.calendar i:before {
  font-size: 24;
  font-size: 1.5rem;
  color: #049ead;
}
.application-form .form-group .upload-block {
  position: absolute;
  right: 0;
  top: 0;
  width: 92px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #dee3ed;
  cursor: pointer;
}
.application-form .form-group .upload-block i {
  color: #049ead;
  border: 1px solid #049ead;
  border-radius: 50%;
  margin-right: 8px;
}
.application-form .form-group .upload-block i:before {
  font-size: 16;
  font-size: 1rem;
}
.application-form .form-group .upload-block span {
  color: #049ead;
  font-weight: 700;
}
.application-form .form-group.content textarea {
  height: 190px;
}
.application-form .form-group.content span {
  color: #717d8d;
  position: absolute;
  right: 16px;
  top: 16px;
}

.image-content-slider .banner-wrap .banner-item .background-layer {
  z-index: 1;
}

.play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 94px;
  height: 94px;
  z-index: 1;
  background: url(/SiteAssets/images/play-icon.png) 50% 50% no-repeat;
  transform: translate(-50%, -50%);
  background-size: 100%;
}

@media (max-width: 991px) {
  .modal.about-modal {
    padding-left: 0 !important;
  }
}
.modal.about-modal .modal-dialog {
  max-width: 770px;
}
.modal.about-modal .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal.about-modal .modal-dialog .modal-body {
  overflow: hidden;
  border-radius: 4px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.modal.about-modal .modal-dialog .modal-body.youtube-iframe {
  background-color: #000;
  width: 770px;
  height: 419px;
}
@media (max-width: 991px) {
  .modal.about-modal .modal-dialog .modal-body.youtube-iframe {
    margin: 0 auto;
    width: 740px;
  }
}
@media (max-width: 767px) {
  .modal.about-modal .modal-dialog .modal-body.youtube-iframe {
    width: 100%;
    height: auto;
    padding: 92px 0;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
  }
}
.modal.about-modal .modal-dialog .modal-body.youtube-iframe .modal-bottom-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.modal.about-modal .modal-dialog .modal-body.youtube-iframe iframe {
  width: 634px;
  height: 356px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .modal.about-modal .modal-dialog .modal-body.youtube-iframe iframe {
    width: 288px;
    height: 197px;
  }
}
.modal.about-modal .modal-dialog .modal-body.modal-image {
  padding: 0;
}
@media (max-width: 991px) {
  .modal.about-modal .modal-dialog .modal-body.modal-image {
    width: 740px;
    height: auto;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .modal.about-modal .modal-dialog .modal-body.modal-image {
    width: 100%;
    height: auto;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
  }
}

.planned-action-root .date {
  width: 21%;
}
@media (max-width: 767px) {
  .planned-action-root .date {
    width: 50%;
    text-align: right;
    font-weight: bold;
    justify-content: flex-end;
  }
}
.planned-action-root .city {
  width: 16%;
}
@media (max-width: 767px) {
  .planned-action-root .city {
    width: 50%;
    text-align: right;
    font-weight: bold;
    justify-content: flex-end;
  }
}
.planned-action-root .district {
  flex: inherit !important;
  width: 16%;
}
@media (max-width: 767px) {
  .planned-action-root .district {
    width: 50%;
    text-align: right;
    font-weight: bold;
    justify-content: flex-end;
  }
}
.planned-action-root .service-type {
  width: 19%;
}
@media (max-width: 767px) {
  .planned-action-root .service-type {
    display: none !important;
  }
}
.planned-action-root .desc {
  width: 30%;
}
@media (max-width: 767px) {
  .planned-action-root .desc {
    width: 70%;
    text-align: right;
    font-weight: bold;
    justify-content: flex-end;
  }
  .planned-action-root .desc span {
    padding: 6px 0;
  }
}
.planned-action-root .mobile-only {
  display: none;
  width: 50%;
  color: #586473;
}
@media (max-width: 767px) {
  .planned-action-root .mobile-only {
    display: block;
  }
  .planned-action-root .mobile-only:nth-of-type(8) {
    width: 30%;
  }
}
.planned-action-root .head-block {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .planned-action-root .head-block {
    display: none;
  }
}
.planned-action-root .head-block div {
  padding: 14px;
  color: #5c596d;
  opacity: 0.9;
}
@media (max-width: 767px) {
  .planned-action-root .planned-action-block {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 32px;
  }
}
.planned-action-root .planned-action-block .planned-action-item {
  display: flex;
  border: 1px solid #dee3ed;
  border-radius: 2px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .planned-action-root .planned-action-block .planned-action-item {
    flex-wrap: wrap;
    border: none;
    border-bottom: 3px solid #dee3ed;
    margin-bottom: 0;
  }
  .planned-action-root .planned-action-block .planned-action-item:last-child {
    border-bottom: none;
  }
}
.planned-action-root .planned-action-block .planned-action-item div {
  padding: 14px;
  position: relative;
}
@media (max-width: 767px) {
  .planned-action-root .planned-action-block .planned-action-item div {
    border-bottom: 1px solid #dee3ed;
    padding: 0 15px;
    min-height: 64px;
    display: flex;
    align-items: center;
  }
}
.planned-action-root .planned-action-block .planned-action-item div:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 14px;
}
@media (max-width: 767px) {
  .planned-action-root .planned-action-block .planned-action-item div:before {
    display: none;
  }
}
.planned-action-root .planned-action-block .planned-action-item div:first-child:before {
  display: none;
}

.about-us-content-area .content-area .support-btn-block {
  display: flex;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .support-btn-block {
    margin-bottom: 20px;
    display: block;
  }
}
.about-us-content-area .content-area .support-btn-block .btn.btn-secondary {
  flex: 1;
  margin-right: 4%;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .support-btn-block .btn.btn-secondary {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.about-us-content-area .content-area .support-btn-block .btn.btn-secondary:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .support-btn-block .btn.btn-secondary:last-child {
    margin-bottom: 0;
  }
}
.about-us-content-area .content-area .contact-box-block {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(160, 172, 189, 0.4);
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-us-content-area .content-area .contact-box-block {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .contact-box-block {
    display: block;
    border-bottom: none;
    margin-bottom: 32px;
    margin-top: 12px;
  }
}
.about-us-content-area .content-area .contact-box-block .contact-box {
  width: 48%;
  position: relative;
  padding-right: 6px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .contact-box-block .contact-box {
    padding-bottom: 20px;
    width: 100%;
    margin-bottom: 20px;
  }
  .about-us-content-area .content-area .contact-box-block .contact-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #a0acbd;
    opacity: 0.4;
  }
}
.about-us-content-area .content-area .contact-box-block .contact-box:nth-child(2n) {
  width: 52%;
  padding-left: 32px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .contact-box-block .contact-box:nth-child(2n) {
    width: 100%;
    padding-left: 0;
  }
}
.about-us-content-area .content-area .contact-box-block .contact-box:nth-child(2n):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 82%;
  background-color: #a0acbd;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .contact-box-block .contact-box:nth-child(2n):before {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.about-us-content-area .content-area .contact-box-block .contact-box .icon-block {
  margin-bottom: 20px;
}
.about-us-content-area .content-area .contact-box-block .contact-box .icon-block i:before {
  font-size: 48;
  font-size: 3rem;
}
.about-us-content-area .content-area .contact-box-block .contact-box .text-block h5 {
  font-size: 20;
  font-size: 1.25rem;
  color: #222943;
  font-weight: bold;
  margin-bottom: 12px;
}
.about-us-content-area .content-area .contact-box-block .contact-box .text-block p {
  color: #586473;
  letter-spacing: normal;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .contact-box-block .contact-box .text-block p {
    font-size: 16;
    font-size: 1rem;
  }
}
.about-us-content-area .content-area .contact-box-block .contact-box .text-block p a {
  color: inherit;
  text-decoration: underline;
  font-weight: inherit;
}
.about-us-content-area .content-area .navigation-box-block {
  border-bottom: 1px solid rgba(160, 172, 189, 0.4);
  padding-bottom: 32px;
  margin-bottom: 40px;
}
.about-us-content-area .content-area .navigation-box-block .navigation-box {
  box-shadow: 0 2px 6px 0 rgba(229, 229, 229, 0.76);
  border: 1px solid #dee3ed;
  border-radius: 4px;
  margin-top: 20px;
}
.about-us-content-area .content-area .navigation-box-block .navigation-box a {
  display: flex;
  height: 66px;
  width: 100%;
  padding: 22px 22px 22px 10px;
}
.about-us-content-area .content-area .navigation-box-block .navigation-box a i {
  margin-right: 12px;
}
.about-us-content-area .content-area .navigation-box-block .navigation-box a i:before {
  font-size: 21;
  font-size: 1.3125rem;
}
.about-us-content-area .content-area .navigation-box-block .navigation-box a span {
  color: #1b1b1d;
  font-weight: 700;
  line-height: 1.27;
  letter-spacing: 0.18px;
}
.about-us-content-area .content-area .support-info-block {
  border-bottom: 1px solid rgba(160, 172, 189, 0.4);
  padding-bottom: 16px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .support-info-block {
    margin-top: 20px;
    margin-bottom: 32px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .support-info-block p {
    font-size: 18;
    font-size: 1.125rem;
    line-height: 1.44;
    letter-spacing: 0.23px;
    margin-bottom: 30px;
  }
}
.about-us-content-area .content-area .corporate-box {
  width: 100%;
  height: 217px;
  display: flex;
  border-radius: 4px;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .corporate-box {
    display: block;
    text-align: center;
    height: auto;
  }
}
.about-us-content-area .content-area .corporate-box img {
  margin: 0;
}
.about-us-content-area .content-area .corporate-box .text-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px 20px 20px 8px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .corporate-box .text-block {
    padding: 0 12px 20px;
  }
}
.about-us-content-area .content-area .corporate-box .text-block h4 {
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .corporate-box .text-block h4 {
    margin-bottom: 12px;
    padding: 0 2px;
    font-size: 20;
    font-size: 1.25rem;
  }
}
.about-us-content-area .content-area .corporate-box .text-block p {
  font-size: 14;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .corporate-box .text-block p {
    font-size: 16;
    font-size: 1rem;
    letter-spacing: normal;
    margin-bottom: 20px;
  }
}
.about-us-content-area .content-area .corporate-box .text-block .btn.btn-primary {
  margin: 0;
  width: 296px;
}
@media (max-width: 767px) {
  .about-us-content-area .content-area .corporate-box .text-block .btn.btn-primary {
    width: 100%;
  }
}

.contact-info-list h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .contact-info-list h3 {
    margin-top: 26px;
    margin-bottom: 12px;
  }
}
.contact-info-list .contact-card-block {
  width: 100%;
  height: 162px;
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  padding: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .contact-info-list .contact-card-block {
    height: auto;
    display: block;
  }
}
.contact-info-list .contact-card-block .text-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 767px) {
  .contact-info-list .contact-card-block .text-block p {
    font-size: 16;
    font-size: 1rem;
    line-height: 1.63;
  }
}
.contact-info-list .contact-card-block .text-block .address p {
  margin-bottom: 6px;
}
.contact-info-list .contact-card-block .text-block .address p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .contact-info-list .contact-card-block .text-block .address p:last-child {
    margin-bottom: 26px;
  }
}
.contact-info-list .contact-card-block .text-block .bottom-text p {
  margin-bottom: 8px;
}
.contact-info-list .contact-card-block .text-block .bottom-text p:last-child {
  margin-bottom: 0;
}
.contact-info-list .contact-card-block .share-block {
  display: flex;
}
.contact-info-list .contact-card-block .share-block .share-item {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  border: 1px solid #dee3ed;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 20px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .contact-info-list .contact-card-block .share-block .share-item {
    margin-top: 12px;
  }
  .contact-info-list .contact-card-block .share-block .share-item:first-child {
    margin-left: 0;
  }
}
.contact-info-list .contact-card-block .share-block .share-item i:before {
  color: #049ead;
  font-size: 24;
  font-size: 1.5rem;
}
.contact-info-list.branch-map {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .contact-info-list.branch-map {
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.contact-info-list.branch-map .contact-card-block {
  width: 49%;
  min-height: 184px;
  height: auto;
}
.contact-info-list.branch-map .contact-card-block .share-block .share-item {
  text-decoration: none;
}
.contact-info-list.branch-map .contact-card-block .CommercialName {
  font-weight: bold;
}
@media (max-width: 991px) {
  .contact-info-list.branch-map .contact-card-block {
    width: 286px;
    min-width: 286px;
    margin-right: 8px;
    border: 1px solid #dee3ed;
    box-shadow: none;
    height: auto;
    flex-direction: column;
  }
  .contact-info-list.branch-map .contact-card-block:last-child {
    margin-right: 0;
  }
  .contact-info-list.branch-map .contact-card-block .share-block {
    margin-top: 16px;
  }
  .contact-info-list.branch-map .contact-card-block .share-block .share-item:first-child {
    margin-left: 0;
  }
}
.contact-info-list.branch-map p {
  color: #222943;
}

.search-area {
  background-image: url(/SiteAssets/images/search-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 296px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dee3ed;
}
@media (max-width: 767px) {
  .search-area {
    background-image: none;
    height: 152px;
  }
}
.search-area .search-block {
  width: 670px;
  max-width: 670px;
  text-align: center;
}
@media (max-width: 767px) {
  .search-area .search-block {
    padding: 0 12px;
  }
}
.search-area .search-block .form-group {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .search-area .search-block .form-control {
    font-size: 14;
    font-size: 0.875rem;
  }
}
.search-area .search-block h3 {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .search-area .search-block h3 {
    margin-bottom: 12px;
    line-height: 2.2;
  }
}

.mega-menu-list.search-page {
  margin-top: 0;
}
.mega-menu-list.search-page > div {
  margin-top: 0;
}
.mega-menu-list.search-page p {
  font-size: 18;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .mega-menu-list.search-page p {
    font-size: 16;
    font-size: 1rem;
  }
}

.small-container.search-page h3 {
  font-size: 20;
  font-size: 1.25rem;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .small-container.search-page h3 {
    font-size: 18;
    font-size: 1.125rem;
  }
}
.small-container.search-page #accordionGroup {
  border-top: 1px solid #dee3ed;
}
@media (max-width: 767px) {
  .small-container.search-page #accordionGroup {
    border-top: none;
  }
}
.small-container.search-page .accordion .accordion-item .accordion-header .header-btn {
  font-size: 16;
  font-size: 1rem;
  padding: 16px 40px 16px 0;
}

.contact-us-wrapper {
  padding: 32px 0 12px;
  background-color: #f7f8fa;
}
.contact-us-wrapper h3 {
  margin-bottom: 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  .contact-us-wrapper h3 {
    font-size: 18;
    font-size: 1.125rem;
    margin-bottom: 0;
  }
}
.contact-us-wrapper .contact-box-block {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block {
    display: block;
  }
}
.contact-us-wrapper .contact-box-block i {
  font-size: 48;
  font-size: 3rem;
  margin-bottom: 20px;
}
.contact-us-wrapper .contact-box-block h4 {
  font-size: 20;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 9px;
}
.contact-us-wrapper .contact-box-block p.call-text {
  color: #222943;
  margin-bottom: 0;
  margin-top: 22px;
  line-height: 44px;
  font-weight: 700;
}
.contact-us-wrapper .contact-box-block .contact-box-items {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #dee3ed;
  margin-bottom: 20px;
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block .contact-box-items {
    width: 100%;
    padding: 20px;
  }
}
.contact-us-wrapper .contact-box-block .contact-box-items:nth-child(2n) {
  margin-left: 2.56%;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block .contact-box-items:nth-child(2n) {
    margin-left: 0;
  }
}
.contact-us-wrapper .contact-box-block .contact-box-items .btn.btn-primary {
  width: 300px;
  margin-top: 16px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block .contact-box-items .btn.btn-primary {
    width: 100%;
  }
}
.contact-us-wrapper .contact-box-block .contact-box-item {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #dee3ed;
  width: 48.72%;
  margin-bottom: 20px;
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block .contact-box-item {
    width: 100%;
    padding: 20px;
  }
}
.contact-us-wrapper .contact-box-block .contact-box-item:nth-child(2n) {
  margin-left: 2.56%;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block .contact-box-item:nth-child(2n) {
    margin-left: 0;
  }
}
.contact-us-wrapper .contact-box-block .contact-box-item .btn.btn-primary {
  width: 300px;
  margin-top: 16px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .contact-us-wrapper .contact-box-block .contact-box-item .btn.btn-primary {
    width: 100%;
  }
}

.side-menu ul.nav {
  display: block;
}
.side-menu ul.nav li.active {
  font-weight: 700;
}
@media (max-width: 991px) {
  .side-menu {
    display: none;
  }
}

@media (min-width: 991px) {
  .about-us-content-area {
    margin-bottom: 60px;
  }
}
.about-us-content-area .content-area p a {
  color: #222943;
}
.about-us-content-area .panel {
  border: none;
  padding: 0;
}
@media (max-width: 991px) {
  .about-us-content-area .panel {
    padding: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .panel .panel-body {
    padding-top: 16px;
    padding-right: 12px;
    border-bottom: 1px solid #dee3ed;
  }
}
.about-us-content-area .panel h4.panel-title {
  font-weight: 500;
  margin-bottom: 14px;
  margin-top: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .about-us-content-area .panel h4.panel-title {
    display: block;
    font-size: 16;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
    border-bottom: 1px solid #dee3ed;
    pointer-events: all;
  }
}
.about-us-content-area .panel h4.panel-title a {
  color: inherit;
}
@media (max-width: 991px) {
  .about-us-content-area .panel h4.panel-title a {
    display: block;
    padding: 16px 8px 16px 0;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content {
    background-color: #f9fafc;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid #dee3ed;
    border-bottom: 1px solid #dee3ed;
    padding-left: 16px;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane {
    display: block;
  }
}
.about-us-content-area .tab-content .tab-pane:last-child h4 {
  border-bottom: none;
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane .panel-title {
    border-bottom: 1px solid #dee3ed;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane:not(.active) .collapse.show {
    display: none;
  }
}
.about-us-content-area .tab-content .tab-pane.active {
  display: block;
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane.active {
    background-color: #ffffff;
    margin-left: -15px;
    padding-left: 15px;
    border-bottom: 1px solid #dee3ed;
    border-top: 1px solid #dee3ed;
    margin-top: -1px;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane.active .panel-collapse {
    border-top: 1px solid #dee3ed;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane.active .panel-title {
    border-bottom: none;
    position: relative;
  }
  .about-us-content-area .tab-content .tab-pane.active .panel-title:before {
    content: "";
    height: 100%;
    width: 4px;
    background-image: linear-gradient(133deg, #048a95, #0abec7);
    position: absolute;
    left: -16px;
    top: 0;
  }
}
@media (max-width: 991px) {
  .about-us-content-area .tab-content .tab-pane.active .panel-body {
    border-bottom: none;
  }
}
@media (min-width: 991px) {
  .about-us-content-area .tab-content .tab-pane .collapse.panel-collapse:not(.show) {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .suggestion-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .suggestion-wrapper h3 {
    font-size: 18;
    font-size: 1.125rem;
  }
}
.suggestion-wrapper .suggestion-block {
  display: flex;
  margin-top: 24px;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .suggestion-wrapper .suggestion-block {
    margin-top: 14px;
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #f8f9fb;
    margin-bottom: 0;
  }
}
.suggestion-wrapper .suggestion-block .suggestion-item {
  width: 370px;
  margin-left: 30px;
  border: 1px solid #dee3ed;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .suggestion-wrapper .suggestion-block .suggestion-item {
    width: 100%;
    margin-left: 0;
    margin-top: 32px;
    border-right: none;
    border-left: none;
    border-radius: 0;
    background-color: #ffffff;
  }
}
.suggestion-wrapper .suggestion-block .suggestion-item:first-child {
  margin-left: 0;
}
@media (max-width: 991px) {
  .suggestion-wrapper .suggestion-block .suggestion-item:first-child {
    margin-top: 0;
  }
}
.suggestion-wrapper .suggestion-block .suggestion-item .text-block {
  padding: 20px;
}
@media (max-width: 991px) {
  .suggestion-wrapper .suggestion-block .suggestion-item .text-block {
    padding: 20px 12px;
  }
}
.suggestion-wrapper .suggestion-block .suggestion-item .text-block h4 {
  text-align: center;
  font-size: 20;
  font-size: 1.25rem;
  margin-bottom: 16px;
}
.suggestion-wrapper .suggestion-block .suggestion-item a.show-all {
  display: block;
  text-align: center;
  padding: 18px 0;
  border-top: 1px solid #dee3ed;
  font-weight: 700;
  font-size: 14;
  font-size: 0.875rem;
}
.suggestion-wrapper .suggestion-block .suggestion-item ul.list {
  padding-left: 20px;
}
.suggestion-wrapper .suggestion-block .suggestion-item ul.list li {
  padding: 6px 0;
  font-weight: 500;
  color: #666f85;
}
@media (max-width: 767px) {
  .suggestion-wrapper .suggestion-block .suggestion-item ul.list li {
    font-size: 14;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.18px;
  }
}
.suggestion-wrapper .suggestion-block .suggestion-item ul.list li:before {
  content: "•";
  color: #049ead;
  font-weight: bold;
  display: inline-block;
  width: 20px;
  margin-left: -20px;
}

.page-search-wrapper {
  margin-bottom: 40px;
}
.page-search-wrapper .input-group-search .form-control {
  font-size: 14;
  font-size: 0.875rem;
}
@media (max-width: 991px) {
  .page-search-wrapper {
    margin-bottom: 20px;
  }
}

.search-result-wrapper h3 {
  margin-bottom: 20px;
  font-size: 20;
  font-size: 1.25rem;
}
@media (max-width: 991px) {
  .search-result-wrapper h3 {
    font-size: 18;
    font-size: 1.125rem;
  }
}
.search-result-wrapper .search-result-item {
  background-image: url("/SiteAssets/images/announcement-pattern.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #f7f8fa;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  color: inherit;
  margin-bottom: 20px;
  min-height: 174px;
}
@media (max-width: 991px) {
  .search-result-wrapper .search-result-item {
    border: 1px solid #dee3ed;
    background-color: #ffffff;
    background-image: none;
    min-height: auto;
  }
}
.search-result-wrapper .search-result-item:hover {
  text-decoration: none;
}
.search-result-wrapper .search-result-item .text-block {
  max-width: 570px;
  padding: 20px 0 20px 32px;
}
@media (max-width: 991px) {
  .search-result-wrapper .search-result-item .text-block {
    padding: 20px 12px 12px 12px;
    max-width: none;
  }
}
.search-result-wrapper .search-result-item .text-block h4 {
  font-size: 24;
  font-size: 1.5rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .search-result-wrapper .search-result-item .text-block h4 {
    font-size: 18;
    font-size: 1.125rem;
    white-space: normal;
  }
}
.search-result-wrapper .search-result-item .text-block p {
  margin-bottom: 8px;
  color: #222943;
}
@media (max-width: 991px) {
  .search-result-wrapper .search-result-item .text-block p {
    font-size: 14;
    font-size: 0.875rem;
    color: #666f85;
  }
}
.search-result-wrapper .search-result-item .text-block p.link {
  font-size: 14;
  font-size: 0.875rem;
}
@media (max-width: 991px) {
  .search-result-wrapper .search-result-item .text-block p.link {
    word-break: break-all;
  }
}
.search-result-wrapper .search-result-item .image-block {
  padding: 10px 32px;
}
.search-result-wrapper .search-result-item .image-block img {
  width: 160px;
  height: 160px;
  min-width: 160px;
}
@media (max-width: 991px) {
  .search-result-wrapper .search-result-item .image-block {
    display: none;
  }
}

.pager.search-result {
  margin-bottom: 85px;
}
@media (max-width: 991px) {
  .pager.search-result {
    margin-bottom: 45px;
  }
}
@media (max-width: 991px) {
  .pager.search-result .pagination ul {
    padding-top: 0;
  }
}

.header .header-top ul li.search-page a {
  color: #049ead;
}
.header .header-top ul li.search-page i:before {
  color: #049ead;
}

.non-search .search-root {
  display: block;
}

.search-root {
  width: 100%;
  height: 440px;
  position: relative;
}
.search-root.search-result {
  background-image: none;
  height: auto;
}
@media (max-width: 991px) {
  .search-root.search-result {
    margin-bottom: 0;
  }
}
.search-root.search-result h1 {
  display: none;
}
.search-root.search-result .search-container {
  padding-top: 0;
  height: auto;
  background-image: none;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .search-root.search-result .search-container {
    margin-bottom: 20px;
  }
}
.search-root.search-result .search-container .form-group {
  width: 100%;
}
.search-root.search-result .search-suggestion-block {
  display: none;
}
@media (max-width: 991px) {
  .search-root {
    height: auto;
    box-shadow: none;
    margin-bottom: 70px;
    padding: 0 12px;
  }
}
.search-root .search-container {
  height: 265px;
  background-image: url("/SiteAssets/images/search-page-bg.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align: center;
  padding-top: 82px;
}
@media (max-width: 991px) {
  .search-root .search-container {
    background-image: none;
    height: auto;
    text-align: left;
    padding-top: 20px;
  }
}
.search-root .search-container h1 {
  font-size: 24;
  font-size: 1.5rem;
  margin-bottom: 32px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .search-root .search-container h1 {
    font-size: 18;
    font-size: 1.125rem;
    margin-bottom: 12px;
  }
}
.search-root .search-container .form-group {
  width: 671px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .search-root .search-container .form-group {
    width: 100%;
  }
}
.search-root .search-container .form-group .input-group {
  border-radius: 4px;
}
.search-root .search-container .form-group .form-control {
  font-size: 14;
  font-size: 0.875rem;
}
.search-root .search-container .form-group .input-group-search-list {
  text-align: left;
}
@media (max-width: 767px) {
  .search-root .search-container .form-group .input-group-search-list {
    width: 100%;
  }
}
.search-root i.icon-close {
  position: absolute;
  top: 32px;
  right: 26px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .search-root i.icon-close {
    display: none;
  }
}
.search-root i.icon-close:before {
  font-size: 40;
  font-size: 2.5rem;
}

.search-suggestion-block {
  max-width: 780px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -12px auto 0;
}
@media (max-width: 991px) {
  .search-suggestion-block {
    display: block;
    margin-top: 20px;
  }
}
.search-suggestion-block .search-suggestion-item {
  font-size: 14;
  font-size: 0.875rem;
  color: #222943;
  font-weight: 600;
  border-radius: 40px;
  box-shadow: 0 1px 4px 0 rgba(37, 51, 66, 0.2);
  background-color: #ffffff;
  margin: 0 10px 20px;
  min-width: 120px;
  text-align: center;
}
@media (max-width: 991px) {
  .search-suggestion-block .search-suggestion-item {
    margin: 0 0 12px;
  }
}
.search-suggestion-block .search-suggestion-item a {
  display: block;
  padding: 6px 16px;
  color: inherit;
  font-weight: 600;
}
.search-suggestion-block .search-suggestion-item a:hover {
  text-decoration: none;
}

h4.search-result-text {
  font-size: 20;
  font-size: 1.25rem;
  font-family: "Mulish", sans-serif;
  margin-top: 40px;
  padding-bottom: 420px;
}
@media (max-width: 991px) {
  h4.search-result-text {
    font-size: 18;
    font-size: 1.125rem;
    margin-top: 20px;
    padding-bottom: 580px;
  }
}

.grey-panel-card-wrap.search-result {
  height: 355px;
  margin-bottom: 60px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 285px;
}
@media (max-width: 991px) {
  .grey-panel-card-wrap.search-result {
    height: 505px;
    padding-bottom: 20px;
    top: 240px;
  }
}
@media (max-width: 360px) {
  .grey-panel-card-wrap.search-result {
    height: 525px;
  }
}
.grey-panel-card-wrap.search-result h3 {
  max-width: 524px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .grey-panel-card-wrap.search-result h3 {
    text-align: center;
    font-size: 16;
    font-size: 1rem;
  }
}
.grey-panel-card-wrap.search-result .search-suggestion-block {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .grey-panel-card-wrap.search-result .search-suggestion-block {
    margin-top: 0;
    padding: 0 12px;
  }
}
.grey-panel-card-wrap.search-result:before {
  background: url(../images/cihazlar/left-tri.png) no-repeat left center;
}
.grey-panel-card-wrap.search-result:after {
  background: url(../images/cihazlar/right-tri.png) no-repeat right center;
}

.form-group label.search-tooltip {
  color: #cc2d1f !important;
  position: absolute !important;
  bottom: -30px !important;
  top: auto !important;
  display: none;
}
@media (max-width: 991px) {
  .form-group label.search-tooltip {
    bottom: -20px !important;
  }
}
.form-group label.search-tooltip.active {
  display: block;
}
.search-landing {
  display: none;
}

.gallery-component-container {
  display: flex;
  padding-left: 32px;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.gallery-component-container .left-area {
  display: flex;
  flex-direction: column;
}
.gallery-component-container .left-area .left-area-links a:nth-child(n+2) {
  margin-left: 10px;
}
.gallery-component-container .left-area .left-area-links a img {
  width: 145px;
}
.gallery-component-container .right-area {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-component-container .right-area a img {
  width: 100%;
}
@media (max-width: 768px) {
  .gallery-component-container {
    padding: 10px 0 10px 10px;
  }
  .gallery-component-container .left-area {
    width: 60%;
  }
  .gallery-component-container .left-area .left-area-links a {
    display: block;
    margin-top: 12px;
  }
  .gallery-component-container .left-area .left-area-links a:nth-child(n+2) {
    margin-left: 0;
  }
  .gallery-component-container .left-area .left-area-links a img {
    width: 168px;
  }
  .gallery-component-container .right-area {
    margin: 0;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .gallery-component-container .right-area a {
    margin-top: 12px;
  }
}
@media (max-width: 610px) {
  .gallery-component-container {
    flex-direction: column;
    padding: 10px 0 0 10px;
    align-items: flex-start;
  }
  .gallery-component-container .left-area {
    width: 100%;
  }
  .gallery-component-container .left-area .left-area-links a {
    display: block;
    margin-top: 12px;
  }
  .gallery-component-container .left-area .left-area-links a:nth-child(n+2) {
    margin-left: 0;
  }
  .gallery-component-container .left-area .left-area-links a img {
    width: 168px;
  }
  .gallery-component-container .right-area {
    margin: -15px 0 0 -25px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .gallery-component-container .right-area a {
    margin-top: 12px;
  }
}

.migrated p {
  font-size: 14;
  font-size: 0.875rem;
  color: #515151;
  margin-bottom: 20px;
}
.migrated .list li {
  font-size: 16;
  font-size: 1rem;
  color: #222943;
  font-weight: normal;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
  margin-bottom: 12px;
}
.migrated .list li:before {
  border-radius: 50%;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  top: 10px;
}
.migrated .detail-right-content {
  font-size: 20;
  font-size: 1.25rem;
  color: #002855;
  font-weight: 700;
}
.migrated .detail-right-content h2 {
  font-size: 20;
  font-size: 1.25rem;
  color: #002855;
  font-weight: 700;
  margin: 20px 0;
}
.migrated .detail-right-content .campaign-details {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .migrated .detail-right-content .campaign-details {
    margin-top: 50px;
  }
}
.migrated .detail-right-content .campaign-details .price {
  position: relative;
  min-width: 146px;
  height: 146px;
  margin-left: -12px;
  position: relative;
  display: table;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .migrated .detail-right-content .campaign-details .price {
    min-width: 146px;
  }
}
.migrated .detail-right-content .campaign-details .price::before {
  font-size: 146;
  font-size: 9.125rem;
  content: "\e94c";
  color: #08bec9;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  position: absolute;
  display: table;
}
.migrated .detail-right-content .campaign-details .price > div {
  font-size: 14;
  font-size: 0.875rem;
  color: #fff;
  display: table-cell;
  height: 100%;
  width: 100%;
  line-height: 130%;
  text-align: left;
  padding-left: 25px;
  position: relative;
  left: 0;
  top: 0;
  vertical-align: middle;
}
.migrated .detail-right-content .campaign-details .price > div strong {
  font-size: 24;
  font-size: 1.5rem;
  display: block;
  width: 100%;
}
.migrated .detail-right-content .text-detail .row {
  flex-wrap: wrap;
}
.migrated .detail-right-content .text-detail .row .detail-item {
  font-size: 16;
  font-size: 1rem;
  color: #515151;
  font-weight: 400;
  margin-bottom: 30px;
  padding-left: 30px;
  min-width: calc(50% - 30px);
}
.migrated .detail-right-content .text-detail .row .detail-item span {
  font-size: 22;
  font-size: 1.369rem;
  color: #002a53;
}
@media (max-width: 991px) {
  .migrated .detail-right-content .text-detail .row .detail-item {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
  }
}
.migrated .nav {
  border: 0;
  display: flex;
  flex-wrap: nowrap;
}
.migrated .nav li {
  margin-bottom: 0;
  width: 100%;
}
.migrated .nav li a {
  font-size: 16;
  font-size: 1rem;
  border-radius: 0;
  background-color: #f0f2f5;
  border: solid 1px #eff1f6;
  border-left: 4px #dee3ed solid;
  color: #575e6f;
  display: block;
  line-height: 1.38;
  padding: 17px;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.migrated .nav li a.active {
  background-color: #ffffff;
  border-left-color: #0082ca;
  color: #222943;
  font-weight: bold;
}
.migrated .nav li.hide {
  display: none;
}
.migrated .tableArea {
  margin: 20px 0;
  padding-bottom: 10px;
  position: relative;
}
@media (max-width: 991px) {
  .migrated .tableArea {
    overflow-x: scroll;
  }
}
.migrated .tableArea caption {
  position: absolute;
  left: -9999px;
}
.migrated .tableArea table {
  border: 1px #dee3ed solid;
}
.migrated .tableArea table thead tr th {
  font-size: 16;
  font-size: 1rem;
  background-color: #f0f2f5;
  border-bottom: 1px solid #dee3ed;
  border-right: 1px #dee3ed solid;
  color: #222943;
  font-weight: bold;
  line-height: 1.5;
  padding: 16px;
}
.migrated .tableArea table tbody tr th {
  background-color: #f0f2f5;
  border-right: 1px #dee3ed solid;
  border-bottom: 1px #dee3ed solid;
  color: #222943;
  font-weight: bold;
  line-height: 1.5;
  padding: 14px 16px;
}
.migrated .tableArea table tbody tr:last-child td,
.migrated .tableArea table tbody tr:last-child th {
  border-bottom: 0;
}
.migrated .tableArea table td {
  font-size: 14;
  font-size: 0.875rem;
  border-left: none;
  border-right: 1px #dee3ed solid;
  border-bottom: 1px #dee3ed solid;
  color: #222943;
  line-height: 1.71;
  padding: 14px 16px;
}
.migrated .tableArea table td strong {
  display: block;
}
.migrated .faqStyle {
  width: 100%;
  margin-bottom: 20px;
  clear: both;
  position: relative;
  z-index: 0;
}
.migrated .faqStyle .faqItem {
  border-bottom: 1px solid #dee3ed;
}
.migrated .faqStyle .faqItem .faqTitle a {
  font-size: 16;
  font-size: 1.25rem;
  color: #222943;
  cursor: pointer;
  display: block;
  font-weight: bold;
  position: relative;
  padding: 24px 0;
  padding-right: 30px;
}
.migrated .faqStyle .faqItem .faqTitle a:hover {
  text-decoration: none;
}
.migrated .faqStyle .faqItem .faqTitle a::after {
  font-size: 16;
  font-size: 1.5rem;
  content: "\e900";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}
.migrated .faqStyle .faqItem .faqContent {
  display: none;
  padding-bottom: 32px;
}
.migrated .faqStyle .faqItem .faqContent.show {
  display: block;
}
.migrated .faqStyle .faqItem .faqContent p {
  color: #222943;
}
.migrated .faqStyle .faqItem.active .faqTitle a::after {
  content: "\e919";
}
.migrated .faqStyle .faqItem.active .faqContent {
  display: block;
}

.cihaz-detail-banner {
  background: url(/SiteAssets/images/banners/bg-1.jpg) no-repeat center top;
}
.cihaz-detail-banner .row {
  display: flex;
  flex-direction: row-reverse;
}
.cihaz-detail-banner .row .text h3 {
  padding-left: 50px;
  padding-top: 50px;
}
.cihaz-detail-banner .row figure {
  width: 90%;
}
@media (max-width: 768px) {
  .cihaz-detail-banner .row .text h3 {
    padding-left: 0;
    padding-top: 0;
  }
  .cihaz-detail-banner .row figure {
    width: 100%;
  }
}

.siber-guvenlik .top-content-title {
  margin-bottom: 20px;
}
.siber-guvenlik .top-content-title h1 {
  text-align: center;
  font-size: 2.25rem;
  font-weight: 300;
  color: #032a53;
  text-align: center;
}
.siber-guvenlik .content-video {
  background-image: url("/tt-bilisim-teknolojileri/PublishingImages/img/background.png");
  background-repeat: no-repeat;
  background-position: center;
}
.siber-guvenlik .content-video .container .video-embed {
  max-width: 640px;
  margin: 0 auto;
  width: 100%;
}
.siber-guvenlik .content-video .container .video-embed .embed-responsive {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.siber-guvenlik .content-video .container .video-embed .embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.siber-guvenlik .container .content-title {
  margin-bottom: 55px;
}
.siber-guvenlik .container .content-title h1 {
  text-align: center;
  font-size: 2.25rem;
  font-weight: 300;
  color: #032a53;
  text-align: center;
}
.siber-guvenlik .container .property {
  position: relative;
  height: 100px;
  color: #fff;
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
}
.siber-guvenlik .container .property .image-area {
  width: 20%;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.siber-guvenlik .container .property .image-area .property-img {
  position: absolute;
  top: -23px;
}
.siber-guvenlik .container .property .image-area .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 771px) {
  .siber-guvenlik .container .property {
    height: auto;
  }
  .siber-guvenlik .container .property .image-area {
    width: 100%;
  }
  .siber-guvenlik .container .property .image-area .property-img {
    position: relative;
    top: 0;
  }
}
.siber-guvenlik .container .step1 {
  background: #2b91d0;
  display: flex;
  flex-direction: row;
}
.siber-guvenlik .container .step1 .content-area {
  width: 80%;
  display: flex;
  flex-direction: row;
}
.siber-guvenlik .container .step1 .content-area .property-text {
  width: 78%;
  font-size: 1rem;
  align-items: center;
  text-align: left;
  height: 100%;
  margin-bottom: 0;
  color: #fff;
}
@media (max-width: 771px) {
  .siber-guvenlik .container .step1 {
    flex-direction: column;
  }
  .siber-guvenlik .container .step1 .content-area {
    justify-content: center;
    width: 100%;
    padding: 10px 0;
  }
}
.siber-guvenlik .container .step2 {
  background: #277db2;
  display: flex;
  flex-direction: row-reverse;
}
.siber-guvenlik .container .step2 .content-area {
  width: 80%;
  display: flex;
  flex-direction: row-reverse;
}
.siber-guvenlik .container .step2 .content-area .property-text {
  width: 78%;
  font-size: 1rem;
  align-items: center;
  text-align: right;
  height: 100%;
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 771px) {
  .siber-guvenlik .container .step2 {
    flex-direction: column;
  }
  .siber-guvenlik .container .step2 .content-area {
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    flex-direction: column;
    justify-content: center;
  }
  .siber-guvenlik .container .step2 .content-area .property-text {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
}
.siber-guvenlik .container .step3 {
  background: #1d588f;
}
.siber-guvenlik .container .step4 {
  background: #184173;
}
.siber-guvenlik .container .step5 {
  background: #0c2f57;
}
.siber-guvenlik .container .step6 {
  background: #0c2f57;
}
.siber-guvenlik .container .text-bold {
  line-height: 1rem;
}
.siber-guvenlik .container .text-bold a {
  text-decoration: none;
}
.siber-guvenlik .container .text-regular {
  line-height: 1rem;
}
.siber-guvenlik .container .text-regular a {
  text-decoration: none;
}

.kurulum-hizmeti .container .header-content p {
  color: #002855;
  margin-bottom: 20px;
}
.kurulum-hizmeti .container .header-content p strong a {
  color: #05b4c7;
}
.kurulum-hizmeti .container .boxes {
  position: relative;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.kurulum-hizmeti .container .boxes .box {
  max-width: 200px;
  width: 100%;
  height: 123px;
  margin-right: 27px;
}
.kurulum-hizmeti .container .boxes .box .active {
  display: block;
}
.kurulum-hizmeti .container .boxes .box .box-title {
  background: url(/SiteAssets/images/paket-bg.png);
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding-top: 30px;
  background-repeat: no-repeat;
  display: block;
  height: 123px;
  position: relative;
  font-size: 15px;
}
.kurulum-hizmeti .container .boxes .box span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kurulum-hizmeti .container .boxes .box .active {
  background: none;
  color: #00b4c7;
  border-bottom: none;
  border-top: 3px solid #00b4c7;
  border-right: 3px solid #00b4c7;
  border-left: 3px solid #00b4c7;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}
.kurulum-hizmeti .container .boxes .box .content {
  position: absolute;
  border: 3px solid #00b4c7;
  width: 100%;
  top: 120px;
  background: #fff;
  left: 0;
  z-index: 98;
  padding: 20px;
}
.kurulum-hizmeti .container .boxes .box .content .box-content-title {
  font-size: 1.6rem;
  color: #002855;
  margin-bottom: 20px;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes {
  line-height: 1;
  display: flex;
  -webkit-font-smoothing: antialiased;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box {
  text-align: center;
  color: #515151;
  font-size: 1.1rem;
  height: 225px;
  width: 100%;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a {
  color: #515151;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .kutu-ikon .kutu-span {
  display: block;
  margin-top: 20px;
  font-size: 1.15rem;
  color: #002855;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .icons-details {
  margin: 0 auto;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .icons-details span {
  color: #515151;
  display: block;
  font-size: 1.02rem;
  position: relative;
  margin-top: 20px;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .icons-details span.icon1::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 40px;
  background: url(/assets/img/arayalim.png);
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .icons-details span.icon2::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 40px;
  background: url(/assets/img/7-24.png);
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .icons-details span.icon3::before {
  content: "";
  width: 54px;
  height: 30px;
  position: absolute;
  left: 40px;
  background: url(/assets/img/intenret-yaz.png) no-repeat;
}
.kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box a .icons-details span.icon4::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 40px;
  background: url(/assets/img/arayalim.png);
}
@media (max-width: 475px) {
  .kurulum-hizmeti .container .boxes .box .content .icons-boxes {
    flex-wrap: wrap;
  }
  .kurulum-hizmeti .container .boxes .box .content .icons-boxes .icons-box {
    width: 50%;
  }
}
@media (max-width: 475px) {
  .kurulum-hizmeti .container .boxes .box .content {
    position: relative;
    top: -6px;
  }
}
.kurulum-hizmeti .container .boxes .last {
  margin-right: 0;
}
@media (max-width: 991px) {
  .kurulum-hizmeti .container .boxes {
    justify-content: end;
  }
  .kurulum-hizmeti .container .boxes .box {
    max-width: 138px;
    margin-right: 7.5px;
  }
}
@media (max-width: 475px) {
  .kurulum-hizmeti .container .boxes {
    justify-content: center;
  }
  .kurulum-hizmeti .container .boxes .box {
    max-width: 400px;
    margin-bottom: 20px;
    height: auto;
  }
  .kurulum-hizmeti .container .boxes .box .box-title {
    background-size: 100%;
  }
  .kurulum-hizmeti .container .boxes .box .content .icon-boxes {
    flex-wrap: wrap;
  }
  .kurulum-hizmeti .container .boxes .box .content .icon-boxes .icon-box {
    width: 50%;
  }
  .kurulum-hizmeti .container .boxes .box .content .icon-boxes .icon-box a .icon-details span.icon1::before {
    left: 0;
    width: 25px;
    height: 25px;
  }
  .kurulum-hizmeti .container .boxes .box .content .icon-boxes .icon-box a .icon-details span.icon2::before {
    left: 0;
    width: 25px;
    height: 25px;
  }
  .kurulum-hizmeti .container .boxes .box .content .icon-boxes .icon-box a .icon-details span.icon3::before {
    left: 0;
    width: 25px;
    height: 25px;
  }
  .kurulum-hizmeti .container .boxes .box .content .icon-boxes .icon-box a .icon-details span.icon4::before {
    left: 0;
    width: 25px;
    height: 25px;
  }
}
.kurulum-hizmeti .container .center-image-area {
  margin-bottom: 60px;
}
.kurulum-hizmeti .container .center-image-area .image-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.kurulum-hizmeti .container .kurulum-tabs .tab-content .first-tab-title {
  margin: 16px 0;
}
.kurulum-hizmeti .container .kurulum-footer {
  display: flex;
  align-items: center;
}
.kurulum-hizmeti .container .kurulum-footer .kurulum-footer-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.isyerim-internet .custom-banner {
  background: url(/SiteAssets/images/banner-bgv2.png) no-repeat center center;
  min-height: 500px;
  height: 100%;
  background-size: 100%;
  display: flex;
  align-items: center;
}
.isyerim-internet .custom-banner .custom-banner-text {
  text-align: center;
  padding-bottom: 130px;
}
.isyerim-internet .custom-banner .custom-banner-text h1 {
  display: block;
  font-size: 2.51rem;
  color: #002855;
  padding: 0 20px;
  font-weight: 500;
}
.isyerim-internet .custom-banner .custom-banner-text h2 {
  font-size: 1.71rem;
  color: #515151;
  display: block;
  margin-top: 30px;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  .isyerim-internet .custom-banner .custom-banner-text h1 {
    font-size: 1.8rem;
  }
  .isyerim-internet .custom-banner .custom-banner-text h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .isyerim-internet .custom-banner {
    background: transparent;
  }
}
.isyerim-internet .custom-bar {
  display: flex;
  flex-wrap: wrap;
}
.isyerim-internet .custom-bar .left-section {
  width: 50%;
  background: url(/SiteAssets/images/yellow-background.jpg);
}
.isyerim-internet .custom-bar .left-section .container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.isyerim-internet .custom-bar .left-section .container .net-option {
  padding: 60px 0 60px 30px;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .title {
  padding-bottom: 30px;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .title h3 {
  font-weight: 400;
  color: #002855;
  font-size: 2.41rem;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .desc .list {
  display: table;
  color: #fff;
  padding-bottom: 30px;
  font-size: 1rem;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .desc p {
  color: #fff;
  font-size: 1.1rem;
  padding-bottom: 20px;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .desc .details {
  border: 2px solid #002855;
  display: inline-block;
  font-size: 1.1rem;
  cursor: pointer;
  position: relative;
  padding: 10px 40px 10px 10px;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .desc .details a {
  text-decoration: none;
  color: #002855;
}
.isyerim-internet .custom-bar .left-section .container .yellow .box .desc .details::after {
  content: "\e907";
  font-family: "icomoon" !important;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 30%;
  margin-top: -4px;
  font-size: 1.2rem;
}
.isyerim-internet .custom-bar .right-section {
  width: 50%;
  background: url(/SiteAssets/images/dark-background.jpg);
}
.isyerim-internet .custom-bar .right-section .container {
  width: 100%;
  float: left;
}
.isyerim-internet .custom-bar .right-section .container .net-option {
  padding: 60px 0 60px 30px;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .title {
  padding-bottom: 30px;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .title h3 {
  font-weight: 300;
  color: #cedc00;
  font-size: 2.41rem;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .desc .list {
  display: table;
  color: #fff;
  padding-bottom: 25px;
  font-size: 1rem;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .desc p {
  color: #fff;
  font-size: 1rem;
  padding-bottom: 20px;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .desc .details {
  display: inline-block;
  font-size: 1rem;
  border: 2px solid #cedc00;
  cursor: pointer;
  position: relative;
  padding: 10px 40px 10px 10px;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .desc .details a {
  text-decoration: none;
  color: #cedc00;
}
.isyerim-internet .custom-bar .right-section .container .dark .box .desc .details::after {
  content: "\e907";
  font-family: "icomoon" !important;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 30%;
  margin-top: -4px;
  font-size: 1.2rem;
  color: #cedc00;
}
@media (max-width: 768px) {
  .isyerim-internet .custom-bar .left-section {
    width: 100% !important;
  }
  .isyerim-internet .custom-bar .right-section {
    width: 100% !important;
  }
}
.isyerim-internet .gray {
  background: #f4f4f4;
}
.isyerim-internet .gray .container {
  max-width: 1200px;
  width: 100%;
}
.isyerim-internet .gray .container .row .gray-area {
  padding: 0;
}
.isyerim-internet .gray .container .row .gray-area .title {
  color: #002855;
  font-size: 2.71rem;
  margin-bottom: 20px;
  padding-top: 60px;
  font-weight: 400;
}
.isyerim-internet .gray .container .row .gray-area p {
  color: #515151;
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.4rem;
}
.isyerim-internet .gray .container .row .gray-area p.visible-xs {
  display: none;
}
.isyerim-internet .gray .container .row .gray-area p.blue {
  color: #0082ca;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 1.4rem;
}
.isyerim-internet .gray .container .row .gray-area .img-responsive {
  width: 100%;
}
.isyerim-internet .gray .container .row .hidden-xs {
  display: block;
}
@media (max-width: 768px) {
  .isyerim-internet .gray .container .row .gray-area {
    width: 100%;
    padding: 0 10px;
  }
  .isyerim-internet .gray .container .row .gray-area p.visible-xs {
    display: block;
  }
  .isyerim-internet .gray .container .row .hidden-xs {
    display: none;
  }
}
.isyerim-internet .white {
  background: #fff;
}
.isyerim-internet .white .container {
  max-width: 1200px;
  width: 100%;
}
.isyerim-internet .white .container .row .white-area {
  padding: 0;
}
.isyerim-internet .white .container .row .white-area .img-responsive {
  width: 100%;
}
.isyerim-internet .white .container .row .white-area .title {
  color: #002855;
  font-size: 2.71rem;
  margin-bottom: 20px;
  padding-top: 60px;
  font-weight: 400;
}
.isyerim-internet .white .container .row .white-area p {
  color: #515151;
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.4rem;
}
.isyerim-internet .white .container .row .white-area p.visible-xs {
  display: none;
}
.isyerim-internet .white .container .row .white-area p.blue {
  color: #0082ca;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 1.4rem;
}
.isyerim-internet .white .container .row .hidden-xs {
  display: block;
}
.isyerim-internet .white .container .row .white-area-text {
  padding: 0 10px;
}
@media (max-width: 768px) {
  .isyerim-internet .white .container .row .white-area {
    width: 100%;
  }
  .isyerim-internet .white .container .row .white-area p.visible-xs {
    display: block;
  }
  .isyerim-internet .white .container .row .hidden-xs {
    display: none;
  }
}
.isyerim-internet .second-gray {
  background: #f4f4f4;
}
.isyerim-internet .second-gray .container {
  max-width: 1200px;
  width: 100%;
  padding: 50px 0;
  position: relative;
}
.isyerim-internet .second-gray .container button:hover {
  background-color: transparent;
}
.isyerim-internet .second-gray .container .faq-title {
  color: #002855;
  font-size: 2.71rem;
  display: block;
  position: relative;
  padding: 20px 0;
  width: 100%;
  text-align: left;
  border: none;
  position: absolute;
  outline: none;
  top: 20px;
}
.isyerim-internet .second-gray .container .faq-title:focus {
  box-shadow: none;
  background-color: none;
}
.isyerim-internet .second-gray .container .faq-title .arrow-down {
  position: absolute;
  top: 17%;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  transform: rotate(0deg);
  transition: all 0.5s;
}
.isyerim-internet .second-gray .container .faq-title .arrow-down.active {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .isyerim-internet .second-gray .container .faq-title {
    margin-left: -8px;
  }
}
.isyerim-internet .second-gray .container .hidden {
  display: none;
}
.isyerim-internet .second-gray .container .gray-area-container {
  padding-top: 75px;
}
.isyerim-internet .second-gray .container .gray-area-container .first-card {
  position: relative;
}
.isyerim-internet .second-gray .container .gray-area-container .first-card .col .collepse-card-body {
  padding: 0;
}
.isyerim-internet .second-gray .container .gray-area-container .first-card .col .collepse-card-body p.blue {
  color: #0082ca;
  font-size: 1.2rem;
  margin-bottom: 20px;
  line-height: 1.4rem;
}
.isyerim-internet .second-gray .container .gray-area-container .first-card .col .collepse-card-body .img-responsive {
  float: right;
  width: 100%;
}
@media (max-width: 768px) {
  .isyerim-internet .second-gray .container .gray-area-container .first-card {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
  }
  .isyerim-internet .second-gray .container .gray-area-container .first-card .col {
    width: 100%;
  }
  .isyerim-internet .second-gray .container .gray-area-container .first-card .col .collepse-card-body .img-responsive {
    width: 100%;
  }
}
.isyerim-internet .second-gray .container .gray-area-container .second-card {
  border-radius: 10px;
  overflow: hidden;
  margin: 40px 0;
  padding: 0;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-title {
  position: relative;
  width: 100%;
  background-color: #cedc00;
  padding: 15px 20px;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-title span.img {
  position: relative;
  top: -10px;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-title span.text {
  color: #fff;
  font-size: 2.71rem;
  font-weight: 300;
  padding-left: 10px;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content {
  padding: 30px 15px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .content-title-area {
  width: 33%;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .content-title-area .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .content-title-area-two {
  width: 67%;
  padding-left: 20px;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .content-title-area-two .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .table-global-wraps {
  width: 100%;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .table-global-wraps .tableAreas {
  padding: 30px 0;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .table-global-wraps .tableAreas .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .table-global-wraps .tableAreas .ek-paket {
  width: 100%;
}
@media (max-width: 1024px) {
  .isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .table-global-wraps {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .content-title-area {
    width: 100%;
    margin-bottom: 20px;
  }
  .isyerim-internet .second-gray .container .gray-area-container .second-card .second-card-box-content .content-title-area-two {
    width: 100%;
    padding-left: 0px;
  }
}
.isyerim-internet .second-gray .container .gray-area-container .third-card {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 40px 0;
  padding: 0;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-title {
  position: relative;
  width: 100%;
  background-color: #002855;
  padding: 15px 20px;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-title span.img {
  position: relative;
  top: -10px;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-title span.text {
  color: #fff;
  font-size: 2.71rem;
  font-weight: 300;
  padding-left: 10px;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content {
  padding: 30px 15px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .content-title-area {
  width: 33%;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .content-title-area .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .content-title-area-two {
  width: 67%;
  padding-left: 20px;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .content-title-area-two .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .table-global-wraps .tableAreas {
  padding: 30px 0;
}
.isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .table-global-wraps .tableAreas .content-title {
  font-size: 1.5rem;
  color: #002855;
  clear: both;
}
@media (max-width: 1024px) {
  .isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .table-global-wraps {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .content-title-area {
    width: 100%;
    margin-bottom: 20px;
  }
  .isyerim-internet .second-gray .container .gray-area-container .third-card .third-card-box-content .content-title-area-two {
    width: 100%;
    padding-left: 0px;
  }
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card {
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-title {
  position: relative;
  width: 100%;
  background-color: #08bec9;
  padding: 15px 20px;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-title span.img {
  position: relative;
  top: -10px;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-title span.text {
  color: #fff;
  font-size: 2.71rem;
  font-weight: 300;
  padding-left: 10px;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content {
  padding: 30px 15px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .content-title-area {
  width: 33%;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .content-title-area .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .content-title-area-two {
  width: 67%;
  padding-left: 20px;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .content-title-area-two .content-title {
  font-size: 1.5rem;
  color: #002855;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .table-global-wraps .tableAreas {
  padding: 30px 0;
}
.isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .table-global-wraps .tableAreas .content-title {
  font-size: 1.5rem;
  color: #002855;
}
@media (max-width: 1024px) {
  .isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .table-global-wraps {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .content-title-area {
    width: 100%;
    margin-bottom: 20px;
  }
  .isyerim-internet .second-gray .container .gray-area-container .fourth-card .fourth-card-box-content .content-title-area-two {
    width: 100%;
    padding-left: 0px;
  }
}

.calisanlara-ozel section {
  padding-bottom: 40px;
}
.calisanlara-ozel section .container .ihlas-container .ihlas-title h1 {
  color: #002855;
  margin: 20px 0px;
  font-size: 2.85rem;
  font-weight: 500;
}
.calisanlara-ozel section .container .ihlas-container .ihlas-desc h2 {
  color: #002855;
  font-size: 1.57rem;
  font-weight: bold;
}
.calisanlara-ozel section .container .ihlas-container .ihlas-desc .ihlas-list {
  margin-top: 20px;
}
.calisanlara-ozel section .container .ihlas-container .ihlas-desc .ihlas-list li {
  line-height: 20px;
  color: #515151;
  font-size: 1.1rem;
  margin-bottom: 16px;
  list-style-type: none;
  position: relative;
  padding-left: 25px;
}
.calisanlara-ozel section .container .ihlas-container .ihlas-desc .ihlas-list li::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #08bec9;
  position: absolute;
  left: 0;
}
.calisanlara-ozel section.gray {
  background-color: #f5f7f7;
  padding-top: 40px;
  margin-bottom: 40px;
}
.calisanlara-ozel section.gray .container .ihlas-content {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .calisanlara-ozel section.gray .container .ihlas-content {
    overflow-x: scroll;
  }
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-title h2 {
  color: #002855;
  font-size: 2rem;
  margin-bottom: 40px;
  font-weight: 300;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-title h2 .icon-wifi {
  color: #3fbdd7;
  padding-right: 10px;
  font-size: 24px;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards {
  min-width: 1170px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card {
  background-color: #fff;
  margin-right: 10px;
  width: 12.48%;
  clear: inherit;
  margin: 20px 20px 0 0;
  padding: 0;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-title {
  background-color: #0082ca;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  padding: 20px 0px;
  line-height: 20px;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-title h3 {
  font-weight: 500;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content p {
  background: #fff;
  text-align: center;
  font-size: 1rem;
  color: #002855;
  padding: 20px 0;
  margin: 0 5px;
  border-bottom: 1px solid #f7f7f7;
  font-weight: bold;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .last {
  min-height: 139px;
  margin-bottom: 20px;
  line-height: 16px;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .last span {
  display: block;
  padding-top: 33px;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .price {
  width: 100%;
  display: block;
  height: 94px;
  padding: 42px 10px 20px 5px;
  color: #fff;
  background: url("../images/subpage/price-bg-calisan.png") no-repeat left top;
  background-size: 100% auto;
  position: relative;
  background-color: #fff;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .price .price-1 {
  font-size: 2.1rem;
  line-height: 1.9rem;
  float: left;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .price .price-2 {
  float: left;
  font-size: 10px;
  line-height: 14px;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .price .price-2 .p1-val {
  font-size: 0.85rem;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .price .mounth {
  display: block;
  float: none;
  clear: both;
  text-align: left;
  font-size: 0.85rem;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content .price .mounth .m-val {
  font-size: 0.85rem;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content a.details {
  background: #08bec9;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 1.125rem;
  margin: 4px 0;
  display: block;
  text-decoration: none;
}
.calisanlara-ozel section.gray .container .ihlas-content .ihlas-content-cards .ihlas-content-card .ihlas-content-card-content a.apply {
  background: #e63323;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 1.125rem;
  cursor: pointer;
  width: 100%;
  display: block;
  text-decoration: none;
}
.calisanlara-ozel section .container ul.list2 {
  list-style: none;
}
.calisanlara-ozel section .container ul.list2 li {
  line-height: 20px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.calisanlara-ozel section .container ul.list2 li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #777;
  top: 8px;
  left: 0;
}

.arac-takip-kampanyasi .at-content .at-header {
  background: url(/SiteAssets/images/bg-3.jpg);
}
.arac-takip-kampanyasi .at-content .at-header .container .dtext {
  font-size: 39px;
  color: #002a53;
  line-height: 1;
  font-weight: 700;
  padding-top: 20px;
}
.arac-takip-kampanyasi .at-content .at-header .container .img-responsive {
  width: 85%;
  display: block;
}
@media screen and (max-width: 900px) {
  .arac-takip-kampanyasi .at-content .at-header .container .dtext {
    padding-top: 15px;
    font-size: 24px;
    text-align: center;
  }
}
.arac-takip-kampanyasi .at-content .container {
  width: 100%;
  max-width: 1200px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip-header h2 {
  font-size: 30px;
  color: #00284b;
  margin-top: 50px;
}
@media screen and (max-width: 900px) {
  .arac-takip-kampanyasi .at-content .container .arac-takip-header {
    text-align: center;
  }
  .arac-takip-kampanyasi .at-content .container .arac-takip-header h2 {
    font-size: 25px;
  }
  .arac-takip-kampanyasi .at-content .container .arac-takip .mt-35 {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.arac-takip-kampanyasi .at-content .container .arac-takip {
  margin-bottom: 20px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .mt-35 {
  margin-top: 35px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box i {
  background: url(/SiteAssets/images/arac-takip-sprite.png) no-repeat;
  display: block;
  width: 75px;
  height: 70px;
  float: left;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box p {
  font-size: 19px;
  color: #00284b;
  float: left;
  margin: 20px 0 0 17px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box .takip-icon-1 {
  background-position: -6px 2px;
  width: 60px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box .takip-icon-2 {
  background-position: -88px 2px;
  width: 63px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box .takip-icon-3 {
  background-position: 0 -73px;
  width: 74px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box .takip-icon-4 {
  background-position: -84px -73px;
  width: 66px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box .takip-icon-5 {
  background-position: -4px -148px;
  width: 63px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .at-box .takip-icon-6 {
  background-position: -72px -142px;
  width: 74px;
  height: 84px;
}
.arac-takip-kampanyasi .at-content .container .arac-takip .last-box {
  margin-top: 20px;
}
.arac-takip-kampanyasi .at-content .container .at-middle-content h2 {
  margin-top: 25px;
  font-size: 30px;
  color: #00284b;
}
.arac-takip-kampanyasi .at-content .container .at-middle-content .center-text h3 {
  text-align: center;
  font-size: 30px;
}
.arac-takip-kampanyasi .at-content .container .at-middle-image .img-responsive {
  width: 100%;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area h2 {
  margin-top: 55px;
  font-size: 30px;
  color: #00284b;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .circle-list li {
  font-size: 1rem;
  color: #222943;
  line-height: 1.5;
  padding-left: 18px;
  position: relative;
  margin-bottom: 12px;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .circle-list li::before {
  border-radius: 50%;
  background-color: #049ead;
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  top: 10px;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .download .tit {
  font-size: 15px;
  color: #002a53;
  display: block;
  padding-bottom: 10px;
  font-weight: 600;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .download .pdf-body .pdf {
  background: url(/SiteAssets/images/ico_pdf.png) no-repeat 0 0;
  padding: 0 0 8px 25px;
  display: block;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .download .pdf-body .pdf a {
  line-height: 20px;
  text-decoration: underline;
  font-size: 13px;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .partners {
  display: block;
}
.arac-takip-kampanyasi .at-content .container .at-faq-area .accordion .accordion-item .accordion-content .accordion-content-body .partners p {
  line-height: 20px;
  padding-bottom: 20px;
  font-size: 15px;
}

.e-posta-hizmeti .container {
  max-width: 1170px;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .e-posta-hizmeti .container {
    padding: 0;
  }
  .e-posta-hizmeti .container .row {
    margin: 0;
  }
}
.e-posta-hizmeti .section {
  padding: 50px 0;
}
.e-posta-hizmeti .section p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.5;
}
.e-posta-hizmeti .section h3 {
  color: #002855;
  font-size: 1.714rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .e-posta-hizmeti .section {
    padding: 25px 0;
  }
  .e-posta-hizmeti .section h3 {
    font-size: 18px;
  }
}
.e-posta-hizmeti section.top-banner-area {
  background: url(/SiteAssets/images/e-posta-hizmetleri/bg-3.jpg) center center no-repeat;
  width: 100%;
  min-height: 420px;
  height: 100%;
  position: relative;
}
.e-posta-hizmeti section.top-banner-area .container {
  display: flex;
  min-height: 420px;
  align-items: center;
}
.e-posta-hizmeti section.top-banner-area .container .top-banner-text {
  position: relative;
  bottom: 25%;
}
.e-posta-hizmeti section.top-banner-area .container .top-banner-text h1 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .e-posta-hizmeti section.top-banner-area {
    min-height: 500px;
    background-position: top;
  }
  .e-posta-hizmeti section.top-banner-area .container {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    min-height: 100px;
    background-color: #f2f5f7;
    border-bottom: 5px solid #e8e8e8;
  }
  .e-posta-hizmeti section.top-banner-area .container .top-banner-text {
    bottom: 0;
  }
  .e-posta-hizmeti section.top-banner-area .container .top-banner-text h1 {
    color: #002a53;
    font-size: 1.4rem;
  }
  .e-posta-hizmeti section.top-banner-area .container .top-banner-text h1 br {
    display: none;
  }
}
.e-posta-hizmeti section.e-posta-bg {
  background-image: url(/SiteAssets/images/e-posta-hizmetleri/e-posta-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
  margin-bottom: 30px;
  min-height: 314px;
  padding: 0;
  padding-top: 10px;
  text-align: center;
}
.e-posta-hizmeti section.e-posta-bg .container {
  display: flex;
  justify-content: center;
}
.e-posta-hizmeti section.e-posta-bg .container .e-posta-big-title {
  font-size: 28px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .e-posta-hizmeti section.e-posta-bg .container .e-posta-big-title {
    font-size: 25px;
  }
}
.e-posta-hizmeti section.e-posta-neler-sunuyoruz {
  background-color: #f2f5f7;
}
.e-posta-hizmeti section.e-posta-neler-sunuyoruz .container h3 {
  text-align: center;
}
.e-posta-hizmeti section.e-posta-neler-sunuyoruz .container span.box {
  display: block;
  background-color: #ffffff;
  margin-bottom: 15px;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  background-image: url(/SiteAssets/images/e-posta-hizmetleri/thick.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
}
.e-posta-hizmeti section.e-posta-neler-sunuyoruz .container p.title {
  color: #0082ca;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
}
.e-posta-hizmeti section.e-posta-neler-sunuyoruz .container ul.list {
  list-style: none;
  padding-left: 0;
}
.e-posta-hizmeti section.e-posta-neler-sunuyoruz .container ul.list li {
  width: 100%;
  padding: 0 15px 0 20px;
  font-size: 16px;
  line-height: 25px;
  color: #002855;
  position: relative;
  margin: 8px 0;
  background-image: url(/SiteAssets/images/e-posta-hizmetleri/dot.png);
  background-repeat: no-repeat;
  background-position: top 11px left;
}
.e-posta-hizmeti section.e-posta-tarifeler .container h3 {
  text-align: center;
}
.e-posta-hizmeti section.e-posta-tarifeler .container .col-md-offset-1 {
  margin-left: 8.33333333%;
}
@media screen and (max-width: 1024px) {
  .e-posta-hizmeti section.e-posta-tarifeler .container .col-md-offset-1 {
    margin-left: 0;
  }
}
.e-posta-hizmeti section.e-posta-tarifeler .container .tableAreas table {
  width: 100%;
  float: none;
  margin: 5px 0;
  border: 2px solid #05b4c7;
  border-collapse: collapse;
  border-spacing: 0;
}
.e-posta-hizmeti section.e-posta-tarifeler .container .tableAreas table thead tr th {
  background: #05b4c7;
  color: #fff;
  padding: 20px 10px;
  text-align: center;
  font-size: 16px;
}
.e-posta-hizmeti section.e-posta-tarifeler .container .tableAreas table tbody tr td {
  padding: 15px 10px;
  text-align: center;
  font-size: 16px;
}
.e-posta-hizmeti section.e-posta-tarifeler .container .tableAreas table tbody tr:nth-child(even) {
  background-color: #f2f5f7;
}
.e-posta-hizmeti section.e-posta-tarifeler .container .tableAreas.blue table {
  width: 100%;
  float: none;
  margin: 5px 0;
  border: 2px solid #0082ca;
}
.e-posta-hizmeti section.e-posta-tarifeler .container .tableAreas.blue table thead tr th {
  background: #0082ca;
}
.e-posta-hizmeti section.e-posta-basvuru-kanallari {
  background-color: #f2f5f7;
}
.e-posta-hizmeti section.e-posta-basvuru-kanallari .container .col-xs-offset-2 {
  margin-left: 16.66666667%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .e-posta-hizmeti section.e-posta-basvuru-kanallari .container .col-xs-offset-2 {
    margin-left: 0;
  }
}
.e-posta-hizmeti section.e-posta-sss .container h3 {
  text-align: center;
}

.esenyurt-veri-merkezi .container {
  max-width: 1170px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.esenyurt-veri-merkezi .section {
  background: #fff;
  padding: 60px 0;
  text-align: center;
}
.esenyurt-veri-merkezi .section p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.5;
}
.esenyurt-veri-merkezi .section h3 {
  color: #002855;
  font-size: 1.714rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi .section {
    padding: 30px 0;
  }
}
.esenyurt-veri-merkezi section.top-banner-area {
  background: url(/SiteAssets/images/esenyurt-veri-merkezi/banner.jpg) center center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 610px;
  position: relative;
}
.esenyurt-veri-merkezi section.top-banner-area .container {
  display: flex;
  top: 50px;
  position: relative;
}
.esenyurt-veri-merkezi section.top-banner-area .container .top-banner-text h1 {
  font-size: 2.1rem;
  color: #002855;
  font-weight: 700;
  line-height: 1.3;
}
.esenyurt-veri-merkezi section.top-banner-area .container .banner-image img {
  max-width: 130px;
  padding-top: 20px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .esenyurt-veri-merkezi section.top-banner-area {
    height: 333px;
    background-position: top;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container .banner-image {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.top-banner-area {
    height: 230px;
    background-position: top;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    text-align: center;
    background-color: #f2f5f7;
    border-bottom: 5px solid #e8e8e8;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container .row {
    width: 100%;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container .top-banner-text {
    width: 100%;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container .top-banner-text h1 {
    color: #002a53;
    font-size: 1.4rem;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container .top-banner-text h1 br {
    display: none;
  }
  .esenyurt-veri-merkezi section.top-banner-area .container .banner-image {
    display: none;
  }
}
.esenyurt-veri-merkezi section.video {
  background-image: url(/SiteAssets/images/esenyurt-veri-merkezi/video-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 20px;
}
.esenyurt-veri-merkezi section.video .custom-text {
  text-align: center;
  color: #032a53;
  font-size: 2.25rem;
}
.esenyurt-veri-merkezi section.video .custom-text .blue {
  color: #1483c8;
}
.esenyurt-veri-merkezi section.video .video-embed {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.esenyurt-veri-merkezi section.video .video-embed .embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.video .custom-text {
    font-size: 1.3rem;
  }
  .esenyurt-veri-merkezi section.video .custom-text br {
    display: none;
  }
}
.esenyurt-veri-merkezi section.blue {
  background: #2d97d2;
}
.esenyurt-veri-merkezi section.blue .container {
  overflow: hidden;
}
.esenyurt-veri-merkezi section.blue .container .section-title {
  font-size: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.blue .container .section-title {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.esenyurt-veri-merkezi section.blue .container .services-items {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esenyurt-veri-merkezi section.blue .container .services-items .item p {
  color: #fff;
}
.esenyurt-veri-merkezi section.blue .container .tns-outer {
  position: relative;
  height: 260px;
}
@media screen and (max-width: 1024px) {
  .esenyurt-veri-merkezi section.blue .container .tns-outer {
    height: auto;
  }
  .esenyurt-veri-merkezi section.blue .container .tns-outer .tns-nav {
    top: 207px;
  }
  .esenyurt-veri-merkezi section.blue .container .tns-outer .tns-nav button {
    min-width: auto;
  }
}
.esenyurt-veri-merkezi section.blue .container .tns-outer .tns-liveregion {
  display: none;
}
.esenyurt-veri-merkezi section.blue .container .tns-outer .tns-nav {
  bottom: 0;
  left: 50%;
}
.esenyurt-veri-merkezi section.blue .container .tns-outer .tns-nav > [aria-controls] {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #dde2e7;
  border: 0;
}
.esenyurt-veri-merkezi section.blue .container .tns-outer .tns-nav > .tns-nav-active {
  background: #032a53;
}
.esenyurt-veri-merkezi section.blue .container .customize-tools {
  position: relative;
  bottom: 160px;
}
.esenyurt-veri-merkezi section.blue .container .customize-tools .controls {
  list-style: none;
}
.esenyurt-veri-merkezi section.blue .container .customize-tools .controls li.prev {
  display: block;
  position: absolute;
  top: 50%;
  height: 60px;
  margin-top: -30px;
  padding: 0 15px;
  cursor: pointer;
}
.esenyurt-veri-merkezi section.blue .container .customize-tools .controls li.next {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 60px;
  margin-top: -30px;
  padding: 0 15px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .esenyurt-veri-merkezi section.blue .container .customize-tools .controls li.prev {
    margin-top: 0;
  }
  .esenyurt-veri-merkezi section.blue .container .customize-tools .controls li.next {
    margin-top: 0;
  }
}
.esenyurt-veri-merkezi section.foto {
  background-image: url(/SiteAssets/images/esenyurt-veri-merkezi/foto-bg.png);
  background-repeat: no-repeat;
  background-position: center;
}
.esenyurt-veri-merkezi section.foto .container {
  overflow: hidden;
}
.esenyurt-veri-merkezi section.foto .container .section-title {
  color: #002856;
  font-size: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.foto .container .section-title {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.esenyurt-veri-merkezi section.foto .container .foto-items {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esenyurt-veri-merkezi section.foto .container .tns-outer {
  position: relative;
  height: 480px;
}
@media screen and (max-width: 1024px) {
  .esenyurt-veri-merkezi section.foto .container .tns-outer {
    height: auto;
    min-height: 250px;
  }
  .esenyurt-veri-merkezi section.foto .container .tns-outer .tns-nav {
    top: auto;
  }
  .esenyurt-veri-merkezi section.foto .container .tns-outer .tns-nav button {
    min-width: auto;
  }
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.foto .container .tns-outer {
    height: auto;
    max-height: 350px;
  }
}
.esenyurt-veri-merkezi section.foto .container .tns-outer .tns-liveregion {
  display: none;
}
.esenyurt-veri-merkezi section.foto .container .tns-outer .tns-nav {
  bottom: 0;
  left: 50%;
}
.esenyurt-veri-merkezi section.foto .container .tns-outer .tns-nav > [aria-controls] {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #dde2e7;
  border: 0;
}
.esenyurt-veri-merkezi section.foto .container .tns-outer .tns-nav > .tns-nav-active {
  background: #032a53;
}
.esenyurt-veri-merkezi section.foto .container .customize-tools {
  position: relative;
  bottom: 160px;
}
.esenyurt-veri-merkezi section.foto .container .customize-tools .controls {
  list-style: none;
}
.esenyurt-veri-merkezi section.foto .container .customize-tools .controls li.prev {
  display: block;
  position: absolute;
  left: 110px;
  height: 60px;
  margin-top: -75px;
  padding: 0 15px;
  cursor: pointer;
}
.esenyurt-veri-merkezi section.foto .container .customize-tools .controls li.next {
  display: block;
  position: absolute;
  right: 110px;
  height: 60px;
  margin-top: -75px;
  padding: 0 15px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .esenyurt-veri-merkezi section.foto .container .customize-tools .controls li.prev {
    margin-top: -40px;
    left: 70px;
  }
  .esenyurt-veri-merkezi section.foto .container .customize-tools .controls li.next {
    margin-top: -40px;
    right: 70px;
  }
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.foto .container .customize-tools .controls li.prev {
    margin-top: 20px;
    left: 0;
  }
  .esenyurt-veri-merkezi section.foto .container .customize-tools .controls li.next {
    margin-top: 20px;
    right: 0;
  }
}
.esenyurt-veri-merkezi section.gray {
  background: #f6f6f6;
}
.esenyurt-veri-merkezi section.gray .container {
  overflow: hidden;
}
.esenyurt-veri-merkezi section.gray .container .section-title {
  color: #002856;
  font-size: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.gray .container .section-title {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.esenyurt-veri-merkezi section.gray .container .gray-services-items {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esenyurt-veri-merkezi section.gray .container .tns-outer {
  position: relative;
  height: 240px;
}
@media screen and (max-width: 1024px) {
  .esenyurt-veri-merkezi section.gray .container .tns-outer {
    height: auto;
  }
  .esenyurt-veri-merkezi section.gray .container .tns-outer .tns-nav {
    top: 158px;
  }
  .esenyurt-veri-merkezi section.gray .container .tns-outer .tns-nav button {
    min-width: auto;
  }
}
.esenyurt-veri-merkezi section.gray .container .tns-outer .tns-liveregion {
  display: none;
}
.esenyurt-veri-merkezi section.gray .container .tns-outer .tns-nav {
  bottom: 0;
  left: 50%;
}
.esenyurt-veri-merkezi section.gray .container .tns-outer .tns-nav > [aria-controls] {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #dde2e7;
  border: 0;
}
.esenyurt-veri-merkezi section.gray .container .tns-outer .tns-nav > .tns-nav-active {
  background: #032a53;
}
.esenyurt-veri-merkezi section.gray .container .customizess-tools {
  position: relative;
  bottom: 160px;
}
.esenyurt-veri-merkezi section.gray .container .customizess-tools .controls {
  list-style: none;
}
.esenyurt-veri-merkezi section.gray .container .customizess-tools .controls li.prev {
  display: block;
  position: absolute;
  top: 50%;
  height: 60px;
  margin-top: -30px;
  padding: 0 15px;
  cursor: pointer;
}
.esenyurt-veri-merkezi section.gray .container .customizess-tools .controls li.next {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 60px;
  margin-top: -30px;
  padding: 0 15px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .esenyurt-veri-merkezi section.gray .container .customizess-tools .controls li.prev {
    margin-top: 0;
  }
  .esenyurt-veri-merkezi section.gray .container .customizess-tools .controls li.next {
    margin-top: 0;
  }
}
.esenyurt-veri-merkezi section.sertifikalar {
  background-image: url(/SiteAssets/images/esenyurt-veri-merkezi/sertifika-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.esenyurt-veri-merkezi section.sertifikalar .container .sertifilalarimiz {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(12px, 1.2px + 2.25vw, 30px);
}
.esenyurt-veri-merkezi section.sertifikalar .container .sertifilalarimiz img {
  max-width: clamp(142px, 65.2px + 16vw, 270px) !important;
  width: 100%;
  height: 148px !important;
  border-radius: 6px;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  -o-object-fit: contain;
     object-fit: contain;
  padding: 16px;
  background-color: #fff;
}
.esenyurt-veri-merkezi section.sertifikalar .container .section-titl {
  color: #002856;
  font-size: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .esenyurt-veri-merkezi section.sertifikalar .container .section-titl {
    margin-bottom: 0;
    font-size: 18px;
  }
}

.ozel-avantajli-teklifler {
  position: relative;
}
.ozel-avantajli-teklifler .container {
  max-width: 1170px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ozel-avantajli-teklifler .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ozel-avantajli-teklifler section.zoom-area .container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.ozel-avantajli-teklifler section.zoom-area .container .zoom {
  display: flex;
  align-items: center;
  border: 1px solid #dee3ed;
  margin-left: 8px;
  padding: 0 10px;
  cursor: pointer;
}
.ozel-avantajli-teklifler section.zoom-area .container .zoom img {
  width: 25px;
  height: 25px;
}
.ozel-avantajli-teklifler section.zoom-area .container .zoom p {
  padding: 13px 0 0 5px;
  font-weight: bold;
}
.ozel-avantajli-teklifler section.zoom-area .container .zoom:hover {
  background-color: #dee3ed;
}
@media screen and (max-width: 1400px) {
  .ozel-avantajli-teklifler section.zoom-area .container {
    display: none;
  }
}
.ozel-avantajli-teklifler section.top-banner-item {
  background-image: url(/SiteAssets/images/ozel-avantajli-teklifler/img-banner.png);
  height: 550px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.ozel-avantajli-teklifler section.top-banner-item .container h1 {
  max-width: 445px;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.26;
  color: #ffffff;
  position: relative;
  transform: translateY(50%);
}
@media screen and (max-width: 768px) {
  .ozel-avantajli-teklifler section.top-banner-item .container h1 {
    font-size: 20px;
    max-width: 50%;
    transform: translateY(15%);
  }
}
.ozel-avantajli-teklifler section.top-banner-item .arrw {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  .ozel-avantajli-teklifler section.top-banner-item .arrw {
    display: none;
  }
}
.ozel-avantajli-teklifler section.top-banner-item .left-arrw {
  left: 0;
}
.ozel-avantajli-teklifler section.top-banner-item .right-arrw {
  right: 92px;
}
@media screen and (max-width: 768px) {
  .ozel-avantajli-teklifler section.top-banner-item {
    height: 250px;
  }
  .ozel-avantajli-teklifler section.top-banner-item .container h1 {
    font-size: 20px;
    max-width: 50%;
    transform: translateY(15%);
  }
}
.ozel-avantajli-teklifler section.tariffs {
  margin-top: -44px;
  margin-bottom: 54px;
}
.ozel-avantajli-teklifler section.tariffs .container .row .col-12 {
  margin-bottom: 50px;
}
.ozel-avantajli-teklifler section.tariffs .container .row .col-12 .box-wrap {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 20px 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 195px;
  text-align: center;
}
.ozel-avantajli-teklifler section.tariffs .container .row .col-12 .box-wrap .text-group h3 {
  font-size: 18px;
  line-height: 1.56;
  color: #002855;
  margin-bottom: 7px;
  font-weight: bold;
  margin-top: 0;
}
.ozel-avantajli-teklifler section.tariffs .container .row .col-12 .box-wrap .text-group p {
  font-size: 15px;
  line-height: 1.5;
  color: #666f85;
  font-weight: normal;
  margin-bottom: 10px;
}
.ozel-avantajli-teklifler section.tariffs .container .row .col-12 .box-wrap span {
  font-size: 32px;
  color: #0082ca;
  font-weight: bold;
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .ozel-avantajli-teklifler section.tariffs .container .row .col-12 .box-wrap {
    margin-bottom: 0;
    min-height: auto;
  }
  .ozel-avantajli-teklifler section.tariffs .container .row .col-12 .box-wrap span {
    margin-top: 10px;
  }
}
.ozel-avantajli-teklifler section.tariffs .container .scrollToForm {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
}
.ozel-avantajli-teklifler section.tariffs-info {
  position: relative;
  padding-bottom: 48px;
  padding-top: 34px;
}
.ozel-avantajli-teklifler section.tariffs-info .backgrounds {
  height: 467px;
  background-color: #002855;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ozel-avantajli-teklifler section.tariffs-info .container h2 {
  text-align: center;
  color: white;
  margin-bottom: 44px;
  font-size: 38px;
  font-weight: lighter;
  line-height: 1.26;
  position: relative;
}
.ozel-avantajli-teklifler section.tariffs-info .container h2 strong {
  display: block;
  font-weight: bold;
}
.ozel-avantajli-teklifler section.tariffs-info .container picture {
  display: block;
  height: 393px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ozel-avantajli-teklifler section.tariffs-info .container picture .arrw {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  .ozel-avantajli-teklifler section.tariffs-info .container picture .arrw {
    display: none;
  }
}
.ozel-avantajli-teklifler section.tariffs-info .container picture .left-arrw {
  left: 65px;
}
.ozel-avantajli-teklifler section.tariffs-info .container picture .right-arrw {
  right: 95px;
}
.ozel-avantajli-teklifler section.tariffs-info .container .tariffs-property {
  border-radius: 5px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  display: inline-block;
  margin-top: -42px;
  padding: 0;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.ozel-avantajli-teklifler section.tariffs-info .container .tariffs-property li.item {
  line-height: 1.56;
  font-size: 16px;
  float: left;
  text-align: center;
  padding: 18px 30px;
  color: #222a43;
  position: relative;
  list-style: none;
}
.ozel-avantajli-teklifler section.tariffs-info .container .tariffs-property li.item strong {
  display: block;
  font-weight: 700;
}
.ozel-avantajli-teklifler section.tariffs-info .container .tariffs-property li.price {
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.5;
  background-color: #0082ca;
  border-radius: 0 5px 5px 0;
}
.ozel-avantajli-teklifler section.tariffs-info .container .plus li.item:not(:last-child):after {
  content: "+";
  position: absolute;
  right: -10px;
  font-family: "arial";
  font-weight: bold;
  color: #0082ca;
  top: 50%;
  transform: translateY(-50%);
}
.ozel-avantajli-teklifler section.tariffs-info .container h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 34px;
  text-align: center;
  margin-top: 0;
}
.ozel-avantajli-teklifler section.tariffs-info .container .list {
  padding: 0;
}
.ozel-avantajli-teklifler section.tariffs-info .container .list li {
  list-style: none;
  position: relative;
  color: #666f85;
  font-size: 16px;
  line-height: 1.63;
  margin-bottom: 30px;
  padding-left: 20px;
}
.ozel-avantajli-teklifler section.tariffs-info .container .list li::after {
  content: "";
  left: 0;
  border-color: transparent transparent transparent #0082ca;
  border-style: solid;
  border-width: 6px 8px;
  width: 0;
  height: 0;
  position: absolute;
  top: 7px;
}
.ozel-avantajli-teklifler section.tariffs-info .container .btn {
  border: solid 1px #0082ca;
  background: white;
  color: #0082ca;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
  width: 350px;
  margin-top: 19px;
}
.ozel-avantajli-teklifler section.tariffs-info .container .btn:hover {
  color: white;
  background: #0082ca;
}
@media screen and (max-width: 768px) {
  .ozel-avantajli-teklifler section.tariffs-info .container h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .ozel-avantajli-teklifler section.tariffs-info .container picture {
    height: 200px;
  }
  .ozel-avantajli-teklifler section.tariffs-info .container .text-center .tariffs-property {
    width: 100%;
  }
  .ozel-avantajli-teklifler section.tariffs-info .container .text-center .tariffs-property li {
    width: 100%;
    padding: 20px 30px;
  }
  .ozel-avantajli-teklifler section.tariffs-info .container .text-center .tariffs-property li::after {
    right: 50% !important;
    margin-right: -5px;
    bottom: -30px;
    top: inherit !important;
  }
  .ozel-avantajli-teklifler section.tariffs-info .container .btn {
    width: 100%;
  }
}
.ozel-avantajli-teklifler section.turquoise .backgrounds {
  background-color: #08bec9;
}
.ozel-avantajli-teklifler section.red .backgrounds {
  background-color: #df0e21;
}

[role=main] .welcome {
  padding: 0;
}
[role=main] .welcome .welcome-content {
  display: none;
}

.yeni-nesil-sehirler section.top-banner-area {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/yeni-nesil-sehirler-desktop-banner-1-v2.jpg);
  height: 530px;
  background-size: cover;
  background-position: center;
  background-position-y: -75px;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .yeni-nesil-sehirler section.top-banner-area {
    height: 80vw;
    background-position-y: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .yeni-nesil-sehirler section.top-banner-area {
    background-image: url(/SiteAssets/images/yeni-nesil-sehirler/yeni-nesil-sehirler-tablet-banner.jpg);
  }
}
@media (max-width: 767px) {
  .yeni-nesil-sehirler section.top-banner-area {
    background-image: url(/SiteAssets/images/yeni-nesil-sehirler/yeni-nesil-sehirler-mobil-banner.jpg);
  }
}
.yeni-nesil-sehirler section.top-banner-area .container {
  position: relative;
}
.yeni-nesil-sehirler section.top-banner-area .container .text-wrapper {
  position: absolute;
  top: 65px;
}
.yeni-nesil-sehirler section.top-banner-area .container .text-wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: 0.83px;
  color: #172a53;
  padding-bottom: 15px;
}
.yeni-nesil-sehirler section.top-banner-area .container .text-wrapper img {
  width: 100px;
}
@media screen and (max-width: 1200px) {
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper {
    top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper {
    text-align: center;
    top: 170px;
  }
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper h1 {
    color: #fff;
    font-size: 80px;
  }
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper img {
    position: absolute;
    left: 0;
    top: -140px;
  }
}
@media screen and (max-width: 500px) {
  .yeni-nesil-sehirler section.top-banner-area {
    background-position-x: right;
    max-height: 400px;
  }
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper {
    top: 150px;
  }
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper h1 {
    font-size: 40px;
  }
  .yeni-nesil-sehirler section.top-banner-area .container .text-wrapper img {
    display: none;
  }
}
.yeni-nesil-sehirler section.interesting-area-mobile {
  display: none;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container {
  overflow: hidden;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer {
  position: relative;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items {
  width: 100%;
  height: 220px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a {
  width: 180px;
  height: 180px;
  display: inline-block;
  position: relative;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a .normal {
  display: block;
  width: 90%;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a .selected {
  display: none;
  width: 90%;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a:hover .normal {
  display: none;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a:hover .selected {
  display: block;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a span {
  position: absolute;
  top: 69%;
  left: 45%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  text-align: center;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a::before {
  content: "";
  position: absolute;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/saglik.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%);
  background-size: 70%;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.second-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/platform.svg);
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.third-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/cevre.svg);
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.fourth-box {
  left: 4px;
  top: 4px;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.fourth-box span {
  left: 46%;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.fourth-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/platform.svg);
  left: 47%;
  top: 40%;
  background-size: 60%;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.fifth-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/yasam.svg);
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.sixth-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/guvenlik.svg);
  background-size: 50px;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-inner .foto-items .item a.seventh-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/enerji.svg);
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-liveregion {
  display: none;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-nav {
  bottom: 0;
  left: 50%;
  top: auto;
  position: absolute;
  transform: translateX(-50%);
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-nav button {
  min-width: auto;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-nav > [aria-controls] {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #dde2e7;
  border: 0;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .tns-outer .tns-nav > .tns-nav-active {
  background: #032a53;
}
.yeni-nesil-sehirler section.interesting-area-mobile .container .customize-tools {
  display: none;
}
.yeni-nesil-sehirler section.interesting-area {
  padding-top: 30px;
  padding-bottom: 85px;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/cozumler-bg.png);
  background-size: cover;
  background-position: center center;
}
.yeni-nesil-sehirler section.interesting-area .container {
  background: transparent;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-item h1 {
  font-size: 36px;
  color: rgb(23, 42, 83);
  line-height: 1.28;
  margin-bottom: 20px;
  margin-top: 50px;
  padding-right: 20px;
  font-weight: 700;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-item p {
  color: rgb(23, 42, 83);
  line-height: 1.71;
  letter-spacing: -0.2px;
  max-width: 360px;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-item a {
  font-size: 14px;
  text-align: center;
  color: rgb(255, 255, 255);
  width: 160px;
  height: 40px;
  line-height: 40px;
  background-color: rgb(4, 179, 199);
  display: inline-block;
  margin-top: 30px;
  text-decoration: none;
  transition: all 0.2s linear 0s;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-item a:hover {
  opacity: 0.8;
}
.yeni-nesil-sehirler section.interesting-area .container .row .col-lg-7 {
  display: flex;
  justify-content: flex-end;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes {
    scale: 0.7;
  }
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes .first-col {
  position: relative;
  bottom: -30px;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes .second-col {
  display: flex;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes .third-col {
  position: relative;
  top: -30px;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a {
  width: 190px;
  height: 190px;
  display: inline-block;
  position: relative;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a .normal {
  display: block;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a .selected {
  display: none;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a:hover .normal {
  display: none;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a:hover .selected {
  display: block;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a span {
  position: absolute;
  top: 75%;
  left: 51%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  text-align: center;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a::before {
  content: "";
  position: absolute;
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  background-size: 70%;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.first-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/ulasim.svg);
  left: 50%;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.second-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/saglik.svg);
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.third-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/cevre.svg);
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.fourth-box {
  left: 4px;
  top: 4px;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.fourth-box span {
  left: 49%;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.fourth-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/platform.svg);
  left: 47%;
  top: 40%;
  background-size: 80%;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.fifth-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/yasam.svg);
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.sixth-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/guvenlik.svg);
  background-size: 50px;
}
.yeni-nesil-sehirler section.interesting-area .container .row .interesting-boxes a.seventh-box::before {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/enerji.svg);
}
.yeni-nesil-sehirler section.project-news {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/proje-bg.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
  height: 530px;
}
.yeni-nesil-sehirler section.project-news .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yeni-nesil-sehirler section.project-news .container .project-link {
  width: 50%;
  display: block;
  height: 530px;
  position: absolute;
}
.yeni-nesil-sehirler section.project-news .container a.left {
  left: 0;
}
.yeni-nesil-sehirler section.project-news .container a.right {
  right: 0;
}
.yeni-nesil-sehirler section.project-news .container .col-12 .text {
  text-align: center;
}
.yeni-nesil-sehirler section.project-news .container .col-12 .text a {
  text-decoration: none;
}
.yeni-nesil-sehirler section.project-news .container .col-12 .text a h2 {
  font-size: 36px;
  margin-bottom: 30px;
  color: #fff;
}
.yeni-nesil-sehirler section.project-news .container .col-12 .text a p {
  font-size: 14px;
  color: #fff;
}
.yeni-nesil-sehirler section.project-news .container .col-md-6 {
  flex: 0 0 33%;
}
@media screen and (max-width: 768px) {
  .yeni-nesil-sehirler section.project-news .container .col-md-6 {
    width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .yeni-nesil-sehirler section.project-news .container .col-md-6 {
    flex: 0 0 50%;
  }
}
.yeni-nesil-sehirler section.project-news .container .col-md-offset-4 {
  margin-left: 33.33333333%;
}
@media screen and (max-width: 1024px) {
  .yeni-nesil-sehirler section.project-news .container .col-md-offset-4 {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .yeni-nesil-sehirler section.project-news {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .yeni-nesil-sehirler section.project-news .container a.project-link {
    height: 300px;
  }
  .yeni-nesil-sehirler section.project-news .container .row .fullwidth {
    background-size: cover;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .yeni-nesil-sehirler section.project-news .container .row .proje {
    background-image: url(/SiteAssets/images/yeni-nesil-sehirler/proje-bg.png);
  }
  .yeni-nesil-sehirler section.project-news .container .row .news {
    background-image: url(/SiteAssets/images/yeni-nesil-sehirler/haberler-bg.png);
  }
}
@media screen and (max-width: 991px) {
  .yeni-nesil-sehirler section.interesting-area {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .yeni-nesil-sehirler section.interesting-area .col-lg-7 {
    justify-content: center !important;
  }
  .yeni-nesil-sehirler section.interesting-area .container .row .interesting-item {
    text-align: center;
  }
  .yeni-nesil-sehirler section.interesting-area .container .row .interesting-item h1 {
    font-size: 24px;
    margin-top: 20px;
    padding-right: 0;
  }
  .yeni-nesil-sehirler section.interesting-area .container .row .interesting-item p {
    min-width: 100%;
  }
  .yeni-nesil-sehirler section.interesting-area .container .row .interesting-item a {
    margin-top: 20px;
  }
  .yeni-nesil-sehirler section.interesting-area-mobile {
    display: block;
  }
}

.yeni-nesil-sehirler-pages section.top-banners-area {
  background-size: cover;
  background-position: center;
  padding: 45px 0 45px 0;
}
@media (max-width: 767px) {
  .yeni-nesil-sehirler-pages section.top-banners-area {
    margin: 0;
    font-size: 13px;
    position: relative;
    padding: 0;
    border-top: 1px solid #dfe1e6;
    border-bottom: 2px solid #dfe1e6;
  }
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .sub-breadcrumb a {
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
  letter-spacing: 0.12px;
  font-size: 14px;
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .sub-breadcrumb a:not(:first-child):before {
  content: "/";
  display: inline-block;
  margin-right: 10px;
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .sub-breadcrumb a:not(:last-child) {
  text-decoration: underline;
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .sub-breadcrumb h1 {
  color: #fff;
  font-size: 42px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .yeni-nesil-sehirler-pages section.top-banners-area .container .sub-breadcrumb {
    padding: 15px;
    margin: 0 -15px;
    font-size: 13px;
    position: relative;
    background-color: #fff;
  }
  .yeni-nesil-sehirler-pages section.top-banners-area .container .sub-breadcrumb a {
    color: #172a53;
    letter-spacing: 0.11px;
    margin-right: 3px;
  }
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .row h1 {
  color: #fff;
  font-size: 42px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .row .visible-xs {
  display: none;
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .row p {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.2px;
  color: #fff;
}
.yeni-nesil-sehirler-pages section.top-banners-area .container .row .hidden-xs {
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .yeni-nesil-sehirler-pages section.top-banners-area .container .row h1 {
    margin: 0 -15px;
    padding: 10px 15px 10px 15px;
    font-size: 30px;
    color: #172a53 !important;
    background-color: #fff;
  }
  .yeni-nesil-sehirler-pages section.top-banners-area .container .row .hidden-xs {
    display: none;
  }
  .yeni-nesil-sehirler-pages section.top-banners-area .container .row .visible-xs {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 20px;
  }
  .yeni-nesil-sehirler-pages section.top-banners-area .container .row p {
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: -0.18px;
    color: #04102d;
    background-color: #fff;
    margin: 0 -15px -1px -15px;
    padding: 10px 15px 10px 15px;
  }
}
.yeni-nesil-sehirler-pages .nedir {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/nedir-header-bg.jpg);
}
.yeni-nesil-sehirler-pages .cozumler-root {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/projeler-landing-header-img.jpg);
}
.yeni-nesil-sehirler-pages .cozumler {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/header-bg-img.png);
}
.yeni-nesil-sehirler-pages .projeler {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/projeler-landing-header-img.jpg);
}
.yeni-nesil-sehirler-pages .haberler {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/haberler-header-bg.jpg);
}
.yeni-nesil-sehirler-pages .antalya {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/antalya-header-bg.jpg);
}
.yeni-nesil-sehirler-pages .karaman {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/karaman-header-bg.jpg);
}
.yeni-nesil-sehirler-pages .kars {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/kars-header-bg.jpg);
}
.yeni-nesil-sehirler-pages .kirsehir {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/projeler-bg.jpg);
}
.yeni-nesil-sehirler-pages .mersin {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/mersin-header-bg.jpg);
}
.yeni-nesil-sehirler-pages section.subpage-content {
  padding: 30px 0;
}
.yeni-nesil-sehirler-pages section.subpage-content h2 {
  font-size: 24px;
  line-height: 1.42;
  color: #04102d;
  margin-top: 0;
  margin: 15px 0;
  font-weight: 500;
}
.yeni-nesil-sehirler-pages section.subpage-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #04102d;
}
.yeni-nesil-sehirler-pages section.subpage-content .row img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.yeni-nesil-sehirler-pages section.subpage-content .row p {
  font-size: 14px;
  line-height: 1.71;
  color: #04102d;
}
.yeni-nesil-sehirler-pages section.subpage-content .row ul.list {
  list-style: none;
  padding: 0;
}
.yeni-nesil-sehirler-pages section.subpage-content .row ul.list li {
  margin: 10px 0;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/bullet.svg);
  background-repeat: no-repeat;
  background-position: left top 6px;
  padding-left: 20px;
}
.yeni-nesil-sehirler-pages .container .news-date {
  border: solid 2px #c1c7d0;
  width: 100%;
  height: 60px;
  padding-left: 20px;
  font-size: 18px;
  color: #172a53;
  background-color: #fff;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/triangle.png);
  background-repeat: no-repeat;
  background-position: center right 20px;
  margin-bottom: 20px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .button {
  padding: 20px 45px 20px 0;
  cursor: pointer;
  border-bottom: 2px solid #dfe1e6;
  position: relative;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .button .date {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #868c9a;
  margin-top: -5px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .button::before {
  content: "";
  width: 18px;
  height: 10px;
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/ok-pasif.png);
  transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
@media (max-width: 768px) {
  .yeni-nesil-sehirler-pages .container .cozumler-acc .button h2 {
    font-size: 20px;
  }
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .button.active {
  border-bottom: 2px solid transparent;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .button.active::before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/ok-aktif.png);
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .button.active h2 {
  color: #04b3c7;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide {
  padding-bottom: 195px;
  padding-top: 30px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide ul.list li {
  margin: 10px 0;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/bullet.svg);
  background-repeat: no-repeat;
  background-position: left top 6px;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .newspicture {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .newspicture .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 992px) {
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .newspicture .img-responsive {
    margin-bottom: 15px;
  }
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left {
  float: left;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left p,
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left .list li {
  font-size: 14px;
  line-height: 1.71;
  color: #04102d;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left ul.list li {
  margin: 10px 0;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/bullet.svg);
  background-repeat: no-repeat;
  background-position: left top 6px;
  padding-left: 20px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left ul.list2 {
  background: #f2f4f5;
  border-radius: 10px;
  padding: 15px 0 15px 15px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left ul.list2 li {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/check.svg);
  display: inline-block;
  width: 32%;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left img {
  display: block;
  max-width: 100%;
  height: auto;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right {
  float: right;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right p,
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right .list li {
  font-size: 14px;
  line-height: 1.71;
  color: #04102d;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right ul.list li {
  margin: 10px 0;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/bullet.svg);
  background-repeat: no-repeat;
  background-position: left top 6px;
  padding-left: 20px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right ul.list2 {
  background: #f2f4f5;
  border-radius: 10px;
  padding: 15px 0 15px 15px;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right ul.list2 li {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/check.svg);
  display: inline-block;
  width: 32%;
}
.yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right img {
  display: block;
  max-width: 100%;
  height: auto;
  float: right;
}
@media (max-width: 768px) {
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left {
    padding: 0;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left p {
    padding-top: 20px;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .left img {
    width: 100%;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right {
    padding: 0;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right p {
    padding-top: 20px;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right img {
    width: 100%;
  }
  .yeni-nesil-sehirler-pages .container .cozumler-acc .slide .slide-row .right ul.list2 li {
    width: 45%;
  }
}
.yeni-nesil-sehirler-pages .landing .container .row a {
  text-decoration: none;
}
.yeni-nesil-sehirler-pages .landing .container .row a img {
  display: block;
  margin: 0 auto;
  width: auto;
}
.yeni-nesil-sehirler-pages .landing .container .row p {
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #172a53;
  padding: 10px 0 20px 0;
}
.yeni-nesil-sehirler-pages .projects-info {
  background-color: #dfe1e6;
  padding: 45px 0 25px 0;
  margin-top: 50px;
  margin-bottom: 30px;
}
.yeni-nesil-sehirler-pages .projects-info .container h2 {
  font-size: 24px;
  line-height: 1.42;
  color: #04102d;
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .yeni-nesil-sehirler-pages .projects-info .container h2 {
    font-size: 20px;
  }
}
.yeni-nesil-sehirler-pages .projects-info .container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a {
  display: block;
  text-decoration: none;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a span.hover {
  display: block;
  position: relative;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a span.hover::before {
  content: "";
  position: absolute;
  width: 91%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  z-index: 2;
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/root/details.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms, visibility 300ms;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a span.hover img {
  opacity: 0.8;
  width: 90%;
  margin: 0 auto;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a span.hover:hover:before {
  visibility: visible;
  opacity: 1;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a p {
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #172a53;
  margin-top: 10px;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li a:hover {
  text-decoration: underline;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li .img-responsive {
  width: 90%;
  margin: 0 auto;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li p {
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #172a53;
  margin-top: 10px;
}
.yeni-nesil-sehirler-pages .projects-info .container ul li.c {
  width: 100%;
}

.huawei-mobil-servisler {
  background-image: url(/SiteAssets/images/bg-arrow.png);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: -110px;
}
.huawei-mobil-servisler .container {
  max-width: 1170px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .huawei-mobil-servisler .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .huawei-mobil-servisler .container .row {
    margin: 0;
  }
}
.huawei-mobil-servisler .top-banner-area {
  background-color: #f0eef0;
  padding: 15px;
  margin-bottom: 50px;
  position: relative;
  height: 420px;
  text-align: center;
  overflow: hidden;
}
.huawei-mobil-servisler .top-banner-area .banner-content {
  padding-top: 35px;
}
.huawei-mobil-servisler .top-banner-area .banner-content p {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.7px;
  text-align: left;
  color: #002855;
  padding: 0 65px 0 15px;
}
.huawei-mobil-servisler .top-banner-area .banner-image img {
  width: 90%;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .huawei-mobil-servisler .top-banner-area {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .huawei-mobil-servisler .top-banner-area .mobile-design {
    display: flex;
    flex-direction: column-reverse;
  }
  .huawei-mobil-servisler .top-banner-area .mobile-design .banner-content p {
    font-size: 25px;
    padding: 0;
    text-align: center;
    line-height: 1.2;
  }
}
.huawei-mobil-servisler .content .single-item {
  margin-bottom: 20px;
}
.huawei-mobil-servisler .content .single-item .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 28px;
}
.huawei-mobil-servisler .content .single-item .descr.vip {
  width: 175px;
  margin: auto;
  margin-right: 35px;
  font-size: 16px;
  text-align: left;
  color: #231917;
  line-height: 1.52;
}
.huawei-mobil-servisler .content .single-item .text-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.huawei-mobil-servisler .content .single-item:nth-child(1) .img-responsive {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .huawei-mobil-servisler .content .single-item .descr.vip {
    margin-right: auto;
  }
  .huawei-mobil-servisler .content .single-item .text-align-center .more-apps {
    margin-top: 20px !important;
  }
}
.huawei-mobil-servisler .sub-footer {
  padding: 50px;
}
.huawei-mobil-servisler .sub-footer .contact-info .item {
  margin-bottom: 25px;
}
.huawei-mobil-servisler .sub-footer .contact-info .item img {
  float: left;
  padding-top: 10px;
}
.huawei-mobil-servisler .sub-footer .contact-info .item p {
  margin: 0;
  margin-left: 60px;
  font-size: 1rem;
}
.huawei-mobil-servisler .sub-footer .contact-info .item p strong {
  font-weight: bold;
}
.huawei-mobil-servisler .sub-footer .contact-info .item p a {
  line-height: 0.88;
  text-align: left;
  color: #231917;
}
.huawei-mobil-servisler .sub-footer .contact-info .item .last-p {
  padding-top: 10px;
}
.huawei-mobil-servisler .sub-footer .text-align-right {
  text-align: right;
}
.huawei-mobil-servisler .sub-footer .text-align-right img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .huawei-mobil-servisler .sub-footer {
    padding: 0;
  }
  .huawei-mobil-servisler .sub-footer .contact-info .item img {
    width: 30px;
  }
  .huawei-mobil-servisler .sub-footer .contact-info .item p {
    margin-left: 40px;
  }
  .huawei-mobil-servisler .sub-footer .contact-info .item p a {
    font-size: 12px;
  }
}

.erisilebilir-yasam .container {
  max-width: 1170px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .erisilebilir-yasam .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .erisilebilir-yasam .container .row {
    margin: 0;
  }
}
.erisilebilir-yasam section {
  padding: 30px 0;
}
.erisilebilir-yasam section.gray {
  background: #eff4f9;
}
.erisilebilir-yasam section.gray .banner {
  height: 420px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.erisilebilir-yasam section.gray .banner .image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.erisilebilir-yasam section.gray .banner .text {
  text-align: left;
  padding-top: 70px;
}
.erisilebilir-yasam section.gray .banner .text h1 {
  color: #082f5b;
  font-size: 2.2rem;
  line-height: 3rem;
}
.erisilebilir-yasam section.gray .banner .text p {
  padding-top: 30px;
  color: #404f60;
  font-size: 1.24rem;
  line-height: 1.6rem;
}
.erisilebilir-yasam section.gray .banner .text .store {
  margin-top: 40px;
}
.erisilebilir-yasam section.gray .banner .text .store a {
  display: inline-block;
  margin-right: 10px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .erisilebilir-yasam section.gray .banner {
    height: auto;
  }
  .erisilebilir-yasam section.gray .banner .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .erisilebilir-yasam section.gray .banner .row .text {
    padding-top: 20px;
  }
  .erisilebilir-yasam section.gray .banner .row .text h1 {
    font-size: 1.9rem;
  }
  .erisilebilir-yasam section.gray .banner .row .text .store {
    margin-top: 20px;
  }
}
.erisilebilir-yasam section.gray .boxes {
  padding-top: 30px;
}
.erisilebilir-yasam section.gray .boxes .box {
  background-color: #fff;
  color: #566473;
  padding: 30px 20px;
  min-height: 180px;
  margin-bottom: 30px;
  box-shadow: 6px 12px 18px -23px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
}
.erisilebilir-yasam section.gray .boxes .box .visibleArea {
  position: relative;
}
.erisilebilir-yasam section.gray .boxes .box .visibleArea h3 {
  color: #082f5b;
  font-size: 1.57rem;
  display: inline-block;
  padding-bottom: 25px;
}
.erisilebilir-yasam section.gray .boxes .box .visibleArea img {
  float: right;
  margin-left: 10px;
  background-color: transparent;
  padding: 0;
}
@media screen and (max-width: 350px) {
  .erisilebilir-yasam section.gray .boxes .box .visibleArea img {
    width: 60px;
  }
}
.erisilebilir-yasam section.gray .boxes .box .visibleArea audio {
  display: none;
}
.erisilebilir-yasam section.gray .boxes .box .visibleArea p {
  font-size: 1.1rem;
  line-height: 1.69rem;
}
.erisilebilir-yasam section.gray .boxes .box .visibleArea p.visible-text {
  height: 70px;
}
.erisilebilir-yasam section.gray .boxes .box p.hidden-text {
  margin-top: 30px;
  display: none;
}
.erisilebilir-yasam section.gray .boxes .box p.hidden-text .close-text {
  display: block;
  text-align: right;
  margin-top: 30px;
}
.erisilebilir-yasam section.gray .boxes .active {
  width: calc(100% - 30px);
  z-index: 1;
  box-shadow: 6px 12px 18px -10px;
  height: auto;
  position: absolute;
}
.erisilebilir-yasam section.white {
  background: url(/SiteAssets/images/arrow.png) no-repeat center;
}
.erisilebilir-yasam section.white .container .row h2 {
  color: #082f5b;
  text-align: center;
  font-size: 2.14rem;
  line-height: 3rem;
}
.erisilebilir-yasam section.white .container .row .video {
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.erisilebilir-yasam section.white .container .row .video img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
}
.erisilebilir-yasam section.white .container .row .video .video-btn {
  background: transparent;
  border: none;
}
@media screen and (max-width: 768px) {
  .erisilebilir-yasam section.white .container .row h2 {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  .erisilebilir-yasam section.white .container .row h2 .hidden-xs {
    display: none;
  }
}
.erisilebilir-yasam .erisilebilir-yasam-footer .container .row h2 {
  color: #082f5b;
  text-align: center;
  font-size: 2.14rem;
  line-height: 3rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .erisilebilir-yasam .erisilebilir-yasam-footer .container .row h2 .hidden-xs {
    display: none;
  }
}
.erisilebilir-yasam .erisilebilir-yasam-footer .container .row .awards-text {
  color: #566473;
  font-size: 1.24rem;
  line-height: 1.6rem;
  text-align: center;
  margin: 30px 0;
}
.erisilebilir-yasam .erisilebilir-yasam-footer .container .row .awards-text p {
  margin-bottom: 15px;
}
.erisilebilir-yasam .erisilebilir-yasam-footer .container .awards-logo .col-12 {
  width: 50%;
  flex: auto;
}
.erisilebilir-yasam .erisilebilir-yasam-footer .container .awards-logo img {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
  display: block;
}
.erisilebilir-yasam .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.erisilebilir-yasam .modal .layer {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.erisilebilir-yasam .modal .content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  border-radius: 4px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 20px 60px;
}
@media (max-width: 767px) {
  .erisilebilir-yasam .modal .content iframe {
    width: 100%;
    height: 200px;
  }
}
@media (max-width: 767px) {
  .erisilebilir-yasam .modal .content {
    width: calc(100% - 30px);
    margin-left: 0;
    padding: 92px 20px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

.digital-servis-paketleri .container {
  max-width: 1170px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .digital-servis-paketleri .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.digital-servis-paketleri section {
  background: #fff;
}
.digital-servis-paketleri section .container {
  margin-top: 25px;
}
.digital-servis-paketleri section .container .row .white-text-item h1 {
  font-size: 26px;
  line-height: 1.23;
  letter-spacing: -0.65px;
  color: #002755;
  padding: 0 0 10px 0;
}
.digital-servis-paketleri section .container .row .white-text-item p {
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #002855;
  line-height: 1.4rem;
}
.digital-servis-paketleri section .container .row .white-text-item .list {
  margin-bottom: 16px;
  list-style: none;
  padding: 0 16px;
}
.digital-servis-paketleri section .container .row .white-text-item .list li {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #44464a;
  position: relative;
  margin: 8px 0;
}
.digital-servis-paketleri section .container .row .white-text-item .list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #049ead;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: 9px;
}
.digital-servis-paketleri section .container .row .white-text-item p.normal-word {
  margin-bottom: 5px;
  font-size: 1rem;
}
.digital-servis-paketleri section .container .row .white-image-item img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .digital-servis-paketleri section .container {
    margin-top: 0px;
  }
  .digital-servis-paketleri section .container .row {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .digital-servis-paketleri section .container .row .white-text-item h1 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    padding: 0 0 15px 0;
  }
  .digital-servis-paketleri section .container .row .white-text-item p {
    font-size: 0.8rem;
  }
  .digital-servis-paketleri section .container .row .white-text-item .list li {
    font-size: 0.9rem;
  }
}
.digital-servis-paketleri section.top-banner-area {
  background-image: url(/siteAssets/images/banner.jpg);
  height: 420px;
  background-position: center;
  background-size: cover;
}
.digital-servis-paketleri section.top-banner-area .mobile-banner {
  display: none;
}
.digital-servis-paketleri section.top-banner-area .container {
  padding-top: 50px;
}
.digital-servis-paketleri section.top-banner-area .container .row .banner-text {
  margin-bottom: 25px;
}
.digital-servis-paketleri section.top-banner-area .container .row .banner-text p {
  color: #fff;
  font-size: 30px;
  line-height: 1.22;
  letter-spacing: -0.9px;
  font-weight: bold;
}
.digital-servis-paketleri section.top-banner-area .container .row .banner-text .banner-button {
  background-color: #e5352e;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  padding: 16px;
  text-decoration: none;
  margin-top: 5px;
  display: inline-block;
}
@media (max-width: 991px) {
  .digital-servis-paketleri section.top-banner-area br {
    display: none;
  }
}
@media (max-width: 768px) {
  .digital-servis-paketleri section.top-banner-area {
    background-image: none;
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .digital-servis-paketleri section.top-banner-area .mobile-banner {
    width: 100%;
    display: block;
  }
  .digital-servis-paketleri section.top-banner-area .mobile-banner img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .digital-servis-paketleri section.top-banner-area .container {
    width: 100%;
    background-color: #f4f4f4;
    padding-top: 0;
  }
  .digital-servis-paketleri section.top-banner-area .container .row .banner-text {
    margin-bottom: 0;
    text-align: center;
  }
  .digital-servis-paketleri section.top-banner-area .container .row .banner-text p {
    color: #002755;
    font-size: 18px;
    padding-top: 10px;
  }
  .digital-servis-paketleri section.top-banner-area .container .row .banner-button {
    margin-bottom: 20px;
  }
}
.digital-servis-paketleri section.white {
  background-color: #fff;
  padding: 20px 0;
}
.digital-servis-paketleri section.gray {
  background-color: #f4f4f4;
  padding: 20px 0;
}
.digital-servis-paketleri section.gray .container .row {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .digital-servis-paketleri section.gray .container .row {
    flex-direction: column-reverse;
  }
}

.mobil-odeme .container {
  max-width: 1170px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .mobil-odeme .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mobil-odeme section.grey-area {
  background: #fbfbfb;
  padding: 50px 0 0 0;
}
@media (max-width: 768px) {
  .mobil-odeme section.grey-area {
    padding: 25px 0 0 0;
  }
}
.mobil-odeme section.white-area {
  background: #fff;
  padding: 50px 0 0 0;
}
@media (max-width: 768px) {
  .mobil-odeme section.white-area {
    padding: 25px 0 0 0;
  }
}
.mobil-odeme section.mo-header .tiny-slider-ortak {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item {
  width: 100%;
  height: 420px;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container {
  display: flex;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side {
  width: 50%;
  padding: 30px 0 0 0px;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side h2 {
  color: #fff;
  font-size: 30px;
  text-align: left;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .more-detail {
  position: relative;
  left: 0;
  color: #002855;
  background: #d7df21;
  margin-top: 20px;
  margin-bottom: 0;
  z-index: 1;
  float: left;
  padding: 5px 15px;
  text-decoration: none;
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  display: flex;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .more-detail .arrow-right {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #002855;
  position: relative;
  top: 7px;
  left: 7px;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .more-detail:hover {
  color: #fff;
  background-color: #0997a7;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .more-detail:hover .arrow-right {
  border-left: 10px solid #fff;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .allcampaing {
  position: absolute;
  bottom: 0;
  display: inline-block;
  bottom: 16px;
  line-height: 26px;
  height: 26px;
  border-radius: 14px;
  padding-left: 30px;
  padding-right: 30px;
  color: #172a53;
  font-weight: 600;
  text-decoration: none;
  font-size: 12px;
  z-index: 999;
  border: 1px solid #c3c2c2;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  margin-left: 45px;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .allcampaing:hover {
  background: #08bec9;
  color: #fff;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .right-side {
  width: 50%;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .item .container .right-side img {
  width: auto;
  height: auto;
  max-width: none !important;
  margin-left: -50px;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .apple-slide {
  background: url(/SiteAssets/images/subpage/bg7.jpg) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .first-slide {
  background: url(/SiteAssets/images/subpage/bg6.jpg) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .second-slide {
  background: url(/SiteAssets/images/subpage/bg5.jpg) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .third-slide {
  background: url(/SiteAssets/images/subpage/bgv3.png) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .fourth-slide {
  background: url(/SiteAssets/images/subpage/bgv2.jpg) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .fifth-slide {
  background: url(/SiteAssets/images/subpage/bgv1.jpg) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .sixth-slide {
  background: url(/SiteAssets/images/subpage/bg2.jpg) center center no-repeat;
  background-size: cover;
}
.mobil-odeme section.mo-header .tiny-slider-ortak .sixth-slide .container .left-side h2 {
  color: #002a53;
}
@media (max-width: 1200px) {
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container {
    max-width: 100%;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side {
    padding: 60px 0 0 30px;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side h2 {
    font-size: 24px;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .allcampaing {
    margin-left: -100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobil-odeme section.mo-header .tiny-slider-ortak .item {
    height: 322px;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .right-side img {
    height: 80%;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .mobil-odeme section.mo-header .tiny-slider-ortak .item {
    height: auto;
    max-height: 370px;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container {
    flex-direction: column-reverse;
    padding: 0;
    margin: 0;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .right-side {
    width: 100%;
    text-align: center;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .right-side img {
    margin-left: 0;
    width: 100%;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side {
    width: 100%;
    padding: 10px 0 0 0;
    background-color: #f2f2f2;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side h2 {
    text-align: center;
    padding: 0 10px;
    color: #002a53;
    font-size: 19px;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side h2 br {
    display: none;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .more-detail {
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
  }
  .mobil-odeme section.mo-header .tiny-slider-ortak .item .container .left-side .allcampaing {
    display: none;
  }
}
.mobil-odeme section.mo-header .tns-outer {
  position: relative;
  height: 420px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mobil-odeme section.mo-header .tns-outer {
    height: auto;
    min-height: 250px;
  }
  .mobil-odeme section.mo-header .tns-outer .tns-nav {
    top: auto;
  }
  .mobil-odeme section.mo-header .tns-outer .tns-nav button {
    min-width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobil-odeme section.mo-header .tns-outer .tns-nav {
    bottom: 15% !important;
    left: 35px !important;
  }
}
@media screen and (max-width: 768px) {
  .mobil-odeme section.mo-header .tns-outer .tns-nav {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mobil-odeme section.mo-header .tns-outer {
    height: auto;
  }
}
.mobil-odeme section.mo-header .tns-outer .tns-liveregion {
  display: none;
}
.mobil-odeme section.mo-header .tns-outer .tns-nav {
  bottom: 20%;
  left: 23%;
  margin: auto;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.mobil-odeme section.mo-header .tns-outer .tns-nav > [aria-controls] {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #dde2e7;
  border: 0;
}
.mobil-odeme section.mo-header .tns-outer .tns-nav > .tns-nav-active {
  background: #032a53;
}
.mobil-odeme section.mo-header .customize-tools,
.mobil-odeme section.mo-header .customizes-tools {
  display: none;
}
.mobil-odeme section.white-area {
  background: #fff;
  padding: 50px 0 0 0;
}
.mobil-odeme section.white-area .container .mobile-payment h1.wow {
  line-height: 3rem;
  font-size: 2rem;
  text-align: center;
  color: #002855;
  margin-bottom: 50px;
  padding: 0 100px;
  font-weight: 400;
}
.mobil-odeme section.white-area .container .mobile-payment .feature-list .row .content-block {
  text-align: center;
  min-height: 180px;
  margin-bottom: 30px;
}
.mobil-odeme section.white-area .container .mobile-payment .feature-list .row .content-block img {
  width: 60px;
  padding-bottom: 25px;
}
.mobil-odeme section.white-area .container .mobile-payment .feature-list .row .content-block p {
  line-height: 1.6rem;
  font-size: 1.15rem;
  color: #515151;
  padding: 15px 30px;
}
.mobil-odeme section.white-area .container .mobile-payment .feature-list .row .content-block p span.small {
  font-size: 12px;
  display: block;
}
@media (max-width: 767px) {
  .mobil-odeme section.white-area .container .mobile-payment h1.wow {
    padding: 0;
    line-height: 2rem;
    font-size: 1.6rem;
    margin-bottom: 35px;
  }
  .mobil-odeme section.white-area .container .mobile-payment .feature-list .row .content-block {
    margin-bottom: 10px;
  }
  .mobil-odeme section.white-area .container .mobile-payment .feature-list .row .content-block img {
    padding-bottom: 0;
  }
}
.mobil-odeme section.grey-area {
  background: #fbfbfb;
  padding: 50px 0 0 0;
}
.mobil-odeme section.grey-area .container h1 {
  line-height: 3rem;
  font-size: 2rem;
  text-align: center;
  color: #002855;
  margin-bottom: 50px;
  padding: 0 100px;
  font-weight: 400;
}
.mobil-odeme section.grey-area .container .activated__content {
  width: 100%;
  padding-bottom: 20px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item {
  position: relative;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul {
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read {
  list-style: none;
  width: 20%;
  display: block;
  margin: 0 20px 10px 20px;
  position: relative;
  z-index: 999;
  height: 50px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read .point-num {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #002653;
  background: #cedc00;
  border-radius: 100%;
  line-height: 20px;
  border: 1px solid rgba(255, 225, 225, 0.5);
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  position: absolute;
  right: 20px;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read .point-num::before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  background: rgba(206, 220, 0, 0.2);
  border-radius: 100%;
  width: 22px;
  height: 22px;
  transform: scale(2);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read span {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5rem;
  color: #002552;
  margin-bottom: 15px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read p {
  display: none;
  color: #515151;
  font-size: 13px;
  position: absolute;
  left: -40px;
  padding: 0 35px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.first {
  left: -256px;
  top: 71px;
  text-align: center;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.first .point-num {
  right: 25px;
}
@media (max-width: 768px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.first .point-num {
    right: 0;
  }
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.second {
  left: 335px;
  top: 15px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.second .point-num {
  left: -57px;
  right: auto;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.third {
  top: 106px;
  left: -295px;
  text-align: center;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.fourth {
  top: 60px;
  left: 355px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.fourth .point-num {
  left: -57px;
  right: auto;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text {
  display: none !important;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right {
  width: 100%;
  position: relative;
  background: url(/SiteAssets/images/subpage/mobile-bg-dots.png) center center no-repeat;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area {
  width: 270px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .slider-img {
  z-index: 100;
  position: relative;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak {
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak .item {
  display: flex;
  justify-content: center;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak .item .activated__text2 {
  display: none;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak .item img {
  width: 99%;
  height: 483px;
  margin: 0 auto;
}
@media (max-width: 550px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak .item img {
    width: 100% !important;
  }
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer {
  position: absolute;
  height: 480px;
  top: 13px;
  left: 49%;
  width: 230px;
  overflow: hidden;
  z-index: 1;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer {
    height: auto;
    min-height: 250px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-nav {
    top: auto;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-nav button {
    min-width: auto;
  }
}
@media screen and (max-width: 991px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-nav {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer {
    height: auto;
  }
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-liveregion {
  display: none;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-nav {
  display: none;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-nav > [aria-controls] {
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #dde2e7;
  border: 0;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer .tns-nav > .tns-nav-active {
  background: #032a53;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools,
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools {
  position: relative;
  bottom: 160px;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls,
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls {
  list-style: none;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls li.prev,
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls li.prev {
  display: block;
  position: absolute;
  left: 0;
  height: 50px;
  margin-top: -75px;
  cursor: pointer;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls li.next,
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls li.next {
  display: block;
  position: absolute;
  right: 0;
  height: 50px;
  margin-top: -75px;
  cursor: pointer;
}
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls img,
.mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls img {
  width: 48px;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls li.prev,
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls li.prev {
    left: 30px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls li.next,
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls li.next {
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls li.prev,
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls li.prev {
    left: 10px;
    margin-top: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls li.next,
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls li.next {
    right: 10px;
    margin-top: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customize-tools .controls img,
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .customizes-tools .controls img {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1023px) and (max-width: 1200px) {
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read {
    width: 15%;
  }
}
@media (max-width: 991px) {
  .mobil-odeme section.grey-area {
    padding: 0 0 80px 0;
    margin: 0;
    background-size: contain;
  }
  .mobil-odeme section.grey-area .container h1 {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 35px;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 2rem;
    font-weight: 400;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item {
    width: 100%;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 120px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    align-items: flex-end;
    padding: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read {
    list-style: none;
    width: 25px;
    display: block;
    margin: 0 5px 10px 5px;
    position: relative;
    z-index: 999;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read .point-num {
    width: 17px;
    height: 17px;
    font-size: 12px;
    position: relative;
    right: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read .point-num::before {
    width: 15px;
    height: 15px;
    left: 1px;
    top: 1px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read span {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5rem;
    color: #002552;
    margin-bottom: 15px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul .activated__left--read p {
    display: none;
    color: #99a9bb;
    padding: 0 0 0 20px;
    font-size: 15px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li {
    width: 10% !important;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li p {
    display: none !important;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li span {
    display: none !important;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.first {
    left: 0;
    top: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.second {
    left: 0;
    top: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.second .point-num {
    left: 0;
    right: auto;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.third {
    top: 0;
    left: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.fourth {
    top: 0;
    left: 0;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left ul li.fourth .point-num {
    left: 0;
    right: auto;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text {
    display: block !important;
    position: relative;
    bottom: 0;
    height: 80px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area {
    width: 100%;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area .tiny-slider-ortak {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area .tiny-slider-ortak .item {
    display: flex;
    justify-content: center;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area .tiny-slider-ortak .item p {
    padding: 0 20px;
    font-size: 12px;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area .tns-outer {
    position: relative;
    height: 480px;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    height: auto;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area .tns-outer .tns-liveregion {
    display: none;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__left .mobile-slider-text .container .slider-area .tns-outer .tns-nav {
    display: none;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right {
    margin: 0;
    width: 100%;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area {
    text-align: center;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak {
    justify-content: center;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak .item {
    flex-direction: column;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tiny-slider-ortak .item img {
    width: auto;
    height: auto;
  }
  .mobil-odeme section.grey-area .container .activated__content .activated__item .activated__right .container .slider-area .tns-outer {
    left: 50%;
  }
}
@media (max-width: 768px) {
  .mobil-odeme section.grey-area .tabs {
    margin-bottom: 0;
  }
  .mobil-odeme section.grey-area .container h1 {
    padding: 20px 0 20px 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
  }
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.list li {
  position: relative;
  padding-left: 15px;
  margin: 8px 0;
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.list li::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #0082ca;
  border-left: 1px solid #0082ca;
  transform: rotate(135deg);
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.list li ul.list li {
  position: relative;
  padding-left: 15px;
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.list li ul.list li::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #0082ca;
  border-left: 1px solid #0082ca;
  transform: rotate(135deg);
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.list li ul.list li ul.list li {
  position: relative;
  padding-left: 15px;
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.list li ul.list li ul.list li::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #0082ca;
  border-left: 1px solid #0082ca;
  transform: rotate(135deg);
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.logo-list {
  display: flex;
  gap: 30px;
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.logo-list li {
  opacity: 0.3;
}
.mobil-odeme section.grey-area .tabs .tab-content .tab-pane .accordion .accordion-item .accordion-content .accordion-content-body ul.logo-list li:hover {
  opacity: 1;
}
.mobil-odeme section.white-area {
  background: #fff;
  padding: 50px 0 0 0;
}
.mobil-odeme section.white-area .container .content {
  padding-bottom: 50px;
}
.mobil-odeme section.white-area .container .content h3 {
  line-height: 3rem;
  font-size: 30px;
  text-align: center;
  color: #002855;
  margin-bottom: 50px;
  padding: 0 100px;
  font-weight: 400;
}
.mobil-odeme section.white-area .container .content .left-area {
  position: relative;
  float: left;
  width: 100%;
  min-height: 450px;
}
.mobil-odeme section.white-area .container .content .left-area .arrow-green {
  width: 0;
  position: absolute;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 40px solid #cddc00;
  left: 93%;
  top: 22px;
}
.mobil-odeme section.white-area .container .content .left-area .arrow-blue {
  left: 52%;
  top: 45px;
  width: 0;
  position: absolute;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 70px solid #0087ca;
  z-index: 9;
}
.mobil-odeme section.white-area .container .content .left-area .arrow-dark-blue {
  width: 0;
  position: absolute;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #002855;
  left: 83%;
  top: 138px;
  z-index: 9;
}
.mobil-odeme section.white-area .container .content .left-area .arrow-red {
  width: 0;
  position: absolute;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #e63323;
  left: 8%;
  top: 240px;
  z-index: 9;
}
.mobil-odeme section.white-area .container .content .left-area .arrow-tourquise {
  width: 0;
  position: absolute;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 40px solid #05b4c8;
  left: 26%;
  top: 295px;
  z-index: 9;
}
.mobil-odeme section.white-area .container .content .left-area .image {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.mobil-odeme section.white-area .container .content .left-area .img2 {
  left: 250px;
  top: 195px;
  z-index: 2;
}
.mobil-odeme section.white-area .container .content .right-area h4 {
  font-size: 20px;
  color: #002855;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1.2;
}
.mobil-odeme section.white-area .container .content .right-area p {
  font-size: 16px;
  color: #515151;
  line-height: 28px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .mobil-odeme section.white-area .container .content h3 {
    padding: 0;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .image {
    width: 70%;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .img2 {
    width: 60%;
    left: 40%;
    top: 146px;
  }
}
@media (max-width: 991px) {
  .mobil-odeme section.white-area .container .content .hero-area .left-area {
    min-height: 350px;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .arrow-dark-blue {
    z-index: 1;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .arrow-blue {
    z-index: 1;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .img2 {
    width: 60%;
    top: 120px;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .arrow-red {
    top: 180px;
  }
  .mobil-odeme section.white-area .container .content .hero-area .left-area .arrow-tourquise {
    top: 230px;
  }
  .mobil-odeme section.white-area .container .content .hero-area .right-area p {
    margin-bottom: 5px;
  }
}
.mobil-odeme section.iframe .container .content {
  padding-bottom: 50px;
}
.mobil-odeme section.iframe .container .content h3 {
  line-height: 3rem;
  font-size: 2rem;
  text-align: center;
  color: #002855;
  margin-bottom: 50px;
  padding: 0 100px;
  font-weight: 400;
}
.mobil-odeme section.iframe .container .content .mb-5 {
  margin-bottom: 30px;
}
.mobil-odeme section.iframe .container .content h4 {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  color: #002855;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .mobil-odeme section.iframe {
    padding: 0;
  }
  .mobil-odeme section.iframe .container .content {
    padding-bottom: 0;
  }
  .mobil-odeme section.iframe .container .content h3 {
    padding: 0 20px;
    margin-bottom: 25px;
  }
}
.mobil-odeme section.sss {
  padding: 0 0 20px 0;
}
.mobil-odeme section.allcampaings {
  padding: 0 0 20px 0;
}
.mobil-odeme section.allcampaings .container .tab-content {
  padding: 25px 0;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .col-2-block {
  margin-bottom: 30px;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .left {
  float: left;
  width: 50%;
  padding-right: 15px;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .left a {
  display: block;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .left a img {
  width: 100%;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .right {
  float: right;
  width: 50%;
  padding-left: 15px;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .right h3 {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #002855;
  margin-bottom: 15px;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .right h3 a {
  color: #002855;
  text-decoration: none;
}
.mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .right p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #515151;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .mobil-odeme section.allcampaings .container .tab-content .collapse .row .col-2-block {
    margin: 30px 0 0 0;
  }
  .mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .left {
    width: 100%;
    padding-right: 0;
  }
  .mobil-odeme section.allcampaings .container .tab-content .collapse .row .content-block .right {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}
.mobil-odeme section.white-area .container .partners .row figure {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.mobil-odeme section.white-area .container .content .row figure {
  padding-right: 30px;
  border-right: 1px solid #ddd;
}
.mobil-odeme section.white-area .container .content .row figure img {
  opacity: 0.3;
  width: 100%;
  position: relative;
}
.mobil-odeme section.white-area .container .content .row figure img:hover {
  opacity: 1;
}

.tt-iot section {
  padding: 30px 0;
  color: #002855;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.tt-iot section h2 {
  text-align: center;
  font-size: 2.42rem;
  padding-bottom: 30px;
  font-weight: 400;
}
.tt-iot section.banner {
  background-image: url("/SiteAssets/images/turk-telekom-iot/Banner_Img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 420px;
}
.tt-iot section.banner .left-arrow {
  background: url(/SiteAssets/images/turk-telekom-iot/left-arrow.png) no-repeat left top;
  width: 270px;
  height: 331px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -900px;
  margin-top: -168px;
}
.tt-iot section.banner .right-arrow {
  background: url(/SiteAssets/images/turk-telekom-iot/right-arrow.png) no-repeat left top;
  width: 269px;
  height: 259px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 600px;
  margin-top: -100px;
}
.tt-iot section.banner span {
  display: block;
  color: #002855;
  text-align: left;
  font-size: 3rem;
  margin-top: 150px;
  font-weight: 700;
  line-height: 1;
}
.tt-iot section.title {
  background: #cedc00;
}
.tt-iot section.title ul {
  display: flex;
  justify-content: center;
}
.tt-iot section.title ul li {
  color: #002855;
  float: left;
  text-align: center;
  font-size: 1.14rem;
}
.tt-iot section.title ul li a {
  color: #002855 !important;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 18px;
}
.tt-iot section.title ul li a:hover {
  text-decoration: none;
}
.tt-iot section.title select {
  display: none;
}
.tt-iot section.blue {
  color: #fff;
  background-color: #14457b;
}
.tt-iot section.blue p {
  font-size: 1rem;
  padding-bottom: 22px;
  text-align: center;
  line-height: 1.8rem;
  color: #fff;
  margin-bottom: 0;
}
.tt-iot section.blue h2 {
  color: #cedc00 !important;
}
.tt-iot section.blue h2 a {
  color: #cedc00 !important;
  text-decoration: none;
}
.tt-iot section.blue h6 {
  color: #cedc00 !important;
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-align: center;
}
.tt-iot section.blue .icons-image {
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-align: center;
}
.tt-iot section.blue .icons-content {
  margin: 30px 0;
}
.tt-iot section.blue .icons-content p {
  padding-left: 15px;
  padding-right: 15px;
}
.tt-iot section.blue.nedir {
  background-image: url(/SiteAssets/images/turk-telekom-iot/nedir.png);
}
.tt-iot section.blue.platformlar {
  background-image: url(/SiteAssets/images/turk-telekom-iot/platform.png);
}
.tt-iot section.blue.gelecek-teknoloji {
  background-image: url(/SiteAssets/images/turk-telekom-iot/gelecek-teknoloji.png);
}
.tt-iot section.kazandirdiklari img {
  display: block;
  margin: 0 auto;
}
.tt-iot section.kazandirdiklari h3 {
  font-size: 1.42rem;
  text-align: center;
  padding: 30px 0;
}
.tt-iot section.kazandirdiklari span {
  font-size: 1.12rem;
  color: #515151;
  text-align: center;
  display: block;
  line-height: 1.4rem;
}
.tt-iot section.akilli-alanlar img {
  display: block;
  margin: 0 auto;
}
.tt-iot section.akilli-alanlar h3 {
  font-size: 1.42rem;
  text-align: center;
  padding: 30px 0;
}
.tt-iot section.akilli-alanlar p {
  color: #515151;
  font-size: 1.14rem;
  padding-bottom: 30px;
  text-align: center;
}
.tt-iot section.neden img {
  display: block;
  margin: 0 auto;
}
.tt-iot section.neden h3 {
  font-size: 1.42rem;
  text-align: center;
  padding: 30px 0;
}
.tt-iot section.neden p {
  color: #515151;
  font-size: 1.14rem;
  padding-bottom: 30px;
  text-align: center;
}
.tt-iot section.neden .n-item {
  min-height: 282px;
}
.tt-iot section.neden .n-item p {
  line-height: 1.4rem;
}
.tt-iot section.sektorel .s-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f2f2f2;
}
.tt-iot section.sektorel .s-item.last {
  margin-bottom: 0;
  margin: 0 auto;
  float: none;
  min-height: 101px;
}
.tt-iot section.sektorel img {
  float: left;
}
.tt-iot section.sektorel span {
  float: left;
  color: #002855;
  font-size: 1.12rem;
  padding-top: 25px;
  padding-left: 20px;
}
.tt-iot section.gray {
  background: #f8f8f8;
}
.tt-iot section.gelecek-teknoloji ul.yellow-list li {
  color: #cedc00;
  font-size: 1.14rem;
  margin-bottom: 1px;
  text-align: left;
  list-style-type: disc;
}
.tt-iot section.gelecek-teknoloji ul.yellow-list .yellow-sublist li {
  color: #fff;
  list-style-type: none;
}
.tt-iot section.gelecek-teknoloji ul.yellow-list .yellow-sublist li span {
  display: inline-block;
  padding-right: 10px;
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .tt-iot section.banner {
    background-position: 60%;
  }
  .tt-iot section.banner span {
    font-size: 2.6rem;
    margin-top: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tt-iot section.sektorel span {
    font-size: 1rem;
    padding-left: 10px;
  }
  .tt-iot section.gelecek-teknoloji ul.yellow-list {
    padding-left: 15px;
  }
  .tt-iot section.neden .n-item {
    min-height: 300px;
  }
  .tt-iot section.banner {
    background-position: 43%;
  }
  .tt-iot section.banner span {
    margin-top: 80px;
    font-size: 2.2rem;
  }
}
@media (max-width: 767px) {
  .tt-iot .img-responsive {
    width: auto !important;
  }
  .tt-iot section.sektorel img {
    float: none;
    margin: 0 auto;
  }
  .tt-iot section.gelecek-teknoloji ul.yellow-list {
    padding-left: 15px;
  }
  .tt-iot section.blue.nedir {
    background-image: none;
  }
  .tt-iot section.blue.platformlar {
    background-image: none;
  }
  .tt-iot section.blue.gelecek-teknoloji {
    background-image: none;
  }
  .tt-iot section.banner {
    background-position: 44%;
    background-size: cover;
    height: 220px;
  }
  .tt-iot section.banner span {
    margin-top: 40px;
    font-size: 1.6rem;
  }
  .tt-iot section.kazandirdiklari span {
    margin-bottom: 30px;
  }
  .tt-iot section.title ul {
    display: none;
  }
  .tt-iot section.title select {
    display: block;
    width: 100%;
    height: 40px;
    padding-left: 10px;
  }
}
.yeni-nesil-sehirler-pages .kocaeli {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Kocaeli-Bant.jpg);
}

.yeni-nesil-sehirler-pages .konya {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Konya-Bant.jpg);
}

.yeni-nesil-sehirler-pages .denizli {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Denizli-Bant.jpg);
}

.yeni-nesil-sehirler-pages .aksaray {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Aksaray-Bant.jpg);
}

.yeni-nesil-sehirler-pages .duzce {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Duzce-Bant.jpg);
}

.yeni-nesil-sehirler-pages .osmaniye {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Osmaniye-Bant.jpg);
}

.yeni-nesil-sehirler-pages .elazig {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Elazig-Bant.jpg);
}

.yeni-nesil-sehirler-pages .kutahya {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Kutahya-Bant.jpg);
}

.yeni-nesil-sehirler-pages .edirne {
  background-image: url(/SiteAssets/images/yeni-nesil-sehirler/nedir/Edirne-Bant.jpg);
}

.map-block {
  position: relative;
  margin-bottom: 40px;
}
.map-block #map {
  height: 615px;
}
@media (max-width: 767px) {
  .map-block #map {
    height: 405px;
  }
}

.map-search-block {
  position: absolute;
  right: 132px;
  top: 50%;
  transform: translateY(-50%);
  width: 272px;
  background-color: #FFF;
  border-radius: 4px;
  padding: 20px 16px;
  z-index: 1;
}
@media (max-width: 991px) {
  .map-search-block {
    position: static;
    transform: none;
    width: auto;
    margin-bottom: 12px;
  }
}
.map-search-block h2 {
  color: #222943;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .map-search-block h2 {
    display: none;
  }
}
@media (max-width: 1200px) {
  .map-search-block .nav {
    display: flex;
  }
}
.map-search-block .show-near {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  text-decoration: none;
}
@media (max-width: 991px) {
  .map-search-block .show-near {
    margin-top: 1px;
  }
}
.map-search-block .show-near i {
  margin-right: 10px;
}
.map-search-block .form-group {
  margin-bottom: 16px;
}
.map-search-block .form-group .select2-selection__rendered {
  padding: 16px !important;
}
.map-search-block .input-group {
  border: 1px solid #dee3ed;
  border-radius: 4px;
}
.map-search-block .input-group button {
  min-width: 60px;
  width: 60px;
}
.map-search-block .input-group .xlarge {
  padding: 16px;
}
.map-search-block .input-group.input-group-search {
  box-shadow: none;
}
.map-search-block .input-group.input-group-search .input-group-append .btn-outline-secondary {
  display: flex;
  align-items: center;
}
.map-search-block .btn {
  width: 100%;
}

.map-result-block .head-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.gm-style-iw, .gm-style-iw-c {
  padding: 0 !important;
  max-width: 470px !important;
  max-height: 162px !important;
}
.gm-style-iw .gm-style-iw-d, .gm-style-iw-c .gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style-iw .gm-style-iw-d .contact-card-block, .gm-style-iw-c .gm-style-iw-d .contact-card-block {
  padding: 20px !important;
}
.gm-style-iw .gm-style-iw-d .contact-card-block .text-block, .gm-style-iw-c .gm-style-iw-d .contact-card-block .text-block {
  justify-content: flex-start !important;
}
.gm-style-iw .gm-style-iw-d .contact-card-block .text-block .address, .gm-style-iw-c .gm-style-iw-d .contact-card-block .text-block .address {
  margin-bottom: 10px;
  font-weight: 600;
}
.gm-style-iw .gm-style-iw-d p, .gm-style-iw-c .gm-style-iw-d p {
  font-size: 16px;
  color: #222943;
}
.gm-style-iw button, .gm-style-iw-c button {
  display: none !important;
}
.gm-style-iw:after, .gm-style-iw-c:after {
  display: none !important;
}

.leadband {
  padding: 40px 0 50px 0;
}
@media (max-width: 768px) {
  .leadband {
    padding-bottom: 32px;
  }
}
.leadband .container {
  background: linear-gradient(to left, #bb2254, #ef8223);
  border-radius: 8px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 32px 40px 0px;
  max-width: 1170px;
  position: relative;
}
@media (max-width: 767px) {
  .leadband .container {
    padding: 0px 16px 20px 16px;
    flex-wrap: wrap;
    height: auto !important;
    width: auto;
  }
  .leadband .container .band-img img:first-child {
    display: none;
  }
  .leadband .container .band-img img:last-child {
    display: block !important;
    transform: translate(-17px, -18px);
  }
  .leadband .container .text {
    margin-top: -12px;
    width: 100%;
  }
  .leadband .container .text .description {
    margin-top: 8px;
  }
  .leadband .container .buttons {
    margin-top: 12px;
    width: 100%;
  }
  .leadband .container .buttons a {
    width: 100%;
  }
}
.leadband .container .band-img {
  z-index: 2;
}
.leadband .container .band-img img {
  height: 182px;
  width: 190px;
  z-index: 2;
}
.leadband .container .band-img img:last-child {
  display: none;
}
.leadband .text {
  width: 70%;
}
.leadband .text .title {
  font-size: 18;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
}
.leadband .text .description {
  font-size: 16;
  font-size: 1rem;
  font-weight: lighter;
  color: #fff;
  opacity: 0.75;
}
.leadband .buttons a {
  border-radius: 22px;
  width: 190px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leadband.evde-internet-lead .container {
  background-image: linear-gradient(to left, #f23524, #642c7b);
}
@media (max-width: 767px) {
  .leadband.evde-internet-lead .container {
    position: relative;
    background-image: linear-gradient(to right, #f23524, #642c7b);
  }
}
.leadband.evde-internet-lead .container::after {
  content: url("https://bireysel.turktelekom.com.tr/tt-mobil/PublishingImages/bg-shape.png");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.leadband.evde-internet-lead .container .band-img {
  width: 280px;
}
.leadband.evde-internet-lead .container .band-img img {
  display: block;
  transform: translateY(30px);
}
@media (max-width: 767px) {
  .leadband.evde-internet-lead .container .band-img img {
    transform: translate(-16px, 0px);
    width: 233px;
    margin-top: -28px;
  }
}
.leadband.evde-internet-lead .container .buttons {
  display: flex;
  gap: 20px;
  z-index: 4;
}
@media (max-width: 767px) {
  .leadband.evde-internet-lead .container .buttons {
    flex-direction: column;
  }
}
.leadband.prepaid-sim .container {
  height: 176px;
  background-image: linear-gradient(to left, #642c7b, #f23524);
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .leadband.prepaid-sim .container {
    position: relative;
    background-image: linear-gradient(to right, #642c7b, #f23524);
  }
}
.leadband.prepaid-sim .container::after {
  content: url("https://bireysel.turktelekom.com.tr/tt-mobil/PublishingImages/bg-shape.png");
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.leadband.prepaid-sim .container .band-img img {
  display: block;
  transform: translateY(-10px);
  width: 221px;
}
@media (max-width: 767px) {
  .leadband.prepaid-sim .container .band-img img {
    transform: translate(-16px, 0px);
    width: 233px;
    margin-top: -28px;
  }
}
.leadband.prepaid-sim .container .text {
  width: 76%;
}
.leadband.prepaid-sim .container .text .description {
  margin-top: 20px;
  opacity: unset;
}
.leadband.prepaid-sim .container .text .description ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: -6px;
}
.leadband.cyber-security .container {
  background: linear-gradient(to left, #ef8223, #bb2254);
}
@media (max-width: 767px) {
  .leadband.cyber-security .container .band-img img:first-child {
    margin-left: -16px;
    margin-top: -8px;
    display: block;
  }
  .leadband.cyber-security .container .band-img img:last-child {
    display: block !important;
    transform: translate(-17px, -18px);
  }
  .leadband.cyber-security .container .text {
    max-width: unset !important;
    margin-top: 0px !important;
  }
}
.leadband.cyber-security .container .band-img {
  width: 230px;
  margin-bottom: 10px;
}
.leadband.cyber-security .container .band-img img {
  width: unset !important;
}
.leadband.cyber-security .text {
  max-width: 57% !important;
}
.mobile-main-filter {
  display: flex;
  justify-content: center;
  background: #ecf8f9;
  border-radius: 8px;
  max-height: 524px;
  justify-content: space-between;
  padding: 60px 93px 60px 100px;
  max-width: 1170px;
}
.mobile-main-filter.home-internet-filter {
  padding: 60px 36px;
  background: rgba(0, 103, 119, 0.06);
  max-height: 580px;
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter {
    padding: 20px 20px 32px 20px;
    height: unset;
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .right-part {
    padding: 0;
  }
}
.mobile-main-filter.home-internet-filter .container .row .left-part {
  max-width: 625px;
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .left-part {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .left-part .row {
    margin: 0;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .left-part .row .package-filter {
    padding: 0;
    margin: 0px;
  }
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .left-part .row .package-filter.last {
    margin-top: -20px;
  }
}
.mobile-main-filter.home-internet-filter .container .row .left-part .row .package-filter h5 {
  margin-bottom: 8px;
}
.mobile-main-filter.home-internet-filter .container .row .left-part .row .package-filter p {
  margin-top: 8px;
  height: 30px;
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .left-part .row .hat-tipi-filter {
    padding: 0;
    margin: 0;
    max-height: 175px;
  }
}
.mobile-main-filter.home-internet-filter .container .row .left-part .row .hat-tipi-filter h5 {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .mobile-main-filter.home-internet-filter .container .row .left-part .row .col-12 .title {
    margin-bottom: 0px;
  }
}
.mobile-main-filter .container > .row {
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.mobile-main-filter .container > .row .left-part {
  max-width: 576px;
}
.mobile-main-filter .container > .row .left-part .row .group h5 {
  font-size: 18;
  font-size: 1.125rem;
  font-weight: bold;
}
.mobile-main-filter .container > .row .left-part .row .group > p {
  font-size: 14;
  font-size: 0.875rem;
  font-weight: normal;
}
.mobile-main-filter .container > .row .left-part .row .group > ul {
  padding-left: 12px;
}
.mobile-main-filter .container > .row .left-part .row .group > ul li .form-group {
  margin-bottom: 32px;
}
.mobile-main-filter .container > .row .left-part .row .group p {
  margin-top: 8px;
  height: 30px;
}
@media (max-width: 767px) {
  .mobile-main-filter .container > .row .left-part .row .col-12 {
    padding: 0;
    margin: 0;
  }
}
.mobile-main-filter .container > .row .left-part .row .col-12 .title {
  font-size: 24px;
  font-size: 1.5rem;
  color: #222943;
  width: 100%;
  text-align: start;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .mobile-main-filter .container > .row .left-part .row .col-12 .title {
    margin-bottom: 24px;
  }
}
.mobile-main-filter .container > .row .right-part {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-main-filter .container > .row .right-part img {
  transform: translateY(-20px);
}
@media (max-width: 767px) {
  .mobile-main-filter {
    height: auto;
    max-height: unset;
    padding: 20px 16px 20px 16px;
    margin: 0;
    flex-direction: column;
  }
  .mobile-main-filter .container > .row {
    width: 100%;
  }
  .mobile-main-filter .container > .row .left-part {
    order: 1;
  }
  .mobile-main-filter .container > .row .left-part > .row .group ul {
    margin-bottom: 0;
  }
  .mobile-main-filter .container > .row .left-part > .row .group ul li > div {
    margin-bottom: 0px !important;
    height: 56px;
  }
  .mobile-main-filter .container > .row .left-part > .row .group:first-child {
    border-bottom: 1px solid #dee3ed;
    margin-bottom: 20px;
  }
  .mobile-main-filter .container > .row .right-part {
    order: 0;
  }
  .mobile-main-filter .container > .row .right-part img {
    width: 249px;
    margin-top: 20px;
  }
}

.container.mobile-showcase-chance {
  background: linear-gradient(to bottom, #0abec7, #048a95);
  border-radius: 8px;
  padding: 60px 50px 60px 50px;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance * {
    transition: none !important;
  }
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance {
    margin-right: -15px;
    margin-left: -15px;
    width: 100vw;
    border-radius: 0px;
  }
}
.container.mobile-showcase-chance .tabs {
  margin-bottom: 0px;
  margin-top: 0px !important;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar h3 {
  text-align: center;
  color: #fff;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav {
  max-width: 970px;
  border-radius: 8px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav .nav-item a.nav-link.active::before {
  content: "";
  display: none;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav .nav-item:last-child a {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: 56px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav .nav-item:first-child a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  max-height: 56px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content {
  width: 100%;
  padding: 0;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .item {
  background-color: #fff;
  border-radius: 8px;
  padding: 32px 50px 32px 50px;
  margin-top: 32px;
  position: relative;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .item .remaining-time {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px;
  color: #CC2D1F;
  display: flex;
  align-items: center;
  padding: 32px 50px 0 0;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .item .remaining-time {
    position: relative;
    padding: unset;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .item .remaining-time::before {
  content: url(https://bireysel.turktelekom.com.tr/PublishingImages/icons/remaining-time.svg);
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .cards-btn {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .cards-btn {
    margin-top: 0px;
    margin-bottom: 32px;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .cards-btn a {
  background: transparent !important;
  border: 1px white solid;
  color: white;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row {
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-right: -30px !important;
  margin-left: unset !important;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row {
    margin-right: 0px !important;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .left-part {
  width: 270px !important;
  padding: 0 !important;
  flex: unset !important;
  max-width: unset !important;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .left-part img {
    max-width: 160px !important;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part {
  max-width: 670px;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part {
    padding-left: 0px;
    max-width: 95%;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .badge {
  background-color: rgba(206, 220, 0, 0.3);
  color: #939d04;
  padding: 4px 16px 4px 16px;
  border-radius: 20px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .text {
  margin-top: 16px;
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .text h5 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
  color: #002958;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .text p {
  margin-top: 8px;
  max-width: 670px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #646f87;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .text .light-desc {
  margin-top: 12px;
  color: #ff983a;
  margin-bottom: 16px;
  font-size: 14;
  font-size: 0.875rem;
  font-weight: bold;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
  margin-top: 32px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .price p {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: normal;
  color: #202945;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .price p span:first-child {
  font-size: 22px;
  font-size: 1.369rem;
  margin-right: 4px;
  font-weight: bold;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .price p span:last-child {
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .btn {
  width: 170px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane > div {
  padding: 0px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane > div .cards {
  padding: 0;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .card.v2 * {
    transition: all 0.2s ease !important;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .cards {
  justify-content: flex-start;
  margin-top: 40px;
  row-gap: 40px;
  -moz-column-gap: 65px;
       column-gap: 65px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .cards > .card {
    box-shadow: 0px 0px 9px 0 #d2d8e1;
  }
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .cards > .card .card-body .accordion-wrap > .card {
  margin-left: 0;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .btn-bottom {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .btn-bottom a.btn.btn-secondary {
  width: 570px;
  border-radius: 22px;
  color: #fff;
  border-color: #fff;
}
@media (max-width: 767px) {
  .container.mobile-showcase-chance {
    padding: 32px 12px 32px 12px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav-tabs {
    display: flex;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav-tabs .nav-item {
    margin-bottom: 0 !important;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .nav-tabs .nav-item a {
    padding: 8px 24px 8px 24px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content {
    width: 100%;
    margin-top: -12px;
    padding: 0;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .item {
    padding: 20px 16px 0px 16px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row {
    gap: 20px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .badge {
    font-size: 14;
    font-size: 0.875rem;
    font-weight: normal;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom {
    flex-direction: column;
    gap: 0px;
    margin-top: 20px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .price {
    width: 100%;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .price p span:first-child {
    font-size: 22px;
    font-size: 1.369rem;
    font-weight: bold;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .price p span:last-child {
    font-weight: normal;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .list-area .row .right-part .bottom .btn {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane > div {
    padding: 0px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane > div .cards {
    padding: 0;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content {
    width: 100%;
    padding-bottom: 0px;
    margin-top: -20px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .cards {
    flex-wrap: nowrap;
    -moz-column-gap: 4px;
         column-gap: 4px;
    margin-left: -16px;
    margin-right: -15.5px;
    padding-bottom: 20px;
    width: auto;
    margin-bottom: 20px;
    margin-top: -40px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .cards .card {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .detail-content .cards .card:first-child {
    margin-left: 16px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .btn-bottom {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
  .container.mobile-showcase-chance .tabs .container.tabli-kartlar .tab-content .tab-pane .btn-bottom a.btn.btn-secondary {
    width: 570px;
    border-radius: 22px;
    color: #fff;
    border-color: #fff;
  }
}
.container.mobile-showcase-chance.evdeinternet {
  background: linear-gradient(to bottom, #006777, #00a0af);
}
.container.mobile-showcase-chance.evdeinternet .tabs .tabli-kartlar > h3 {
  margin-bottom: 0px;
}
.container.mobile-showcase-chance.evdeinternet .tabs .tabli-kartlar .tab-content .tab-pane .item .list-area .text .light-desc {
  color: #ff983a;
}

main > div > .container > .detail-page > .row .col-xl-4.col-12, main > div > .container > .detail-page > .row .col-xl-5.col-12 {
  position: relative !important;
  padding-bottom: 20px;
}
main > div > .container > .detail-page > .row .col-xl-4.col-12.campaign-triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12.campaign-triangle {
  padding-bottom: 125px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12.campaign-triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12.campaign-triangle {
    padding-bottom: unset;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div {
  position: sticky;
  top: 10px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div {
    position: relative;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .detail-text.bg-mobil, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .detail-text.bg-mobil {
  position: relative !important;
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container {
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: 5;
  transform: translate(27px, 50%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container {
    transform: translate(1px, 50%);
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg {
  display: flex;
  align-items: center;
  width: 176px;
  height: 176px;
  background-color: #fff;
  -webkit-clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
          clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg {
    width: 126px;
    height: 126px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle {
  width: 140px;
  height: 140px;
  background: linear-gradient(8.65deg, #004E88 -3.49%, #83C5E8 109.51%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle {
    width: 100px;
    height: 100px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price {
  font-size: 14px;
  font-size: 0.875rem;
  height: auto;
  color: #fff;
  margin-right: 6px;
  line-height: 12px;
  margin-bottom: unset;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 12px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price .triangle-price-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price .triangle-price-text {
  font-weight: 700;
  margin-left: 2px;
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price .triangle-price-number, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price .triangle-price-number {
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  margin-left: 2px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price .triangle-price-number, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-price .triangle-price-number {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-text {
  font-size: 16px;
  font-size: 1rem;
  height: auto;
  color: #fff;
  margin-right: 6px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-bg .triangle .triangle-text {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-top, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-top {
  position: absolute;
  z-index: 5;
  width: 34px;
  height: 34px;
  right: 56px;
  top: 5px;
  background: linear-gradient(12.61deg, #880200 -7.79%, #E88486 71.69%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-top, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-top {
    width: 24px;
    height: 24px;
    right: 47px;
    top: 8px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-right, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-right {
  position: absolute;
  z-index: 5;
  width: 20px;
  height: 20px;
  right: 76px;
  bottom: 24px;
  background: linear-gradient(189.79deg, #858700 -6.94%, #E6E47F 97.02%);
  -webkit-clip-path: polygon(80% 50%, 0% 0%, 0% 100%);
          clip-path: polygon(80% 50%, 0% 0%, 0% 100%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-right, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-right {
    width: 14px;
    height: 14px;
    right: 57px;
    bottom: 19px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-left, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-left {
  position: absolute;
  z-index: 5;
  width: 34px;
  height: 34px;
  left: 30px;
  bottom: 45px;
  background: linear-gradient(224.88deg, #5FC0D5 35.35%, #2CB1E0 79.86%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-left, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__bidunyafirsat .triangle-left {
    width: 20px;
    height: 20px;
    left: 16px;
    bottom: 39px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg {
  display: flex;
  align-items: center;
  width: 176px;
  height: 176px;
  background-color: #fff;
  -webkit-clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
          clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg {
    width: 126px;
    height: 126px;
    justify-content: end;
    -webkit-clip-path: polygon(15% 50%, 100% 0%, 100% 100%);
            clip-path: polygon(15% 50%, 100% 0%, 100% 100%);
    padding-right: 10px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle {
  width: 140px;
  height: 140px;
  background: linear-gradient(90deg, #FF232C 20%, #00439A 64.41%, #00439A 78.01%, #00FFFF 127.73%), linear-gradient(1deg, rgba(255, 255, 255, 0) 72.29%, rgba(255, 255, 255, 0.75) -33.31%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle {
    width: 100px;
    height: 100px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price {
  font-size: 14px;
  font-size: 0.875rem;
  height: auto;
  color: #FFF;
  margin-right: 6px;
  line-height: 12px;
  margin-bottom: unset;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 12px;
    margin-top: unset;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price .triangle-price-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price .triangle-price-text {
  font-weight: 700;
  margin-left: 2px;
  color: #FFF;
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price .triangle-price-number, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price .triangle-price-number {
  font-size: 30px;
  font-size: 1.875rem;
  color: #FFF;
  margin-left: 2px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price .triangle-price-number, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-price .triangle-price-number {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-text {
  font-size: 16px;
  font-size: 1rem;
  height: auto;
  color: #FFF;
  margin-right: 6px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__prime .triangle-bg .triangle .triangle-text {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg {
  display: flex;
  align-items: center;
  width: 176px;
  height: 176px;
  background-color: #fff;
  -webkit-clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
          clip-path: polygon(5% 50%, 85% 0%, 85% 100%);
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg {
    width: 126px;
    height: 126px;
    justify-content: end;
    -webkit-clip-path: polygon(15% 50%, 100% 0%, 100% 100%);
            clip-path: polygon(15% 50%, 100% 0%, 100% 100%);
    padding-right: 10px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle {
  width: 140px;
  height: 140px;
  background: linear-gradient(330.46deg, rgba(255, 35, 44, 0.1) -6.88%, rgba(0, 67, 154, 0.1) 55.93%, rgba(0, 255, 255, 0.1) 117.49%);
  -webkit-clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
          clip-path: polygon(20% 50%, 100% 0%, 100% 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle {
    width: 100px;
    height: 100px;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price {
  font-size: 14px;
  font-size: 0.875rem;
  height: auto;
  color: #222943;
  margin-right: 6px;
  line-height: 12px;
  margin-bottom: unset;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 12px;
    margin-top: unset;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price .triangle-price-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price .triangle-price-text {
  font-weight: 700;
  margin-left: 2px;
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price .triangle-price-number, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price .triangle-price-number {
  font-size: 30px;
  font-size: 1.875rem;
  color: #222943;
  margin-left: 2px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price .triangle-price-number, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-price .triangle-price-number {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-text {
  font-size: 16px;
  font-size: 1rem;
  height: auto;
  color: #222943;
  margin-right: 6px;
}
@media (max-width: 1200px) {
  main > div > .container > .detail-page > .row .col-xl-4.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-text, main > div > .container > .detail-page > .row .col-xl-5.col-12 > div .triangle-container.ct__primebusiness .triangle-bg .triangle .triangle-text {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
main > div > .container > .detail-page > .row:not(:has(.col-xl-8.col-12 .small-container)) .col-xl-4.col-12 > div {
  position: static !important;
}
main > div > .container > .detail-page > .row.row:not(:has(.col-xl-8.col-12 .small-container #accordionGroup)) .col-xl-4.col-12 > div {
  position: static !important;
}
main > div > .container > .detail-page > .row:not(:has(.col-xl-7.col-12 .small-container)) .col-xl-5.col-12 > div {
  position: static !important;
}
main > div > .container > .detail-page > .row.row:not(:has(.col-xl-7.col-12 .small-container #accordionGroup)) .col-xl-5.col-12 > div {
  position: static !important;
}
main > div > .container > .detail-page .small-container {
  max-width: unset;
}
main:has(> .bant) > div > .container > .detail-page > .row .col-xl-4.col-12 > div, main:has(> .bant) > div > .container > .detail-page > .row .col-xl-5.col-12 > div {
  top: 57px;
}

.detail-page {
  display: flex;
  flex-direction: column;
  position: relative;
}
.detail-page .page-head {
  padding-top: 32px;
}
.detail-page .page-head > h1 {
  display: none;
}
.detail-page .row > div {
  position: unset;
}
.detail-page .row > div .detail-badge-boxs {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 8px;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv {
  display: flex;
  gap: 8px;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .period-text {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 8px 16px;
  background: #F0F4B2;
  max-width: 300px;
  height: 36px;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .period-text span {
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 20px;
  color: #939D04;
  text-align: center;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .musteri-badge {
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 8px 16px;
  width: auto;
  height: 36px;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .musteri-badge.yeni {
  display: flex;
  background: #F0F4B2;
  color: #939d04;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .musteri-badge.yeni span {
  font-size: 14px;
  line-height: 20px;
  color: #939D04;
  text-align: center;
  font-weight: 900;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .musteri-badge.mevcut {
  display: flex;
  background-color: rgba(255, 152, 58, 0.3);
  color: #ff983a;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .musteri-badge.mevcut span {
  font-size: 14px;
  line-height: 20px;
  color: #ff983a;
  text-align: center;
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .online-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 8px 16px;
  background: #F0F4B2;
  height: 36px;
}
@media (max-width: 767px) {
  .detail-page .row > div .detail-badge-boxs .detail-badge-adv .online-badge {
    height: 50px;
  }
}
.detail-page .row > div .detail-badge-boxs .detail-badge-adv .online-badge span {
  font-size: 14px;
  font-weight: 900;
  line-height: 20px;
  color: #939D04;
  text-align: center;
}
.detail-page .row > div .detail-badge-boxs .prm-adv-bilgi-box {
  position: relative;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  max-width: 378px;
  width: 100%;
  max-height: 34px;
  height: 100%;
  background-color: #222943;
  border-radius: 20px;
}
.detail-page .row > div .detail-badge-boxs .prm-adv-bilgi-box span {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-left: 16px;
}
.detail-page .row > div .detail-right-content .detail-right-content-campaign .tns-outer .tns-slider.tns-subpixel {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}
.detail-page .row > div .detail-right-content .detail-right-content-campaign .tns-outer .tns-slider.tns-subpixel .advantage-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #222943;
  width: 100%;
  margin: 0;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area {
  background-color: #F8F9FB;
  padding: 32px;
  border-radius: 8px;
  width: 100%;
  margin: 40px 0;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area h3 {
  margin-bottom: 16px;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail {
  margin-bottom: 24px;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text {
  display: flex;
  border: 1px solid #DEE3ED;
  padding: 21px 24px;
  border-bottom: unset;
  background-color: #fff;
}
@media (max-width: 767px) {
  .detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text {
    flex-direction: column;
    row-gap: 8px;
  }
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text p {
  margin-bottom: unset;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text p:first-child {
  width: 60%;
}
@media (max-width: 767px) {
  .detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text p:first-child {
    width: 100%;
  }
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text p:last-child {
  font-weight: 700;
  line-height: 22px;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text p:last-child::before {
  content: "";
  border-left: 1px solid #DEE3ED;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text p:last-child::before {
    display: none;
  }
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text:first-child {
  border-radius: 4px 4px 0 0;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-detail .pricing-text:last-child {
  border-radius: 0 0 4px 4px;
  border: 1px solid #DEE3ED;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .detail-text-btns-wrap {
  height: auto;
  max-width: 312px;
  width: 100%;
  align-items: center;
  margin-bottom: 24px;
  margin-left: 0;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .detail-text-btns-wrap a {
  min-width: 170px;
  max-width: 312px;
}
.detail-page .row > div .detail-right-content .mobil-detail-pricing-area .pricing-bottom {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  margin-bottom: unset;
  padding: 0 10px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area {
  padding: 32px;
  background-color: #F8F9FB;
  border: 1px solid #DEE3ED;
  border-radius: 8px;
  max-width: 770px;
  margin: 24px 0 40px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 32px;
  color: #222943;
  margin-bottom: 16px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  max-width: 570px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .input-search {
  position: absolute;
  left: 16px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .input-search i {
  font-size: 24px;
  font-size: 1.5rem;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input input {
  padding-left: 52px;
  font-size: 16px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .country-valid {
  position: absolute;
  right: 16px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .country-valid span {
  display: flex;
  gap: 5.5px;
  margin-bottom: unset;
  align-items: center;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .country-valid span::before {
  content: url(/SiteAssets/images/Icons/check-vector.svg);
  width: 24px;
  height: 24px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .country-invalid {
  position: absolute;
  right: 16px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .country-invalid span {
  display: flex;
  gap: 5.5px;
  margin-bottom: unset;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .country-invalid span::before {
  content: url(/SiteAssets/images/Icons/close-vector.svg);
  width: 24px;
  height: 24px;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .input-group-search-list {
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  z-index: 11;
  display: none;
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  height: auto;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .input-group-search-list a {
  font-size: 16px;
  font-size: 1rem;
  color: #586473;
  line-height: 1.13;
  font-weight: normal;
  display: block;
  padding: 19px 36px;
  box-shadow: inset 0 -1px 0 0 #dee3ed;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .input-group-search-list a.highlighted {
  background-color: #F8F9FB;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-input .input-group-search-list a:hover {
  background-color: #F8F9FB;
}
.detail-page .row > div .detail-right-content .abroad-detail-country-area .country-bottom p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  color: #414C5B;
}
.detail-page .row > div .detail-right-content .detail-text-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.detail-page .row > div .detail-right-content .detail-text-btns > p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #012850;
  font-weight: 900;
  padding-top: 10px;
}
.detail-page .row > div .detail-right-content .detail-text-btns > p.commit-description {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .detail-page .row > div .detail-right-content .detail-text-btns > p.commit-description {
    margin-bottom: 10px;
    padding-top: unset;
  }
}
.detail-page .row > div .detail-right-content .detail-text-btns > span {
  padding-top: 10px;
}
.detail-page .row > div .detail-right-content .promotion-title {
  font-size: 17px;
  font-size: 1.0625rem;
}
.detail-page .row > div .detail-right-content .promotion-body {
  width: 100%;
}
@media (max-width: 991px) {
  .detail-page .row > div .detail-right-content .promotion-icon {
    height: 150px !important;
  }
}
.detail-page .row > div .detail-right-content .promotion-icon img {
  max-width: none !important;
}
.detail-page .row > div .detail-right-content .promotion-info {
  max-width: unset;
}
.detail-page .row > div .detail-right-content .digital-courier-fee {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  font-weight: 400;
  color: #666F85;
  margin-bottom: -24px;
  padding-top: unset;
}
.detail-page .row > div .detail-right-content .digital-courier-fee strong {
  font-weight: 600;
}
.detail-page .row > div .detail-right-content .divSubInfo {
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
}
.detail-page .row > div .detail-right-content .divSubInfo .sub-info-img {
  margin-right: 10px;
}
.detail-page .row > div .detail-right-content .divSubInfo .sub-info-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #717D8D;
}
.detail-page .small-container {
  align-self: flex-end;
  max-width: 66%;
  width: 100%;
  margin: unset;
  margin-bottom: 30px;
}
.detail-page .small-container.device-detail-container {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
@media (max-width: 991px) {
  .detail-page .small-container {
    flex: unset !important;
    max-width: 100% !important;
  }
}

.campaign-detail-listing {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
}
.campaign-detail-listing .container {
  padding: 60px 100px 60px 100px;
  max-width: 1170px;
  background-color: rgba(10, 190, 199, 0.08);
  border: solid 1px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container {
    padding: 32px 12px 15px 12px;
  }
}
.campaign-detail-listing .container .title h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .title h2 {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .title {
    margin-bottom: 12px;
  }
}
.campaign-detail-listing .container .list .head {
  display: flex;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .head {
    display: none;
  }
}
.campaign-detail-listing .container .list .head h4 {
  max-width: 435px;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: lighter;
  display: flex;
  align-items: flex-end;
  line-height: 1.5;
  padding-right: 25px;
}
.campaign-detail-listing .container .list .head h4:last-child {
  margin-left: 90px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .head h4:last-child {
    margin-left: unset;
  }
}
.campaign-detail-listing .container .list .body {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body {
    margin-top: 0;
  }
}
.campaign-detail-listing .container .list .body .item {
  background-color: #fff;
  border: 1px solid #dee3ed;
  border-radius: 8px;
  display: flex;
  padding: 24px;
  height: 72px;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
  }
}
.campaign-detail-listing .container .list .body .item::before {
  content: "";
  height: 100%;
  width: 8px;
  background-image: linear-gradient(to bottom, #048a95, #0abec7);
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.campaign-detail-listing .container .list .body .item .icon {
  max-width: 80px;
  width: 100%;
  display: flex;
  align-items: center;
}
.campaign-detail-listing .container .list .body .item .icon img {
  width: 24px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .icon img {
    width: 32px;
  }
}
.campaign-detail-listing .container .list .body .item .mobile-title {
  display: none;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .mobile-title {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    color: #586473;
    margin-top: 12px;
  }
}
.campaign-detail-listing .container .list .body .item .package-name {
  max-width: 343px;
  padding-right: 32px;
  overflow-wrap: break-word;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .package-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 12px;
  }
}
.campaign-detail-listing .container .list .body .item .price {
  max-width: 197px;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-left: 64px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .price {
    padding-bottom: 20px;
    max-width: unset;
    margin-left: unset;
  }
}
.campaign-detail-listing .container .list .body .item .price .sup-group * {
  font-size: 14px;
}
.campaign-detail-listing .container .list .body .item .price .sup-group sup {
  line-height: 1;
  font-weight: bolder;
  position: static;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .price .sup-group {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
}
.campaign-detail-listing .container .list .body .item .price .note {
  display: none;
}
.campaign-detail-listing .container .list .body .item .lead {
  display: flex;
  align-items: center;
  max-width: 98px;
  margin-left: 78px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .lead {
    padding-top: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    color: #012850;
    max-width: unset !important;
    width: 100%;
    margin-left: unset;
    border-top: 1px solid #dee3ed;
  }
}
.campaign-detail-listing .container .list .body .item .lead a {
  text-decoration: none;
  color: #012850;
  font-size: 14px;
  font-size: 0.875rem;
  opacity: 0.5;
  transition: opacity 0.5s ease;
  position: relative;
  max-width: 98px;
  width: 100%;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .lead a {
    opacity: 1;
  }
}
.campaign-detail-listing .container .list .body .item .lead a::after {
  content: url(https://bireysel.turktelekom.com.tr/PublishingImages/detail-arrow.png);
  position: absolute;
  display: none;
  right: -40px;
  top: -1px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .body .item .lead a::after {
    display: block;
  }
}
.campaign-detail-listing .container .list .body .item .lead:hover {
  font-weight: bold;
}
.campaign-detail-listing .container .list .body .item .lead:hover a {
  opacity: 1;
  font-weight: 700;
}
.campaign-detail-listing .container .list .body .item .lead:hover a::after {
  display: block;
}
.campaign-detail-listing .container .list .body .item .leadbn a {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #222943;
  max-width: 98px;
  opacity: 0.5;
  text-decoration: unset;
}
.campaign-detail-listing .container .list .body .item:hover {
  border: 2px solid var(--product-colors-teal-blue, #049EAD);
  cursor: pointer;
}
.campaign-detail-listing .container .list .body .item:hover .leadbn a {
  opacity: 1;
  font-weight: 700;
}
.campaign-detail-listing .container .list .bottom {
  text-align: end;
  font-size: 14px;
  font-size: 0.875rem;
  color: #202945;
  font-weight: lighter;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .list .bottom {
    text-align: start;
  }
}
.campaign-detail-listing .container .list .divSubInfo {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
}
.campaign-detail-listing .container .list .divSubInfo .sub-info-img {
  margin-right: 10px;
}
.campaign-detail-listing .container .list .divSubInfo .sub-info-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #717D8D;
}
@media (max-width: 767px) {
  .campaign-detail-listing .container .band-img img:first-child {
    display: none;
  }
  .campaign-detail-listing .container .band-img img:last-child {
    display: block !important;
    transform: translate(-17px, -18px);
  }
  .campaign-detail-listing .container .text {
    width: 100%;
  }
  .campaign-detail-listing .container .text .description {
    margin-top: 8px;
  }
  .campaign-detail-listing .container .buttons {
    margin-top: 12px;
    width: 100%;
  }
  .campaign-detail-listing .container .buttons a {
    width: 100%;
  }
}
.campaign-detail-listing.evde-internet .container {
  background-color: rgba(0, 103, 119, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.campaign-detail-listing.evde-internet .container .list .body .item::before {
  background-color: #006777;
  background-image: none;
}
.campaign-detail-listing.evde-internet .container .list .body .item:hover {
  border: 2px solid var(--product-colors-teal-blue, #0058AD);
}
.campaign-detail-listing.is-interneti .container {
  background-color: rgba(0, 88, 173, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.campaign-detail-listing.is-interneti .container .list .body .item::before {
  background-color: rgb(0, 88, 173);
  background-image: none;
}
.campaign-detail-listing.is-interneti .container .list .body .item:hover {
  border: 2px solid var(--product-colors-teal-blue, #0058AD);
}
.campaign-detail-listing.prime .container {
  background: linear-gradient(330deg, rgba(255, 35, 44, 0.1) -6.88%, rgba(0, 67, 154, 0.1) 55.93%, rgba(0, 255, 255, 0.1) 117.49%);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.campaign-detail-listing.prime .container .list .body .item::before {
  background: linear-gradient(330deg, #FF232C -6.88%, #00439A 55.93%, #0FF 117.49%);
}
.campaign-detail-listing.prime .container .list .body .item:hover {
  border: 2px solid #623;
}
.campaign-detail-listing.prime-business .container {
  background-color: rgba(18, 61, 104, 0.1);
  border: 1px solid rgba(18, 61, 104, 0.08);
}
.campaign-detail-listing.prime-business .container .list .body .item::before {
  background-color: rgb(18, 61, 104);
  background-image: none;
}
.campaign-detail-listing.prime-business .container .list .body .item:hover {
  border: 2px solid var(--product-colors-teal-blue, #123D68);
}
.campaign-detail-listing.kurumsal-mobil .container {
  background-color: rgba(0, 40, 85, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.campaign-detail-listing.kurumsal-mobil .container .list .body .item::before {
  background-color: rgb(0, 40, 85);
  background-image: none;
}
.campaign-detail-listing.kurumsal-mobil .container .list .body .item:hover {
  border: 2px solid var(--product-colors-teal-blue, #002855);
}
.campaign-detail-listing.columns-1 .container .list .head {
  justify-content: flex-start;
  gap: 10px;
}
.campaign-detail-listing.columns-1 .container .list .head .col-title {
  max-width: 390px;
}
.campaign-detail-listing.columns-1 .container .list .head .col-price-0 {
  max-width: 135px;
}
.campaign-detail-listing.columns-1 .container .list .head .col-price-1 {
  display: none;
}
.campaign-detail-listing.columns-1 .container .list .head .col-price-2 {
  display: none;
}
.campaign-detail-listing.columns-1 .container .list .body .item .icon {
  max-width: 36px;
}
.campaign-detail-listing.columns-1 .container .list .body .item .package-name {
  max-width: 343px;
  padding-right: 32px;
  overflow-wrap: break-word;
}
.campaign-detail-listing.columns-1 .container .list .body .item .price {
  margin-left: 0px;
  max-width: 146px;
}
.campaign-detail-listing.columns-1 .container .list .body .item .price-0 {
  display: none;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-1 .container .list .body .item .price-0.mobile-title {
    display: block !important;
  }
}
.campaign-detail-listing.columns-1 .container .list .body .item .price-1 {
  max-width: 406px;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-1 .container .list .body .item .price-1.mobile-title {
    display: none !important;
  }
}
.campaign-detail-listing.columns-1 .container .list .body .item .price-2 {
  display: none;
}
.campaign-detail-listing.columns-1 .container .list .body .item .lead {
  max-width: 125px;
  width: 100%;
  margin-left: 0px;
  position: absolute;
  top: 0;
  right: 0px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  text-align: end;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-1 .container .list .body .item .lead {
    position: static;
    padding: unset;
    height: 32px;
  }
}
.campaign-detail-listing.columns-1 .container .list .body .item .lead a {
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 60px;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-1 .container .list .body .item .lead a {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0 0 24px;
  }
}
.campaign-detail-listing.columns-1 .container .list .body .item .lead a::after {
  right: 20px;
  top: unset;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-1 .container .list .body .item .lead a::after {
    position: relative;
    right: -12px;
    top: 5px;
  }
}
.campaign-detail-listing.columns-2 .container .list .head {
  justify-content: flex-start;
  gap: 10px;
}
.campaign-detail-listing.columns-2 .container .list .head .col-title {
  max-width: 390px;
}
.campaign-detail-listing.columns-2 .container .list .head .col-price-0 {
  max-width: 135px;
}
.campaign-detail-listing.columns-2 .container .list .head .col-price-1 {
  max-width: 135px;
}
.campaign-detail-listing.columns-2 .container .list .head .col-price-2 {
  display: none;
}
.campaign-detail-listing.columns-2 .container .list .body .item .icon {
  max-width: 36px;
}
.campaign-detail-listing.columns-2 .container .list .body .item .package-name {
  max-width: 343px;
  padding-right: 32px;
  overflow-wrap: break-word;
}
.campaign-detail-listing.columns-2 .container .list .body .item .price {
  margin-left: 0px;
  max-width: 146px;
}
.campaign-detail-listing.columns-2 .container .list .body .item .price-0 {
  display: none;
}
.campaign-detail-listing.columns-2 .container .list .body .item .price-1 {
  max-width: 142px;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2 .container .list .body .item .price-1.mobile-title {
    max-width: unset;
    transform: translateY(58px);
  }
}
.campaign-detail-listing.columns-2 .container .list .body .item .price-2 {
  max-width: 264px;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2 .container .list .body .item .price-2.mobile-title {
    max-width: unset;
    transform: translateY(-76px);
  }
}
.campaign-detail-listing.columns-2 .container .list .body .item .lead {
  max-width: 125px;
  width: 100%;
  margin-left: 0px;
  position: absolute;
  top: 0;
  right: 0px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  text-align: end;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2 .container .list .body .item .lead {
    position: static;
    padding: unset;
    height: 32px;
  }
}
.campaign-detail-listing.columns-2 .container .list .body .item .lead a {
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 60px;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2 .container .list .body .item .lead a {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0 0 24px;
  }
}
.campaign-detail-listing.columns-2 .container .list .body .item .lead a::after {
  right: 20px;
  top: unset;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2 .container .list .body .item .lead a::after {
    position: relative;
    right: -12px;
    top: 5px;
  }
}
.campaign-detail-listing.columns-2.free .container .list .head {
  justify-content: flex-start;
  gap: 10px;
}
.campaign-detail-listing.columns-2.free .container .list .head .col-title {
  max-width: 390px;
}
.campaign-detail-listing.columns-2.free .container .list .head .col-price-0 {
  max-width: 135px;
}
.campaign-detail-listing.columns-2.free .container .list .head .col-price-1 {
  max-width: 135px;
}
.campaign-detail-listing.columns-2.free .container .list .head .col-price-2 {
  display: none;
}
.campaign-detail-listing.columns-2.free .container .list .body .item .price-0 {
  display: block;
}
.campaign-detail-listing.columns-2.free .container .list .body .item .price-0.mobile-title {
  display: none;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2.free .container .list .body .item .price-0.mobile-title {
    display: block;
  }
}
.campaign-detail-listing.columns-2.free .container .list .body .item .price-1 {
  max-width: 264px;
}
@media (max-width: 767px) {
  .campaign-detail-listing.columns-2.free .container .list .body .item .price-1.mobile-title {
    max-width: unset;
    transform: unset;
  }
}
.campaign-detail-listing.columns-2.free .container .list .body .item .price-2 {
  max-width: 264px;
  display: none;
}
.campaign-detail-listing.columns-2.free .container .list .body .item .lead {
  max-width: 125px;
  width: 100%;
  margin-left: 0px;
}
.campaign-detail-listing.columns-3 .container .list .head .col-title {
  max-width: 390px;
}
.campaign-detail-listing.columns-3 .container .list .head .col-price-0 {
  max-width: 142px;
}
.campaign-detail-listing.columns-3 .container .list .head .col-price-1 {
  max-width: 142px;
}
.campaign-detail-listing.columns-3 .container .list .head .col-price-2 {
  max-width: 140px;
  margin-left: 0px;
}
.campaign-detail-listing.columns-3 .container .list .body .item .icon {
  max-width: 36px;
}
.campaign-detail-listing.columns-3 .container .list .body .item .package-name {
  max-width: 343px;
  padding-right: 32px;
  overflow-wrap: break-word;
}
.campaign-detail-listing.columns-3 .container .list .body .item .price {
  margin-left: 0px;
  max-width: 142px;
}
.campaign-detail-listing.columns-3 .container .list .body .item .lead {
  max-width: 125px;
  width: 100%;
  margin-left: 0px;
}

.special-programs-band {
  padding: 40px 0 50px 0;
}
@media (max-width: 768px) {
  .special-programs-band {
    padding: 32px 0px !important;
  }
}
.special-programs-band .container {
  border-radius: 8px;
  max-width: 1170px;
  background-color: #f7f8fa;
  display: flex;
  padding: 0;
}
@media (max-width: 767px) {
  .special-programs-band .container {
    flex-wrap: wrap-reverse;
  }
}
.special-programs-band .container .left-part {
  width: 51%;
  height: 100%;
  padding: 51px 67px 51px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .special-programs-band .container .left-part {
    width: 100%;
    padding: 16px 24px 20px 24px;
  }
}
.special-programs-band .container .left-part .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #06386c;
}
@media (max-width: 767px) {
  .special-programs-band .container .left-part .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.special-programs-band .container .left-part .description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  color: #646f87;
  margin-top: 12px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .special-programs-band .container .left-part .description {
    margin-bottom: 20px;
  }
}
.special-programs-band .container .left-part .button .btn {
  max-width: 186px;
  width: 100%;
  height: 44px;
  border-radius: 22px;
  background-color: #06386c;
}
@media (max-width: 767px) {
  .special-programs-band .container .left-part .button .btn {
    max-width: 268px;
  }
}
.special-programs-band .container .right-part {
  width: 49%;
}
.special-programs-band .container .right-part img {
  max-width: unset !important;
  height: 100% !important;
}
@media (max-width: 767px) {
  .special-programs-band .container .right-part {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .special-programs-band .container .right-part .img-d {
    display: none;
  }
}
.special-programs-band .container .right-part .img-m {
  width: 100%;
  display: none;
}
@media (max-width: 767px) {
  .special-programs-band .container .right-part .img-m {
    display: block;
  }
}

.borc-bilgilendirme {
  margin-top: 32px;
  padding-right: 12px;
  padding-left: 12px;
}
.borc-bilgilendirme .container {
  max-width: 570px;
}
.borc-bilgilendirme .container .row p {
  margin: 0;
}
.borc-bilgilendirme .container .row a {
  color: #05b4c7;
  font-weight: bold;
  text-decoration: none;
}
.borc-bilgilendirme .container .row .description {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  color: #222943;
}
.borc-bilgilendirme .container .row .description strong {
  font-weight: bold;
}
.borc-bilgilendirme .container .row .sub-description {
  margin-bottom: 32px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #222943;
}
.borc-bilgilendirme .container .row .iframe-area {
  padding: 0;
}
.borc-bilgilendirme .container .row .warning-area {
  width: 100%;
  background-color: #fff4eb;
  border: 2px solid #ff983a;
  border-radius: 8px;
  display: flex;
  padding: 16px;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 40px;
  line-height: 22px;
  font-size: 16px;
  font-size: 1rem;
}
.borc-bilgilendirme .container .row .warning-area::before {
  content: "";
  height: 100%;
  position: absolute;
  width: 4px;
  background-color: #ff983a;
  top: 0;
  left: 0;
}
.borc-bilgilendirme .container .row .warning-area .w-description {
  color: #222943;
}
.borc-bilgilendirme .container .row .card-info {
  box-shadow: 0 2px 12px 6px rgba(118, 118, 118, 0.08);
  margin-bottom: 40px;
  padding: 20px;
  line-height: 24px;
  font-size: 16px;
  font-size: 1rem;
  color: #222943;
  border-radius: 4px;
}
.borc-bilgilendirme .container .row .grey-area {
  padding: 20px;
  height: 187px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f0f2f5;
  line-height: 24px;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 4px;
}
.borc-bilgilendirme .container .row .grey-area p {
  color: #222943;
}
@media (max-width: 767px) {
  .borc-bilgilendirme .container .row .grey-area {
    height: 344px;
    padding: 16px 12px 64px 12px;
  }
}

.siber-guvenlik-merkezi {
  margin-top: -50px;
}
@media (max-width: 767px) {
  .siber-guvenlik-merkezi {
    margin-top: -18px;
  }
}
.siber-guvenlik-merkezi .parts {
  height: 570px;
  display: flex !important;
  align-content: stretch;
}
.siber-guvenlik-merkezi .parts > a {
  text-decoration: none;
  width: 100%;
}
.siber-guvenlik-merkezi .parts-row {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0;
}
.siber-guvenlik-merkezi .dark {
  background-color: #f8f9fb;
}
.siber-guvenlik-merkezi .parts-image {
  max-width: 676px;
  height: 450px;
}
.siber-guvenlik-merkezi .parts-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.siber-guvenlik-merkezi .parts-txt-title {
  color: #222943;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.28px;
  height: 46px;
}
.siber-guvenlik-merkezi .parts-txt-text {
  width: 470px;
  height: auto;
  color: #666f85;
  font-size: 20px;
  line-height: 1.5;
}
.siber-guvenlik-merkezi .right-txt {
  padding-left: 20px;
}
@media only screen and (max-width: 975px) and (min-width: 768px) {
  .siber-guvenlik-merkezi .parts {
    width: 100vw;
    display: flex !important;
    justify-content: space-around;
    flex-direction: column;
    height: 440px;
  }
  .siber-guvenlik-merkezi .parts-row {
    margin: 30px;
  }
  .siber-guvenlik-merkezi .parts-txt-text {
    width: 100%;
  }
  .siber-guvenlik-merkezi .parts-txt-section {
    width: 100%;
  }
  .siber-guvenlik-merkezi .parts-image {
    width: 95% !important;
    height: auto;
  }
  .siber-guvenlik-merkezi .parts-txt-title {
    color: #222943;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    height: 32px;
  }
  .siber-guvenlik-merkezi .parts-txt-text {
    color: #666f85;
    font-size: 16px;
    line-height: 1.5;
  }
  .siber-guvenlik-merkezi .dark {
    display: flex !important;
    flex-direction: row;
    justify-content: space-around;
  }
  .siber-guvenlik-merkezi .dark img {
    padding-left: 0px;
  }
  .siber-guvenlik-merkezi .dark p {
    padding: 0px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 560px) {
  .siber-guvenlik-merkezi {
    /*
    .dark p {
        padding: 10px;
    }*/
  }
  .siber-guvenlik-merkezi .parts {
    height: 100%;
  }
  .siber-guvenlik-merkezi .parts-row {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .siber-guvenlik-merkezi .parts-txt {
    padding: 10px 0 0 0;
  }
  .siber-guvenlik-merkezi .parts-txt-section {
    width: 100%;
    height: auto;
  }
  .siber-guvenlik-merkezi .parts-image {
    width: 70vw !important;
    height: auto;
    padding: 0px;
    margin: 0px;
  }
  .siber-guvenlik-merkezi .parts-txt-title {
    color: #222943;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    height: 32px;
    width: 300px;
    padding-top: 5px;
  }
  .siber-guvenlik-merkezi .parts-txt-text {
    color: #666f85;
    font-size: 16px;
    line-height: 1.5;
    width: 400px;
  }
  .siber-guvenlik-merkezi .dark {
    padding: 0px;
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: space-around;
  }
  .siber-guvenlik-merkezi .dark .parts-row {
    display: flex;
    flex-direction: column-reverse;
  }
  .siber-guvenlik-merkezi .dark .parts-txt-section {
    padding: 10px 0 0 0;
  }
}
@media only screen and (max-width: 560px) {
  .siber-guvenlik-merkezi .parts {
    height: 100%;
  }
  .siber-guvenlik-merkezi .parts-row {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .siber-guvenlik-merkezi .parts-txt {
    padding: 10px 0 0 0;
  }
  .siber-guvenlik-merkezi .parts-txt-section {
    width: 100%;
    height: auto;
  }
  .siber-guvenlik-merkezi .parts-image {
    width: 296px !important;
    height: auto;
    padding: 0px;
  }
  .siber-guvenlik-merkezi .parts-txt-title {
    color: #222943;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
    height: 32px;
    width: 300px;
    padding-top: 5px;
  }
  .siber-guvenlik-merkezi .parts-txt-text {
    color: #666f85;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
  }
  .siber-guvenlik-merkezi .dark {
    padding: 0px;
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: space-around;
  }
  .siber-guvenlik-merkezi .dark .parts-row {
    display: flex;
    flex-direction: column-reverse;
  }
  .siber-guvenlik-merkezi .dark .parts-txt-section {
    padding: 10px 0 0 0;
  }
}

.mukellef.leadband .container {
  padding-left: 111px;
  background-image: linear-gradient(to right, #f23524, #642c7b);
}
.mukellef.leadband .container::after {
  left: 0;
  right: unset;
  transform: scale(-1, 1);
}
@media (max-width: 767px) {
  .mukellef.leadband .container {
    padding: 32px 16px;
  }
}
@media (max-width: 767px) {
  .mukellef.leadband .container .text {
    margin-top: unset;
  }
}

.mukellef-lp {
  margin-top: -20px;
  position: relative;
}
@media (max-width: 767px) {
  .mukellef-lp {
    margin-top: -120px;
  }
}
.mukellef-lp .tabs {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 10px;
  z-index: 9999;
}
@media (max-width: 767px) {
  .mukellef-lp .tabs {
    top: 105px;
    left: 0px;
  }
}
.mukellef-lp .tabs .container .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .mukellef-lp .tabs .container .nav-tabs {
    overflow-x: scroll;
  }
}
.mukellef-lp .tabs .container .nav-tabs li.nav-item {
  min-width: 240px;
}
@media (max-width: 767px) {
  .mukellef-lp .tabs .container .nav-tabs li.nav-item:first-child .nav-link.active::before {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 61px;
  }
}
@media (max-width: 767px) {
  .mukellef-lp .tabs .container .nav-tabs li.nav-item:first-child {
    margin-left: 12px;
  }
}
.mukellef-lp #mukellef-about {
  padding-top: 98px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-about {
    padding-top: 180px;
  }
}
.mukellef-lp #mukellef-about > h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 30px;
  color: #202945;
}
.mukellef-lp #mukellef-services {
  padding: 60px 0px;
  background-color: #f8f9fb;
}
.mukellef-lp #mukellef-services .container {
  max-width: 1170px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-services .container {
    padding-right: 0;
  }
}
.mukellef-lp #mukellef-services .container > h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 32px;
  line-height: 30px;
  color: #202945;
  text-align: center;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-services .container .scroll {
    overflow-x: scroll;
  }
}
.mukellef-lp #mukellef-services .container .scroll .row {
  gap: 30px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-services .container .scroll .row {
    padding-left: 12px;
    flex-wrap: nowrap;
    overflow-x: visible;
  }
}
.mukellef-lp #mukellef-services .container .scroll .row > div {
  max-width: 570px;
  display: flex;
  gap: 12px;
  padding: 20px;
  background-color: #fff;
  height: 244px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-services .container .scroll .row > div {
    flex-direction: column;
    max-width: 300px;
    min-width: 300px;
    height: unset;
  }
}
.mukellef-lp #mukellef-services .container .scroll .row > div .img-container img {
  width: 88px;
}
.mukellef-lp #mukellef-services .container .scroll .row > div .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 430px;
}
.mukellef-lp #mukellef-services .container .scroll .row > div .content > h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 24px;
  color: #202945;
}
.mukellef-lp #mukellef-services .container .scroll .row > div .content p {
  color: #666f85;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 24px;
  margin: 0;
}
.mukellef-lp #mukellef-services .container .scroll .row:last-child {
  display: none;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-services .container .scroll .row:last-child {
    margin-top: 12px;
    display: flex;
  }
}
.mukellef-lp #mukellef-services .container .scroll .row:first-child > div:nth-child(even) {
  display: none;
}
.mukellef-lp #mukellef-prices {
  padding-top: 75px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices {
    padding-top: 32px;
  }
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap {
  padding: 0;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices .grey-panel-card-wrap {
    padding-left: 0px !important;
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap:first-child::before {
  display: none;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap:first-child::after {
  background: url(../images/cihazlar/left-arrw.png) no-repeat left;
  transform: scale(-1, 1) translateY(-100px);
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap:last-child::after {
  display: none;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices .grey-panel-card-wrap .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container > h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 32px;
  line-height: 30px;
  color: #202945;
  text-align: center;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices .grey-panel-card-wrap .container > h2 {
    margin-bottom: 0px;
  }
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container > p {
  text-align: center;
  margin-top: 12px;
  margin-bottom: 0;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards {
  padding-top: 32px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info {
  background-image: none;
  background-color: white;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .img {
  height: 86px;
  border-bottom: 1px solid #d2d8e1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .img img {
  transform: translateY(-6px);
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .content {
  height: 214px;
  padding: 20px 16px;
  text-align: left;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .content > h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 24px;
  color: #202945;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .content .ul {
  list-style-type: none;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .content .ul li {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666f85;
  padding-left: 13px;
  position: relative;
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap .container .cards .card.mukellef-type .card-body .card-campaign-box-info .content .ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-image: linear-gradient(133deg, #048a95, #0abec7);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6.5px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices .grey-panel-card-wrap.v2 {
    padding-right: 0px !important;
  }
}
.mukellef-lp #mukellef-prices .grey-panel-card-wrap.v2 .container .cards {
  overflow: visible;
  gap: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-prices .grey-panel-card-wrap.v2 .container .cards {
    overflow-x: scroll;
  }
}
.mukellef-lp #mukellef-video {
  height: 542px;
  width: 100%;
  background-color: #0058ad;
  padding: 60px 0px;
  display: flex;
  flex-direction: column;
}
.mukellef-lp #mukellef-video > h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 32px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.mukellef-lp #mukellef-video iframe {
  width: 100%;
  height: 100%;
  max-width: 970px;
  height: 360px;
  margin: auto;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .mukellef-lp #mukellef-video iframe {
    max-width: 95%;
  }
}
.mukellef-lp #mukellef-sss {
  background-color: #f8f9fb;
  padding: 60px 0px;
}
.mukellef-lp #mukellef-sss .container > h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 32px;
  line-height: 30px;
  color: #202945;
  text-align: center;
}

.wifi-lp .showcase-about .container {
  margin: 64px auto;
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container {
    margin: 0 auto 16px;
  }
}
.wifi-lp .showcase-about .container .row {
  flex-wrap: nowrap;
  margin: 0;
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container .row {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container .row .img {
    padding: 0 15px;
  }
}
.wifi-lp .showcase-about .container .row .img img {
  border-radius: 10px;
}
.wifi-lp .showcase-about .container .row .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 30px;
  max-width: 570px;
  row-gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container .row .content {
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 32px;
  }
}
.wifi-lp .showcase-about .container .row .content h2 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 44px;
  font-weight: bold;
  color: #222943;
  max-width: 435px;
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container .row .content h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
  }
}
.wifi-lp .showcase-about .container .row .content p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  color: #222943;
  font-weight: 400;
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container .row .content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
}
.wifi-lp .showcase-about .container .row .content a {
  font-size: 16px;
  font-size: 1rem;
  color: #049EAD;
  text-align: left;
  padding: 0;
}
@media (max-width: 767px) {
  .wifi-lp .showcase-about .container .row .content a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: normal;
  }
}
.wifi-lp .why-tt-wifi {
  background-color: #f8f9fb;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi {
    padding: 16px 12px;
    margin-bottom: 16px;
  }
}
.wifi-lp .why-tt-wifi .container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi .container {
    row-gap: 16px;
  }
}
.wifi-lp .why-tt-wifi .container > h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: bold;
  color: #222943;
  text-align: center;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi .container > h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
  }
}
.wifi-lp .why-tt-wifi .container .row {
  gap: 20px;
  padding: 20px 16px;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi .container .row {
    gap: 0;
    padding: 0;
  }
}
.wifi-lp .why-tt-wifi .container .row .col {
  width: 300px;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi .container .row .col {
    flex-basis: unset;
    border-bottom: 1px solid #dee3ed;
    padding: 20px 12px;
  }
}
.wifi-lp .why-tt-wifi .container .row .col .img {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi .container .row .col .img {
    margin-bottom: 12px;
  }
}
.wifi-lp .why-tt-wifi .container .row .col .img img {
  width: 42px;
  height: 42px;
}
.wifi-lp .why-tt-wifi .container .row .col > h4 {
  color: #049EAD;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 24px;
}
.wifi-lp .why-tt-wifi .container .row .col p {
  color: #222943;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
}
.wifi-lp .why-tt-wifi .container .row .col::after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background: #DEE3ED;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .wifi-lp .why-tt-wifi .container .row .col::after {
    display: none;
  }
}
.wifi-lp .why-tt-wifi .container .row .col:last-child {
  border-bottom: unset;
}
.wifi-lp .why-tt-wifi .container .row .col:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  .wifi-lp .boxes-area {
    padding: 0;
  }
}
.wifi-lp .boxes-area .container .row > div {
  padding: 0 !important;
}
.wifi-lp.about .container {
  max-width: 970px;
}
.wifi-lp.about .single-banner {
  margin-bottom: 0;
}
.wifi-lp.about .single-banner .container img {
  width: 100%;
  height: 360px !important;
  background: lightblue;
  border-radius: 8px;
}
.wifi-lp.about .contents {
  padding-top: 32px;
  padding-bottom: 60px;
}
.wifi-lp.about .contents .container h5 {
  color: #202945;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  margin-bottom: 23px;
}
.wifi-lp.about .contents .container p {
  color: #666f85;
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
}
.wifi-lp.about .accordion-area {
  padding-top: 64px;
  padding-bottom: 60px;
  background-color: #f8f9fb;
}
.wifi-lp.about .accordion-area .container .content-area > h2 {
  color: #222943;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid #dee3ed;
  padding-bottom: 32px;
  margin: 0;
}
.wifi-lp.wifi-fly .single-banner {
  margin-bottom: 0;
}
.wifi-lp.wifi-fly .single-banner .container {
  max-width: 970px;
}
.wifi-lp.wifi-fly .single-banner .container img {
  width: 100%;
  height: 360px !important;
  background: lightblue;
  border-radius: 8px;
}
.wifi-lp.wifi-fly .tabs-area .tabs {
  max-width: 970px;
  margin-top: 32px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container {
  min-height: 470px;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .nav-tabs.dark-theme .nav-item .nav-link.active {
  background-color: #222943;
  color: #fff;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .nav-tabs.dark-theme .nav-item .nav-link.active::before {
  display: none;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .nav-tabs.white-theme .nav-item .nav-link.active::before {
  background-color: #06386c;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .tab-content {
  margin-top: 40px;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .tab-content .tab-pane .text {
  min-width: 770px;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .tab-content .tab-pane .text h5 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  color: #222943;
  margin-bottom: 24px;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .tab-content .tab-pane .text p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  font-weight: normal;
  color: #666f85;
}
.wifi-lp.wifi-fly .tabs-area .tabs .container .tab-content .tab-pane img {
  border-radius: 8px;
}
.wifi-lp.wifi-fly .tabs-area.triple .tabs {
  max-width: unset;
}
.wifi-lp.wifi-fly .accordion-area {
  padding-top: 64px;
  padding-bottom: 60px;
}
.wifi-lp.wifi-fly .accordion-area .container {
  max-width: 970px;
}
.wifi-lp.wifi-fly .accordion-area .container .content-area > h2 {
  color: #222943;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid #dee3ed;
  padding-bottom: 32px;
  margin: 0;
}
.wifi-lp.wifi-fly .accordion-area .cards-btn {
  margin-top: 40px;
}

.wifi-fly-suggested-text {
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-100px);
}
.wifi-fly-suggested-text .container p {
  color: #919eba;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 40px;
}

.tt-wifi {
  background-color: #002958;
}
.tt-wifi::after, .tt-wifi::before {
  display: none;
}
.tt-wifi > h3 {
  color: #fff;
}
.tt-wifi > p {
  color: #a0acbd;
  margin: auto;
  margin-top: 12px;
  margin-bottom: 40px;
  text-align: center;
  max-width: 770px;
}
@media (max-width: 767px) {
  .tt-wifi > p {
    margin: 0;
  }
}
.tt-wifi .cards {
  padding-top: 0;
  gap: 30px;
  display: flex;
  justify-content: center;
}
.tt-wifi .cards .card {
  box-shadow: none;
}
@media (max-width: 767px) {
  .tt-wifi .cards .card {
    margin-top: 16px;
    padding-bottom: 32px;
    margin-left: 0;
    margin-right: 0;
  }
}
.tt-wifi .cards .card .card-body .card-campaign-box-info {
  background-image: linear-gradient(133deg, #0575e6 -15%, #021b79 136%);
  flex-direction: column-reverse !important;
}
.tt-wifi .cards .card .card-body .card-campaign-box-info > h4 {
  margin-top: 0;
  margin-bottom: 38px;
}
.tt-wifi.white {
  background-color: #fff;
}
.tt-wifi.white > h3 {
  color: #222943;
}
.tt-wifi.white > p {
  color: #586473;
}
.tt-wifi.white .cards .card {
  box-shadow: 0 0px 32px 0 #d2d8e1;
}
.tt-wifi.grey {
  background-color: #f8f9fb;
}

/*------------------------------------*\
    $YENI GELISTIRMELER -od
\*------------------------------------*/
.ci-price .note {
  text-align: left;
}

.ci-incele .button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ff983a;
  position: relative;
}
.ci-incele .button a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
}
.ci-incele .button > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dscard {
  border-radius: 8px;
  border: 1px solid var(--grey-light-periwinkle, #dee3ed);
  background: var(--white-white, #fff);
  max-width: 370px;
  width: 100%;
  height: 368px;
}
.dscard .dscardbody {
  display: flex;
  flex-direction: column;
  max-width: 370px;
  width: 100%;
}

.ds-cardbody-box {
  border-radius: 8px 8px 0px 0px;
  border: 1px solid var(--grey-light-periwinkle, #dee3ed);
  background: linear-gradient(212deg, rgba(187, 34, 84, 0.12) 0%, rgba(239, 130, 35, 0.12) 100%);
  max-width: 370px;
  width: 100%;
  height: 287px;
  padding: 32px 24px;
}

.ds-card-info {
  display: flex;
  flex-direction: row;
  max-width: 370px;
  width: 100%;
  height: 81px;
  justify-content: space-between;
  padding: 0px 16px;
}

.ci-price {
  align-self: center;
}

.ci-incele {
  align-self: center;
}

.ds-card-img {
  text-align: left;
}

.ds-cardbody-box h4 {
  text-align: left;
  height: 44px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 122.222% */
  color: var(--blue-dark, #222943);
  margin-top: 16px;
}
.ds-cardbody-box p {
  color: var(--grey-gunmetal, #414c5b);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  text-align: left;
}

.ds-gap {
  gap: 30px;
}

#suggestDigitalService .card {
  max-width: 370px !important;
  width: 100% !important;
  height: 287px;
  box-shadow: unset;
}
#suggestDigitalService .cards {
  justify-content: center;
}
#suggestDigitalService .card-campaign-box-info {
  border-radius: 8px 8px 0px 0px;
  border: 1px solid var(--grey-light-periwinkle, #dee3ed);
  background: linear-gradient(212deg, rgba(187, 34, 84, 0.12) 0%, rgba(239, 130, 35, 0.12) 100%);
}
#suggestDigitalService .sup-group sup {
  color: var(--blue-dark, #222943);
  top: 0.2em;
  font-style: normal;
  font-weight: 800;
  line-height: 20px; /* 166.667% */
}
#suggestDigitalService .sup-group strong {
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 34px; /* 130.769% */
  color: var(--blue-dark, #222943);
}
#suggestDigitalService .cards-btn {
  margin-top: 20px !important;
}
#suggestDigitalService .button-container {
  display: none;
}
#suggestDigitalService .grey-panel-card-wrap::before, #suggestDigitalService .grey-panel-card-wrap::after {
  background: none;
}
#suggestDigitalService .ds-card-img {
  width: 140px !important;
}
#suggestDigitalService .ds-card-img img {
  height: 50px !important;
}
#suggestDigitalService .ci-col1 {
  font-weight: 800;
  color: #FF983A;
  font-size: 12px;
  display: none;
}

#suggestDigitalService .cards {
  max-width: unset;
  justify-content: center !important;
  gap: 30px !important;
  display: flex !important;
}

@media (min-width: 768px) {
  .info-box-recipe .tns-ovh .tns-inner {
    overflow: unset;
  }
  .info-box-recipe .tns-ovh {
    padding: unset;
    overflow: unset;
  }
}
@media (max-width: 768px) {
  .ds-cardbody-box {
    width: 100%;
  }
  .ds-gap {
    flex-direction: column;
    padding: 0 !important;
  }
  .info-box-recipe {
    padding: 0px 12px;
  }
  #suggestDigitalService .cards {
    display: flex;
    flex-direction: column;
    gap: 20px !important;
    align-items: center !important;
  }
  .cards-btn {
    padding-bottom: 40px;
  }
}