.line {
  height: 3px;
  background-color: #44a0da;
  border: 1px solid;
  border-top-color: #3e98db;
  border-bottom-color: #175588;
}

.gradient--dark {
  background-image: -webkit-linear-gradient(90deg, #44a0da, #020405);
  background-image: -moz-linear-gradient(90deg, #44a0da, #020405);
  background-image: -o-linear-gradient(90deg, #44a0da, #020405);
  background-image: linear-gradient(90deg, #44a0da, #020405);
}
.gradient--light {
  background-image: -webkit-linear-gradient(90deg, #ffffff, #93aac9, #23548f);
  background-image: -moz-linear-gradient(90deg, #ffffff, #93aac9, #23548f);
  background-image: -o-linear-gradient(90deg, #ffffff, #93aac9, #23548f);
  background-image: linear-gradient(90deg, #ffffff, #93aac9, #23548f);
}
.gradient--metalic {
  background-image: -webkit-linear-gradient(90deg, #44a0da, #ffffff, #44a0da);
  background-image: -moz-linear-gradient(90deg, #44a0da, #ffffff, #44a0da);
  background-image: -o-linear-gradient(90deg, #44a0da, #ffffff, #44a0da);
  background-image: linear-gradient(90deg, #44a0da, #ffffff, #44a0da);
}

.circle {
  width: 10px;
  height: 10px;
  background-color: #44a0da;
  border-radius: 50%;
}

.container--white--transparent {
  background-color: rgba(68, 160, 218, 0.25);
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

#afterSlider {
  z-index: 1;
}

.btn-arrow, .products .product .details img, .custom-button img {
  max-height: 8px;
  margin-left: 5px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.custom-button {
  background: -webkit-linear-gradient(-38deg, #44a0da, #5890ce);
  background: -moz-linear-gradient(-38deg, #44a0da, #5890ce);
  background: -o-linear-gradient(-38deg, #44a0da, #5890ce);
  background: linear-gradient(-38deg, #44a0da, #5890ce);
  color: #ffffff;
  font-weight: bold;
  padding: 8px 48px;
  border-radius: 15px;
}
.custom-button.padding-less {
  padding: 2px 14px;
}
.custom-button:hover {
  color: #ffffff;
}
.custom-button--lg {
  font-size: 2em;
}
.custom-button--lg img {
  max-height: 12px;
}
.custom-button--md {
  font-size: 1.3em;
}
.custom-button--md--hover-white {
  color: #ffffff !important;
}
.custom-button--md img {
  max-height: 10px;
}
.custom-button--bg-red {
  background: -webkit-linear-gradient(-38deg, #dc3545, #e4606d);
  background: -moz-linear-gradient(-38deg, #dc3545, #e4606d);
  background: -o-linear-gradient(-38deg, #dc3545, #e4606d);
  background: linear-gradient(-38deg, #dc3545, #e4606d);
}
.custom-button--bg-white {
  background: -webkit-linear-gradient(-38deg, #c4d6e9, #ffffff);
  background: -moz-linear-gradient(-38deg, #c4d6e9, #ffffff);
  background: -o-linear-gradient(-38deg, #c4d6e9, #ffffff);
  background: linear-gradient(-38deg, #c4d6e9, #ffffff);
}
.red {
  color: #dc3545;
}

.turquoise, .custom-button--md:hover {
  color: #44a0da;
}

input[name=search] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff !important;
  border-radius: 0;
}
input[name=search] + .form-prefix-icon {
  margin-left: -20px !important;
  color: #ffffff;
}
input[name=search] .form-prefix-icon:hover {
  text-decoration: none !important;
}
input[name=search]:focus {
  background-color: transparent;
  border-color: #ffffff;
}

.ss-scroll {
  right: -102% !important;
  box-shadow: 0px 0px 0px white;
  background: white !important;
}

.radius-40 {
  border-radius: 40px;
}

.radius-20 {
  border-radius: 20px;
}
.radius-20--inner-fix {
  border-radius: 18px;
}

.radius-top-20 {
  border-radius: 20px 20px 0 0 !important;
}

.radius-bottom-20 {
  border-radius: 0 0 20px 20px !important;
}

.radius-left-20 {
  border-radius: 20px 0 0 20px;
}

.radius-right-20 {
  border-radius: 0 20px 20px 0;
}

.top-0 {
  top: 0;
}

.mr-15-percent {
  margin-right: 15%;
}

.bg-light-blue {
  background-color: #c4d6e9;
}

.hr-custom {
  height: 6px !important;
  background-color: #44a0da;
  opacity: 1 !important;
}
.hr-custom2 {
  background-color: #50a6dc;
  opacity: 1 !important;
}
.hr-custom--vertical {
  width: 2px;
  height: 100% !important;
  opacity: 1 !important;
}
.hr-custom--linearGradient {
  background: -webkit-linear-gradient(0deg, #ffffff, #44a0da, #ffffff);
  background: -moz-linear-gradient(0deg, #ffffff, #44a0da, #ffffff);
  background: -o-linear-gradient(0deg, #ffffff, #44a0da, #ffffff);
  background: linear-gradient(0deg, #ffffff, #44a0da, #ffffff);
}

.form-element-custom {
  border: 0;
  border-bottom: 2px solid #44a0da;
  border-radius: 0;
}

.overflow-hidden-ni {
  overflow: hidden;
}

.this-is-modal {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.custom-table tr:nth-child(even) {
  background-color: #a2a2a2;
}
.custom-table tr:nth-child(odd) {
  background-color: #b5b5b5;
}
.custom-table tr td {
  width: 50%;
}
.custom-table tr td:first-child {
  border-right: 1px solid black;
}

.custom-table {
  font-size: 10pt;
}
.custom-table--p-0 td {
  padding: 0;
}

.title {
  font-size: 15pt;
}
.title--weight-normal {
  font-weight: normal;
}

.title-image {
  font-size: 20pt;
  font-weight: 600;
}
.title-image .line-height-inline {
  line-height: 23px;
}

.bg-full-w-h {
  background: url("/src/assets/screenlupus.png") no-repeat;
  background-position: center;
  background-size: auto 100%;
}

.h-739 {
  height: 739px;
}

.box {
  aspect-ratio: 1/1;
  background-color: rebeccapurple;
  border-radius: 40px;
  box-shadow: 20px 20px 40px #8e8e8e;
  overflow: hidden;
}
.box--border-radius_1 {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.box--border-radius_2 {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.box img {
  object-fit: cover;
  object-position: center;
}

.text-white-shadow {
  filter: drop-shadow(2px 0px 0px #ffffff) drop-shadow(0px 2px 0px #ffffff) drop-shadow(-2px 0px 0px #ffffff) drop-shadow(0px -2px 0px #ffffff);
  -webkit-filter: drop-shadow(2px 0px 0px #ffffff) drop-shadow(0px 2px 0px #ffffff) drop-shadow(-2px 0px 0px #ffffff) drop-shadow(0px -2px 0px #ffffff);
}

header {
  background-color: #2e2e2e;
}
header nav ul li {
  margin: 0 10px;
  position: relative;
}
header nav ul li .nav-link {
  color: #ffffff !important;
  padding: 10px 20px !important;
  font-size: 0.9em;
  white-space: nowrap;
}
header nav ul li .nav-link:hover {
  text-decoration: underline;
  background-color: #232323;
}
header nav ul li .nav-link .circle {
  margin-right: 17px;
}
header nav ul li.active {
  background-color: #232323;
}
header nav ul li.active a {
  text-decoration: underline !important;
}
header nav .navbar-toggler img {
  height: 20px;
}
header nav .navbar-toggler:focus {
  box-shadow: none;
}

.links {
  margin-top: 70px;
  padding: 0;
}
.links li {
  background-color: transparent !important;
  text-align: right;
  padding: 0;
  white-space: nowrap;
}
.links li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  padding: 27px 57px;
}
.links li a img {
  max-height: 10px;
}
.links li a:hover {
  text-decoration: underline;
}
.links--left a img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 10px;
}
.links--left a:hover {
  background-color: rgba(75, 94, 113, 0.39);
}
.links--right li a {
  color: #020405 !important;
}
.links--right li a img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 10px;
}
.links--right li a:hover {
  background-color: rgba(113, 172, 208, 0.39);
}

.links--mobile .links {
  margin-top: 170px;
  padding-bottom: 360px;
}

.logo--mobile {
  margin-top: 47px;
  position: absolute;
  height: 120px;
}
.logo--mobile img {
  height: 100%;
}

.products-outer-wrapper {
  position: relative;
  top: -780px;
  z-index: 0;
}
.products-outer-wrapper .products {
  position: relative;
  z-index: 1;
}
.products-outer-wrapper .products .product .card-body {
  display: flex;
  justify-content: center;
  align-items: end;
}

.yellow-hexagonal-pattern-bg {
  background: url("/src/assets/yellow_hexagonal_pattern.png") no-repeat center bottom;
  background-size: cover;
}

.controls > .card-header {
  background: url("/src/assets/kontroller.png") no-repeat;
  background-position: center right;
  background-size: auto 100%;
}
.controls > .card-header .header-logo {
  height: 60px;
}
.controls > .card-header .logo-title {
  font-size: 19pt;
  font-style: italic;
  color: #44a0da;
}
.controls .control {
  background-position: top center !important;
  background-size: cover !important;
}
.controls .control.kaporta-kontrolu {
  background: url("/src/assets/kontroller/kaporta-kontrolu.png") no-repeat;
}
.controls .control.mekanik-kontrolu {
  background: url("/src/assets/kontroller/mekanik-kontrolu.png") no-repeat;
}
.controls .control.alt-kontrolu {
  background: url("/src/assets/kontroller/alt-kontrolu.png") no-repeat;
}
.controls .control.elektronik-kontrolu {
  background: url("/src/assets/kontroller/elektronik-kontrolu.png") no-repeat;
}
.controls .control.hava-yastigi-kontrolu {
  background: url("/src/assets/kontroller/hava-yastigi-kontrolu.png") no-repeat;
}
.controls .control-title {
  font-size: 18pt;
  font-weight: 600;
}
.controls .control li {
  font-size: 10pt;
}

.products {
  max-height: 739px;
  position: relative;
  padding: 26px;
}
.products .product {
  height: 288px;
  overflow: hidden;
}
.products .product .details {
  background: -webkit-linear-gradient(-38deg, #44a0da 0%, #5890ce 100%);
  background: -moz-linear-gradient(-38deg, #44a0da 0%, #5890ce 100%);
  background: -o-linear-gradient(-38deg, #44a0da 0%, #5890ce 100%);
  background: linear-gradient(-38deg, #44a0da 0%, #5890ce 100%);
  color: #ffffff;
  font-weight: bold;
  padding: 12px 16px;
  line-height: normal;
}
.products .product-title {
  font-weight: bold;
}
.products .product-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.products .product + * {
  margin-top: 20px;
}

.appointment .card-header:not(.plan > .card-header) {
  background: url("/src/assets/appointment-bg.png") no-repeat bottom right;
  background-size: auto 100%;
}
.appointment .card-header:not(.plan > .card-header) .compytest img {
  height: 40px;
}
.appointment .card-header:not(.plan > .card-header) .gesis {
  color: #44a0da;
  font-size: 10pt;
}
.appointment .select-branch {
  width: 191px;
  height: 191px;
  background-color: #44a0da;
  color: #ffffff;
  filter: drop-shadow(0px 0px 0px);
  box-shadow: 0px 0px 0px 11px #d7ebf7;
}
.appointment .first-title {
  font-weight: bold;
  font-size: 30pt;
  color: #44a0da;
}
.appointment .appointment-contact {
  font-size: 20pt;
  color: #44a0da;
}
.appointment .appointment-address {
  font-size: 18pt;
  color: #44a0da;
  border-bottom: 2px solid #44a0da;
  margin-top: -19px;
}
.appointment .appointment-date {
  color: #44a0da;
  font-size: 15pt;
}
.appointment .appointment-date .selected-appointment-date {
  font-weight: bold;
}
.appointment .selected-appointment {
  color: #44a0da;
  font-size: 15pt;
}
.appointment .selected-appointment-name {
  font-weight: bold;
}
.appointment .appointment-time {
  color: #44a0da;
  font-size: 15pt;
}
.appointment .appointment-time .selected-appointment-time {
  font-weight: bold;
}
.appointment .expertise-plan {
  color: #44a0da;
  font-size: 15pt;
}
.appointment .expertise-plan .selected-expertise-plan {
  font-weight: bold;
}

#appointment-form [for=nameSurname],
#appointment-form [for=tel],
#appointment-form [for=email],
#appointment-form [for=plate] {
  color: #44a0da;
  font-size: 14pt;
  font-weight: bold;
  min-width: 100px !important;
}
#appointment-form [for=nameSurname] + .colon,
#appointment-form [for=tel] + .colon,
#appointment-form [for=email] + .colon,
#appointment-form [for=plate] + .colon {
  color: #44a0da;
  font-size: 14pt;
  font-weight: bold;
}

#contact-us .ss-content {
  display: flex;
  flex-wrap: wrap;
}
#contact-us .ss-scroll {
  background-color: #44a0da !important;
}
#contact-us-inner-container {
  height: 739px;
  overflow-y: auto;
}
#contact-us-inner-container .branch-name {
  font-size: 20pt;
  font-style: italic;
  color: #44a0da;
}
#contact-us-inner-container .branch-address, #contact-us-inner-container .branch-phone {
  color: #44a0da;
  font-size: 13pt;
}
#contact-us-inner-container .branch iframe {
  width: 100%;
  height: 300px;
  background-color: #44a0da;
}

.what-is-lupus .title--lime {
  line-height: 20pt;
}
.what-is-lupus .title--lime .lime {
  font-size: 50pt;
  font-weight: bold;
  color: #bbd500;
}
.what-is-lupus .title--lime .sub-title {
  font-size: 12pt;
}

.all-services .service-logo {
  width: 100%;
  height: 70px;
}

.social-media .bg-image {
  overflow: hidden;
  height: 100%;
  background: url("/src/assets/social-media-bg.png") no-repeat;
  background-position: 100% 85%;
  background-size: cover;
}
.social-media .title {
  color: #44a0da;
  font-size: 30pt;
}
.social-media .discounts,
.social-media .get-discount, .social-media .text-lg {
  background: -webkit-linear-gradient(-38deg, #e44d26, #f16529);
  background: -moz-linear-gradient(-38deg, #e44d26, #f16529);
  background: -o-linear-gradient(-38deg, #e44d26, #f16529);
  background: linear-gradient(-38deg, #e44d26, #f16529);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.social-media .discounts .text-lg,
.social-media .get-discount .text-lg, .social-media .text-lg .text-lg {
  font-size: 22pt;
}

.franchising-bg {
  background: url("/src/assets/franchising-bg.png") no-repeat;
  background-size: 110% 100%;
  background-position: top center;
}

.explore-lupus-bg, #explore-lupus-2::after, #explore-lupus {
  background: url("/src/assets/button-bg.png") no-repeat;
  background-position: center;
  background-size: cover;
}

#explore-lupus {
  height: 134vh;
  position: relative;
  top: -430px;
}

#explore-lupus-2 {
  position: relative;
}
#explore-lupus-2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  opacity: 0.5;
}

.explore-lupus-2-content {
  position: relative;
  z-index: 1;
  height: 100%;
}
.explore-lupus-2-content .logo {
  width: 80%;
}
.explore-lupus-2-content .unique {
  text-align: justify;
  font-size: 50pt;
  font-weight: bold;
  line-height: 70px;
  color: #44a0da;
}
.explore-lupus-2-content .list {
  font-style: italic;
  font-size: 13pt;
}

#slider {
  position: fixed;
  inset: 0 0 0 auto;
}
#slider .white-transparent-bg {
  width: 100%;
  height: 100%;
  display: block;
}
#slider .carousel-item {
  -webkit-transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
  -moz-transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
  -o-transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
}
#slider .carousel-item img {
  object-fit: cover;
  object-position: center;
  opacity: 0.2;
}

#expertise-program {
  max-height: 739px;
  padding: 26px;
}
#expertise-program .expertise-program-container {
  min-height: 80px;
  position: relative;
  z-index: 1;
  padding: 32px;
}
#expertise-program .expertise-program-container .expertise-program-toggle-button {
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 0;
  width: min-content;
  width: -moz-min-content;
  padding: 12px;
  background-color: #e1f0f9;
  border-radius: 10px;
}
#expertise-program .expertise-program-container .expertise-program-toggle-button img {
  height: 20px;
}
#expertise-program .expertise-program-container .logo img {
  height: 100px;
}
#expertise-program form input:not([type=radio]) {
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
}

.enter-lupus {
  width: auto;
  position: absolute;
  right: 0;
}
.enter-lupus .expertise-program-toggle-button--mobile {
  box-shadow: 0px 0px 38px 10px rgba(5, 6, 6, 0.11);
}
.enter-lupus #expertise-program--mobile {
  display: none;
  position: absolute;
  right: 12px;
  top: 42px;
}
.enter-lupus #expertise-program--mobile .expertise-program-container {
  width: 350px;
}

.expertise-plans .plan {
  min-width: 25%;
  min-height: 590px;
  background-color: #44a0da;
  color: #ffffff;
}
.expertise-plans .plan-name {
  font-size: 20pt;
}
.expertise-plans .plan-price {
  font-size: 25pt;
  font-weight: bold;
}
.expertise-plans .plan-price .gesis {
  font-size: 10pt;
  color: #44a0da;
}
.expertise-plans .plan-price .gesis img {
  height: 20px;
}
.expertise-plans .plan-detail-list {
  font-size: 13pt;
}
.expertise-plans .plan-detail-list-border {
  height: 2px;
}
.expertise-plans .plan .discount-opportunity {
  color: #ffe400;
}
.expertise-plans .plan .discount-opportunity .discount-amount {
  font-weight: bold;
}
.expertise-plans .plan .make-appointment {
  font-size: 20pt;
  font-weight: bold;
  color: #44a0da;
}
.expertise-plans .plan .card-footer {
  background-color: transparent;
}

.total-amount {
  color: #44a0da;
  font-size: 15pt;
}
.total-amount .amount {
  font-size: 22pt;
  font-weight: bold;
  color: #020405;
  position: relative;
}
.total-amount .amount::after {
  content: "";
  background: url("/src/assets/red-line.png") no-repeat center;
  background-size: cover;
  height: 100%;
  width: 100px;
  display: block;
  position: absolute;
  inset: 0;
  margin: 0 auto;
}

.amount {
  font-size: 22pt;
  font-weight: bold;
}

.discount {
  font-size: 15pt;
  color: #dc3545;
}
.discount-percent {
  font-size: 16pt;
}

.discounted-amount {
  color: #44a0da;
  font-size: 15pt;
}

#paying .info {
  color: #44a0da;
  font-size: 15pt;
}

.price-list .card-body {
  width: 99%;
  height: 500px;
}
.price-list .card-body #price-list-table .product-image {
  width: 110px;
  height: 110px;
  background-color: #44a0da;
}
.price-list .card-body #price-list-table .product-image img {
  width: 100%;
}
.price-list .card-body #price-list-table th,
.price-list .card-body #price-list-table td {
  text-align: center;
}
.price-list .card-body #price-list-table td {
  vertical-align: middle;
}
.price-list .card-body #price-list-table tfoot td {
  width: unset !important;
}

#asd {
  position: relative;
}
#asd .custom-file-input {
  opacity: 0;
  position: relative;
  z-index: 1;
  height: 24.5px;
}
#asd .custom-file-input-mask {
  position: absolute;
  left: 0;
  color: #2e2e2e;
}
#asd .custom-file-input-mask img {
  height: 20px;
}

#canvas .magazine {
  left: -541px !important;
}
#canvas .thumbnails {
  top: 0%;
}
#canvas .thumbnails > div {
  width: auto !important;
}

.packages .package h1 {
  color: #3d80b0;
  font-size: 1.5em !important;
  font-weight: bold !important;
}
.packages .package#kaporta-genel-ekspertiz {
  background: linear-gradient(rgba(255, 255, 255, 0.8), white 50%), url("/src/assets/packages/kaporta-genel-ekspertiz-gesis-garantili-ekspertiz-sistemleri.png") no-repeat;
  background-position-x: 80%;
  background-size: auto, auto 60%;
}
.packages .package#kaporta-mekanik-ekspertiz {
  background: linear-gradient(rgba(255, 255, 255, 0.8), white 50%), url("/src/assets/packages/kaporta-mekanik-ekspertiz.png") no-repeat;
  background-position-x: 70%;
  background-size: auto, auto 50%;
}
.packages .package#ototest-ekspertiz {
  background: linear-gradient(rgba(255, 255, 255, 0.8), white 50%), url("/src/assets/packages/oto-test-ekspertiz.png") no-repeat;
  background-position-x: 1%;
  background-size: auto, auto 50%;
}
.packages .package#compytest-ekspertiz {
  background: linear-gradient(rgba(255, 255, 255, 0.8), white 50%), url("/src/assets/packages/compytest-ekspertiz.png") no-repeat;
  background-position-x: 50%;
  background-size: auto, auto 50%;
}
.packages .package#premium-ekspertiz {
  background: linear-gradient(rgba(255, 255, 255, 0.8), white 65%), url("/src/assets/packages/premium-ekspertiz.png") no-repeat;
  background-position-x: 0%, 0%;
  background-size: auto, auto 60%;
}
.packages .package#premium-ekspertiz h1 {
  color: #64995c;
}
.packages .package#garantili-ekspertiz-sistemleri {
  background: linear-gradient(rgba(255, 255, 255, 0.8), white), url("/src/assets/packages/kaporta-genel-ekspertiz-gesis-garantili-ekspertiz-sistemleri.png") no-repeat;
  background-position-x: 15%;
  background-size: auto, auto 100%;
}
.packages .package#garantili-ekspertiz-sistemleri #star {
  width: 60%;
}
.packages .package#garantili-ekspertiz-sistemleri ul li {
  font-weight: bold;
  font-size: 16pt;
  line-height: normal;
  padding: 31.5px 0 0 0;
}
.packages .package#garantili-ekspertiz-sistemleri ul li:first-child {
  padding-top: 0;
}
.packages .package#garantili-ekspertiz-sistemleri #gesis-hakkinda {
  color: #44a0da;
}
.packages .package ul {
  line-height: 63px;
}
.packages .package ul li {
  color: #44a0da;
  text-shadow: 0px 0px 10px white;
}
.packages .package .total-amount .discount {
  font-size: 10pt;
  font-weight: bold;
}
.packages .package .total-amount .discount-percent {
  font-size: 12pt;
}
.packages .package .card-body {
  min-height: 550px;
}
.packages .package .card-footer {
  margin-top: 50px;
}

.modal-hook .product-title {
  font-weight: bold;
}
.modal-hook .yerli-uretim-icon {
  height: 20px;
}
.modal-hook .patentli-urun {
  height: 60px;
}
.modal-hook .product-info {
  text-indent: 40pt;
  font-size: 10pt;
}
.modal-hook #buy-now {
  font-size: 15pt;
}

.all-products .product,
.campaigns .product {
  background: -webkit-linear-gradient(90deg, #44a0da 60%, #ffffff);
  background: -moz-linear-gradient(90deg, #44a0da 60%, #ffffff);
  background: -o-linear-gradient(90deg, #44a0da 60%, #ffffff);
  background: linear-gradient(90deg, #44a0da 60%, #ffffff);
}
.all-products .product-bg-img,
.campaigns .product-bg-img {
  background-size: cover !important;
  background-position: center !important;
}
.all-products .product-bg-img--akilli-boya-kalinlik-olcer,
.campaigns .product-bg-img--akilli-boya-kalinlik-olcer {
  background: url("/src/assets/all-products/akilli-boya-kalinlik-olcer.png") no-repeat;
}
.all-products .product-bg-img--ariza-tespit-cihazi,
.campaigns .product-bg-img--ariza-tespit-cihazi {
  background: url("/src/assets/all-products/ariza-tespit-cihazi.png") no-repeat;
}
.all-products .product-bg-img--checklight,
.campaigns .product-bg-img--checklight {
  background: url("/src/assets/all-products/checklight.png") no-repeat;
}
.all-products .product-bg-img--expertion-with-lupus,
.campaigns .product-bg-img--expertion-with-lupus {
  background: url("/src/assets/all-products/expertion-with-lupus.png") no-repeat;
}
.all-products .product-bg-img--compytest-mobile,
.campaigns .product-bg-img--compytest-mobile {
  background: url("/src/assets/all-products/compytest-mobile.png") no-repeat;
}
.all-products .product-bg-img .logo,
.campaigns .product-bg-img .logo {
  height: 35px;
}
.all-products .product-bg-img .logo-text,
.campaigns .product-bg-img .logo-text {
  font-size: 12pt;
  font-style: italic;
  color: #ffffff;
}
.all-products .campaign,
.campaigns .campaign {
  background: -webkit-linear-gradient(-38deg, #44a0da 60%, #5890ce);
  background: -moz-linear-gradient(-38deg, #44a0da 60%, #5890ce);
  background: -o-linear-gradient(-38deg, #44a0da 60%, #5890ce);
  background: linear-gradient(-38deg, #44a0da 60%, #5890ce);
}
.all-products .campaign-bg-img,
.campaigns .campaign-bg-img {
  background-size: cover !important;
  background-position: center !important;
  background: url("/src/assets/campaign-bg.png") no-repeat;
}
.all-products .discount,
.campaigns .discount {
  line-height: 3rem;
  font-size: 2.3rem;
}
.all-products .discount .amount,
.campaigns .discount .amount {
  font-size: 5rem;
}
.all-products .description,
.campaigns .description {
  font-size: 1.3rem;
}

.announcements-inner-wrapper .announcement {
  background: url("/src/assets/announcement.jpg") no-repeat, #ffffff;
  background-position: top center;
  background-size: cover;
  height: 700px;
}
.announcements-inner-wrapper .announcement-date {
  color: #ffffff;
  font-size: 14pt;
}
.announcements-inner-wrapper .announcement-title {
  font-size: 14pt;
  font-weight: 600;
}
.announcements-inner-wrapper .announcement-sub-title {
  font-size: 13pt;
  font-weight: 600;
}

.brands .items {
  margin-top: 250px;
  user-select: none;
}
.brands .items .item {
  position: absolute;
  top: 39%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  overflow: hidden;
  transition: all 300ms ease-in-out;
  z-index: -1;
  opacity: 0;
  background: -webkit-linear-gradient(-38deg, #c3c3c3, #fffafa, #bebebe, #ffffff);
  background: -moz-linear-gradient(-38deg, #c3c3c3, #fffafa, #bebebe, #ffffff);
  background: -o-linear-gradient(-38deg, #c3c3c3, #fffafa, #bebebe, #ffffff);
  background: linear-gradient(-38deg, #c3c3c3, #fffafa, #bebebe, #ffffff);
  border: 8px solid #e5e5e5;
}
.brands .item.active {
  opacity: 1;
  z-index: 99;
  box-shadow: 0px 0px 105px -35px rgba(0, 0, 0, 0.75);
}
.brands .item.prev {
  z-index: 2;
  opacity: 0.25;
  transform: translate(-185%, -50%);
}
.brands .item.next {
  z-index: 2;
  opacity: 0.25;
  transform: translate(85%, -50%);
}
.brands .button-container {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}
.brands .button-container .button {
  color: #a9c8db;
  font-size: 4rem;
  margin: 0 10%;
  cursor: pointer;
}
.brands .button-container .button:first-child {
  margin-left: 0;
}
.brands .button-container .button:last-child {
  margin-right: 0;
}

input:focus {
  outline: none;
  box-shadow: none !important;
}

html,
body {
  height: 100%;
}

.row > * {
  margin-top: 16px;
}

@media (max-width: 1324px) {
  .campaigns .campaign .discount {
    line-height: 2rem;
    font-size: 1.5rem;
  }
  .campaigns .campaign .discount .amount {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .h-xl-100 {
    height: 100%;
  }

  .brands .brand-logo {
    width: auto;
  }
}
@media (min-width: 992px) {
  .text-lg-nowrap {
    white-space: nowrap;
  }
}
@media (orientation: landscape) {
  body.overflow-hidden-ni {
    overflow: unset !important;
  }
}
@media (max-width: 1199.98px) {
  body.overflow-hidden-ni {
    overflow: unset !important;
  }
  body .select-branch {
    width: 151px !important;
    height: 151px !important;
  }
  body .first-title {
    font-size: 20pt !important;
  }
  body .appointment-contact {
    font-size: 16pt !important;
  }
  body .appointment-address {
    margin-top: -23px !important;
  }

  #premium-ekspertiz {
    background-size: auto, auto 80% !important;
  }

  .brands .brand-logo {
    width: 75%;
  }
}
@media (max-width: 991.98px) {
  .header-logo {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .h-max-md-739 {
    max-height: 739px;
  }

  .h-md-739 {
    height: 739px !important;
  }

  .h-md-100 {
    height: 100% !important;
  }
}
@media (max-width: 767.98px) {
  .brands .brand-logo {
    width: auto;
  }

  .h-max-unset {
    max-height: unset !important;
  }
}
@media (max-width: 565.98px) {
  .logo--mobile {
    height: 90px;
  }

  .links--mobile ul li a {
    font-size: 10pt;
    padding: 20px 30px;
  }

  .expertise-program-toggle-button--mobile {
    padding: 8px 18px;
  }

  .h-max-739 {
    max-height: 739px;
  }
}

/*# sourceMappingURL=app.css.map */