@charset "UTF-8";
/* Bu dosya temanın ana CSS dosyasıdır. Tema bilgisi için "maviwebtasarim/style.css" dosyasına bakın. */
/* Colors */
:root {
  --blue-ruin:#026cdd;
  --blue-ruin-rgba:2,108,221;
  --london-rain:#0051bb;
  --london-rain-rgba:0,81,187;
  --white:#ffffff;
  --warm-purple:#972b8a;
  --aged-purple:#ac439f;
  --adamantine-blue:#57a5f8;
  --swiss-plum:#6d46b3;
  --swiss-plum-rgba:109,70,179;
  --midnight:#020c2e;
  --mazzy-star:#c35caf;
  --peach-cobbler:#ffae83;
  --golden-nectar:#ffd969;
  --sapphire-blue:#0066bc;
  --altdorf-sky-blue:#00a1ab;
  --malted-mint-madness:#0cdaa7;
  --alphabet-blue:#b3d1f0;
  --jadestone:#03a8a6;
  --emerson:#42645d;
  --black-anther:#424242;
  --white-rabbit:#f9f0e9;
  --clr: #825aa9; }

/* Color Classes */
/*Color Text*/
.blue-ruin {
  color: var(--blue-ruin); }

/* Bg Color Class */
.bg-blue-ruin {
  background-color: var(--blue-ruin); }

/*Text-Bg Color*/
.text-bg-blue-ruin {
  color: var(--white);
  background-color: var(--blue-ruin); }

/* CSS Document */
:root {
  --special-elite: "Special Elite";
  --croissant-one: "Croissant One";
  --josefin-sans: "Josefin Sans";
  --josefin-slab: "Josefin slab";
  --caveat: "Caveat";
  --indie-flower: "Indie Flower";
  --lilita-one: "Lilita One";
  --merienda: "Merienda";
  --Laila: "Laila";
  --pangolin: "Pangolin";
  --chewy: "Chewy";
  --aclonica: "Aclonica";
  --short-stack: "Short Stack";
  --bubblegum-sans: "Bubblegum Sans";
  --capriola: "Capriola";
  --handlee: "Handlee";
  --cabin-sketch: "Cabin Sketch";
  --tillana: "Tillana";
  --baloo-2: "Baloo 2";
  --roboto: "Roboto";
  --londrina-sketch: "Londrina Sketch";
  --protest-strike: "Protest Strike";
  --baloo-da-2: "Baloo Da 2";
  --lemon: "Lemon";
  --itim: "Itim";
  --nerko-one: "Nerko One";
  --akaya-kanadaka: "Akaya Kanadaka";
  --sriracha: "Sriracha";
  --suez-one: "Suez One";
  --poetsen-one: "Poetsen One";
  --coiny: "Coiny"; }

.bwd-btn {
  padding: 10px 10px; }

.btn-swiss {
  background-color: var(--swiss-plum);
  /* Custom background color */
  border-color: var(--swiss-plum);
  /* Custom border color */
  color: white; }

.btn-swiss:hover {
  background-color: #9670db;
  /* Custom hover background */
  border-color: #9670db;
  /* Custom hover border */
  color: white; }

.btn-midnight {
  background-color: var(--midnight);
  /* Custom background color */
  border-color: var(--midnight);
  /* Custom border color */
  color: white; }

.btn-midnight:hover {
  background-color: #08174a;
  /* Custom hover background */
  border-color: #08174a;
  /* Custom hover border */
  color: white; }

.btn-orange-darkturquoise {
  text-decoration: none;
  background-color: orange; }

.btn-orange-darkturquoise:hover {
  background-color: darkturquoise;
  /* Custom hover background */
  border-color: darkturquoise;
  /* Custom hover border */ }

.btn-golden-nectar {
  background-color: var(--golden-nectar);
  /* Custom background color */
  border-color: var(--golden-nectar);
  /* Custom border color */
  color: white; }

.btn-golden-nectar:hover {
  background-color: var(--peach-cobbler);
  /* Custom hover background */
  border-color: var(--peach-cobbler);
  /* Custom hover border */
  color: white; }

.btn-golden-nectar_darkturquoise {
  background-color: var(--golden-nectar);
  /* Custom background color */
  border-color: var(--golden-nectar);
  /* Custom border color */
  color: white; }

.btn-golden-nectar_darkturquoise:hover {
  background-color: var(--darkturquoise);
  /* Custom hover background */
  border-color: var(--darkturquoise);
  /* Custom hover border */
  color: white; }

/*.section-3 .part-3 {
  background-color: #fff;
  height: 250px;
  @include kivrim-efekti($top: 30px, $opacity: 0.15); // farklı değerlerle de çağırabilirsin
}*/
/*.color1 {color: #3b0b4b;}
.color2 {color: #b70451;}
.color3 {color: #7099fe;}
.color4 {color: #ffd0f4;}
.color5 {color: #fffbf4;}
.color1 {color: #272b54;}
.color2 {color: #4b3f78;}
.color3 {color: #825aa9;}
.color4 {color: #d07ee6;}
.color5 {color: #ffa9ff;}*/
body {
  background-color: #E1E1E1;
  color: #000;
  font-family: var(--source-sans-3); }

.section-responsive-menu {
  display: flex;
  justify-content: center;
  align-items: center; }

.section-0 {
  min-height: 60px;
  margin-top: 0px; }

.section-0 .logo-area {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; }

.section-0 .logo-area .logo {
  width: auto;
  height: 140px; }

.section-0 .logo-area .logo-icon {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
  width: auto;
  height: 75px; }

.section-0 .logo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.3), transparent 70%);
  mix-blend-mode: multiply;
  z-index: 2;
  pointer-events: none; }

.section-0 .section-0-header .social-media {
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px; }

.section-0 .section-0-header .social-media .socials {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.section-0 .section-0-header .social-media .socials a {
  width: 40px;
  height: 40px;
  text-decoration: none;
  margin: 3px; }

.section-0 .section-0-header .social-media .socials a i {
  font-size: 30px;
  color: #b70451; }

.section-0 .section-0-header .social-media .socials a:hover i {
  color: #222222; }

.section-0 .section-0-header .social-media .contact-area {
  position: relative;
  width: 155px;
  height: 50px;
  margin: 20px; }

.section-0 .section-0-header .social-media .contact-area a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.051);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(250, 52, 52, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 10;
  color: black;
  border-radius: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
  transition: 0.5s;
  overflow: hidden;
  backdrop-filter: blur(15px);
  font-size: 20px; }

.section-0 .section-0-header .social-media .contact-area:hover a {
  letter-spacing: 3px;
  color: white; }

.section-0 .section-0-header .social-media .contact-area a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.149), transparent);
  transform: skewX(45deg);
  transition: 0.5s;
  transition-delay: 0.5s; }

.section-0 .section-0-header .social-media .contact-area a:hover::before {
  transform: skewX(45deg) translateX(200%);
  transition-delay: 0s; }

.section-0 .section-0-header .social-media .contact-area:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #3b0b4b;
  bottom: -5px;
  width: 30px;
  height: 10px;
  border-radius: 10px;
  transition: 0.5s;
  transition-delay: 0s; }

.section-0 .section-0-header .social-media .contact-area:hover::before {
  bottom: 0px;
  height: 50%;
  width: 80%;
  border-radius: 30px;
  transition-delay: 0.5s; }

.section-0 .section-0-header .social-media .contact-area:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #3b0b4b;
  top: -5px;
  width: 30px;
  height: 10px;
  border-radius: 10px;
  transition: 0.5s;
  transition-delay: 0s; }

.section-0 .section-0-header .social-media .contact-area:hover::after {
  top: 0px;
  height: 50%;
  width: 80%;
  border-radius: 30px;
  transition-delay: 0.5s; }

.section-0 .section-0-header .social-media .contact-area:nth-child(1):before,
.section-0 .section-0-header .social-media .contact-area:nth-child(1):after {
  background: #ff1f72;
  box-shadow: 0 0 5px #ff1f72, 0 0 15px #ff1f72, 0 0 30px #ff1f72, 0 0 60px #ff1f72; }

.section-0 .section-0-header .contact-info-extra {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold; }

.section-0 .section-0-header .contact-info-extra div span i {
  color: #3b0b4b; }

.section-1 {
  margin-top: 20px;
  width: auto; }

.section-1 .nav-menu-area {
  width: auto;
  background-color: #825aa9;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(250, 52, 52, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  border-radius: 6px;
  z-index: 11;
  padding: 20px;
  height: 70px;
  backdrop-filter: blur(15px);
  transition: 0.5s; }

.section-1 .nav-menu-area:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.149), transparent);
  transform: skewX(45deg);
  transition: 0.5s;
  transition-delay: 0.5s; }

.section-1 .nav-menu-area:hover::before {
  bottom: 0px;
  height: 50%;
  width: 80%;
  border-radius: 30px;
  transition-delay: 0.5s; }

.section-1 .nav-menu-area:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #222222;
  top: -5px;
  width: 30px;
  height: 10px;
  border-radius: 10px;
  transition: 0.5s;
  transition-delay: 0s; }

.section-1 .nav-menu-area:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #b70451;
  top: -5px;
  width: 30px;
  height: 10px;
  border-radius: 10px; }

.section-1 .nav-menu-area .nav-area {
  display: flex;
  justify-content: center;
  align-items: center; }

.section-1 .navbar-nav .nav-item {
  font-size: 15px;
  font-weight: bold;
  font-family: var(--source-sans-3);
  display: flex;
  position: relative;
  margin-left: 5px;
  text-transform: uppercase;
  padding: 5px 8px;
  text-decoration: none;
  background-color: #ffffff;
  color: white;
  letter-spacing: 2px; }

.section-1 .navbar-nav .nav-item:before {
  content: "ZS";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3b0b4b;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateX(270deg);
  transform-origin: top;
  transition: all 0.5s;
  pointer-events: none; }

.section-1 .navbar-nav .nav-item:after {
  content: attr(data-mainmenu-link-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b70451;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: bottom;
  transform: rotateX(270deg);
  transition: all 0.5s;
  transition-delay: 0.25s;
  pointer-events: none; }

.section-1 .navbar-nav .nav-item:nth-of-type(1):after, .section-1 .navbar-nav .nav-item:nth-of-type(1):before {
  content: "ZS"; }

.section-1 .navbar-nav .nav-item:hover:before, .section-1 .navbar-nav .nav-item:hover:after {
  transform: rotateX(0deg); }

.section-1 .navbar-nav .nav-item .sub-navbar-nav {
  display: none; }

.section-1 .navbar-nav .nav-item:hover .sub-navbar-nav {
  display: flex;
  position: absolute;
  flex-direction: column;
  top: 95%;
  left: -10px;
  min-width: 150px;
  width: max-content;
  height: auto;
  color: white;
  flex-grow: 1;
  list-style: none;
  border-radius: 5px;
  z-index: 2001;
  padding: 5px 0; }

.section-1 .navbar-nav .nav-item .sub-navbar-nav .nav-item:after, .section-1 .navbar-nav .nav-item .sub-navbar-nav .nav-item:before {
  display: none; }

.section-1 .navbar-nav .nav-item .sub-navbar-nav .nav-item:hover {
  background-color: #b70451; }

.section-1 .navbar-nav .nav-item .sub-navbar-nav .nav-item:hover .nav-link {
  color: white; }

.section-2 {
  margin-top: 30px; }

.section-2 .col-image-area {
  padding: 20px; }

.section-2 .image-area {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  padding: 20px;
  justify-content: center;
  align-items: center; }

.section-2 .image-area img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 1px -1px 20px 2px rgba(0, 0, 0, 0.2);
  z-index: 9; }

.section-2 .image-area:hover img {
  filter: grayscale(100%); }

.section-2 .image-area .read-more {
  display: none; }

.section-2 .image-area:hover .read-more {
  display: flex;
  position: absolute;
  padding: 16px 30px;
  font-size: 1.5em;
  color: var(--clr);
  text-shadow: 0 0 15px var(--clr);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: 0.5s;
  border: 2px solid var(--clr);
  z-index: 10; }

.section-2 .image-area:hover .read-more:hover {
  color: #fff;
  border: 2px solid transparent;
  text-shadow: 0 0 0px var(--clr); }

.section-2 .image-area:hover .read-more:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--clr);
  z-index: -1;
  transform: scale(0);
  transition: 0.5s; }

.section-2 .image-area:hover .read-more:hover:before {
  transform: scale(1);
  transition-delay: 0.5;
  box-shadow: 0 0 10px var(--clr), 0 0 30px var(--clr), 0 0 60px var(--clr); }

.section-2 .image-area:hover .read-more span {
  position: absolute;
  background-color: var(--clr);
  pointer-events: none;
  box-shadow: 0 0 10px var(--clr), 0 0 20px var(--clr), 0 0 30px var(--clr), 0 0 50px var(--clr), 0 0 10px var(--clr); }

.section-2 .image-area:hover .read-more span:nth-child(1),
.section-2 .image-area:hover .read-more span:nth-child(3) {
  width: 40px;
  height: 4px; }

.section-2 .image-area:hover .read-more span:nth-child(2),
.section-2 .image-area:hover .read-more span:nth-child(4) {
  width: 4px;
  height: 40px; }

.section-2 .image-area:hover .read-more span:nth-child(1) {
  top: calc(50% - 2px);
  left: -50px;
  transform-origin: left;
  transition: 0.5s ease-in-out;
  transition-delay: 0.25s; }

.section-2 .image-area:hover .read-more:hover span:nth-child(1) {
  left: 50%;
  transform: scaleX(0);
  transition-delay: 0s; }

.section-2 .image-area:hover .read-more span:nth-child(3) {
  top: calc(50% - 2px);
  right: -50px;
  transform-origin: right;
  transition: 0.5s ease-in-out;
  transition-delay: 0.25s; }

.section-2 .image-area:hover .read-more:hover span:nth-child(3) {
  right: 50%;
  transform: scaleX(0);
  transition-delay: 0s; }

.section-2 .image-area:hover .read-more span:nth-child(2) {
  left: calc(50% - 2px);
  top: -50px;
  transform-origin: top;
  transition: 0.5s ease-in-out;
  transition-delay: 0.25s; }

.section-2 .image-area:hover .read-more:hover span:nth-child(2) {
  top: 50%;
  transform: scaleY(0);
  transition-delay: 0s; }

.section-2 .image-area:hover .read-more span:nth-child(4) {
  left: calc(50% - 2px);
  bottom: -50px;
  transform-origin: bottom;
  transition: 0.5s ease-in-out;
  transition-delay: 0.25s; }

.section-2 .image-area:hover .read-more:hover span:nth-child(4) {
  bottom: 50%;
  transform: scaleY(0);
  transition-delay: 0s; }

.section-2 .info-area {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.section-2 .info-area h3 {
  position: relative;
  font-size: 45px;
  font-weight: bold;
  font-family: var(--source-sans-3);
  color: #b70451; }

h3::after {
  content: attr(data-text);
  position: absolute;
  top: 1px;
  left: 1px;
  color: rgba(0, 0, 0, 0.4);
  z-index: -1; }

.section-2 .info-area p {
  font-size: 22px;
  font-family: var(--source-sans-3);
  color: #3b0b4b; }

.box {
  position: absolute;
  top: 80%;
  left: 45%;
  width: 10px;
  height: 10px;
  border: 1px solid #003298;
  animation: boxes 12s ease-in infinite;
  transform: scale(0);
  z-index: -5; }

.box:nth-child(2) {
  top: 40%;
  left: 25%;
  border-color: red;
  animation-delay: 2s; }

.box:nth-child(3) {
  top: 50%;
  left: 75%;
  animation-delay: 4s; }

.box:nth-child(4) {
  top: 10%;
  left: 90%;
  border-color: red;
  animation-delay: 6s; }

.box:nth-child(5) {
  top: 85%;
  left: 10%;
  animation-delay: 8s; }

.box:nth-child(6) {
  top: 10%;
  left: 50%;
  border-color: red;
  animation-delay: 10s; }

@keyframes boxes {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 1; }
  100% {
    transform: scale(20) rotate(960deg);
    opacity: 0; } }
.section-3 {
  margin-top: 50px; }

/* Kart Tasarımı */
.section-3 .card {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  width: 300px;
  height: 350px;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease; }

.section-3 .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); }

.section-3 .card-content {
  padding-right: 5px;
  padding-left: 5px;
  text-align: center; }

.section-3 .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.section-3 .card .preview1 {
  padding: 0px;
  text-align: center;
  background-color: white;
  color: #3b0b4b; }

.section-3 .card .preview1 a {
  display: inline-block;
  margin-top: 110px;
  margin-bottom: 10px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px;
  background-color: white;
  color: #b70451;
  border-radius: 100px;
  font-size: 22px;
  transition: all 0.2s; }

.section-3 .card .preview1 a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 100px;
  transition: all 0.4s;
  z-index: -1; }

.section-3 .card .preview1 a:hover:before {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0; }

.section-3 .card .preview1 a:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }

.section-3 .card .preview1 a:active {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.section-3 .card .preview2 {
  display: flex;
  position: relative;
  background-color: #4b3f78;
  transition: 0.5s; }

.section-3 .card .preview2 h3 {
  display: flex;
  position: absolute;
  font-size: 45px;
  color: #4f0022;
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
  padding: 5px;
  transition: 0.5s;
  background: rgba(255, 255, 255, 0.4);
  z-index: 6; }

.section-3 .card:hover .preview2 {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
  border: 4px solid #825aa9; }

.section-3 .card .preview2 img {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5; }

.section-3 .card .preview2 img {
  object-fit: cover; }

.section-3 .card:hover .preview2 img {
  margin: 0;
  border-radius: 50%; }

.section-3 .card:hover .preview2 h3 {
  opacity: 0;
  color: #825aa9;
  font-size: 22px; }

.section-4 {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: nul;
  background-color: rgba(255, 255, 255, 0.3); }

.section-4 .part-4 .content .swiper-slide {
  width: 100%;
  height: 300px; }

.section-4 .part-4 .content-area {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.section-4 .part-4 .content-area:hover {
  display: flex;
  position: relative;
  flex-direction: column; }

.section-4 .part-4 .content-area .preview-img {
  display: flex;
  width: 100%;
  height: auto;
  transition: all 1s ease-in-out;
  border-radius: 10px; }

.section-4 .part-4 .content-area .preview-img img {
  border-radius: 10px;
  width: 100%;
  height: auto; }

.section-4 .part-4 .content-area .preview-text {
  display: flex;
  position: absolute;
  opacity: 0; }

.section-4 .part-4 .content-area:hover .preview-img {
  display: flex;
  position: relative;
  width: 200px;
  height: auto; }

.section-4 .part-4 .content-area:hover .preview-img img {
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.section-4 .part-4 .content-area:hover .preview-text {
  display: flex;
  position: relative;
  flex-direction: column;
  opacity: 1;
  margin-top: 10px;
  justify-content: center; }

.section-4 .part-4 .content-area:hover .preview-text span {
  text-align: center; }

.section-4 .part-4 .content-area:hover .preview-text span a {
  color: #b70451;
  font-size: 20px;
  text-decoration: none;
  text-align: center; }

.section-4 .part-4 .content-firm-detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.section-4 .part-4 .content-firm-detail .firmaDetails {
  width: 100%; }

.section-4 .part-4 .content-firm-detail .content-firm-detail-title h4 {
  font-size: 35px;
  color: #3b0b4b; }

.section-4 .part-4 .content-firm-detail .firmaDetails .selected-firm-detail {
  background-color: #fffbf4;
  border: 0px solid #ccc;
  padding: 15px;
  border-radius: 5px;
  width: auto;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.section-4 .part-4 .content-firm-detail .firmaDetails .selected-firm-detail .selected-img-area, .section-4 .part-4 .content-firm-detail .firmaDetails .selected-firm-detail .selected-firm-info {
  width: 100%;
  padding: 20px; }

.section-4 .part-4 .content-firm-detail .firmaDetails .selected-firm-detail .selected-firm-info h3 {
  margin-bottom: 30px;
  color: #3b0b4b; }

.section-4 .part-4 .content-firm-detail .firmaDetails .selected-firm-detail .selected-firm-info p a {
  color: #b70451;
  font-size: 20px;
  text-decoration: none; }

.section-4 .part-4 .content-firm-detail .firmaDetails .selected-firm-detail .selected-img-area img {
  width: 100%;
  height: auto;
  border-radius: 5px; }

.section-5 {
  padding-top: 70px;
  padding-bottom: 70px; }

.section-5 .content .row .process .info {
  width: 100%;
  height: 100%;
  padding: 15px;
  justify-content: flex-start;
  align-content: center; }

.section-5 .content .row .process .info h3 {
  font-weight: 900;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: var(--source-sans-3);
  font-size: 40px; }

.section-5 .content .row .process .info p {
  color: #3b0b4b;
  font-size: 23px; }

.section-5 .content .process .accordion .accordion-item, .section-5 .content .process .accordion .accordion-header button {
  background-color: transparent !important;
  border: none; }

.section-5 .content .process .accordion .accordion-header {
  font-weight: 900; }

.section-5 .content .process .accordion .accordion-header button:focus {
  outline: none !important;
  box-shadow: none !important; }

.section-5 .content .process .accordion .accordion-header button {
  color: #b70451;
  font-size: 28px !important;
  font-weight: 900; }

.section-5 .content .process .accordion .accordion-header button:not(.collapsed) {
  border-bottom: 1px solid thistle; }

.section-5 .content .process .accordion .accordion-header .collapsed {
  font-size: 25px !important;
  color: #825aa9; }

.section-5 .content .process .accordion .accordion-body {
  font-size: 23px;
  color: #3b0b4b;
  font-family: var(--source-sans-3); }

.section-25 {
  padding-top: 70px;
  padding-bottom: 70px; }

.section-25_slider .section-25_blog {
  margin: 25px 12px 30px 12px; }

.section-25_blog {
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 29px 0px;
  border-radius: 10px;
  overflow: hidden;
  background: white; }

.section-25_blog_img {
  height: auto;
  max-height: 350px;
  width: 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden; }

.section-25_blog_img img {
  width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
  object-fit: contain;
  /* cover yerine contain kullanırsak kaliteyi korur */ }

.section-25_blog_text {
  padding: 15px 20px 15px 20px;
  position: relative; }

.section-25_blog_author {
  display: flex;
  position: absolute;
  bottom: -10px;
  padding: 20px 20px 0px 20px;
  z-index: 1005; }

.section-25_blog_author .img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  border: 7px solid var(--adamantine-blue);
  box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 29px 0px;
  margin-right: 10px; }

.section-25_blog_text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px; }

.section-25_blog_text .category {
  position: absolute;
  top: -95px;
  right: 18px;
  background: var(--adamantine-blue);
  color: white;
  padding: 6px 20px;
  text-transform: capitalize;
  border-radius: 7px;
  text-decoration: none; }

.section-25_blog_text a {
  color: #825aa9; }

.section-25_blog_text .title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  color: #b70451;
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none; }

.section-25_blog_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--adamantine-blue);
  padding-top: 15px;
  margin-top: 20px; }

.section-25_blog_footer .read_more {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #3b0b4b;
  transition: all linear .3s;
  text-decoration: none; }

.section-25_blog_footer a i {
  margin-left: 5px; }

.section-25_blog_footer span {
  color: 3825aa9; }

.section-25_blog_footer .read_more:hover {
  color: var(--adamantine-blue);
  text-decoration: underline; }

.section-25_blog_text .title:hover {
  color: var(--adamantine-blue); }

.section-6 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #b70451; }

.section-6 .header-area {
  width: 100%;
  display: flex;
  justify-content: center; }

.section-6 .header {
  min-width: 300px;
  text-align: center; }

.section-6 .header .title h3 {
  background: linear-gradient(to right, #ffa9ff, #fffbf4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: var(--source-sans-3);
  letter-spacing: 3px;
  font-size: 55px; }

.section-6 .header .slogan p {
  font-size: 25px;
  color: white;
  font-family: var(--source-sans-3);
  letter-spacing: 3px;
  padding-top: 10px; }

.section-6 .content-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.section-6 .content-area .mtv {
  width: 500px; }

.section-6 .content-area .mtv .mtv-result-btn-area {
  width: 100%;
  display: flex;
  justify-content: center; }

.section-6 .content-area .mtv .btn-mtv {
  color: #3b0b4b;
  background-color: #ffa9ff;
  font-weight: bold; }

.section-6 .content-area .mtv .btn-mtv:hover {
  background-color: #fffbf4; }

.section-6 .content-area .mtv label {
  color: #ffa9ff;
  font-size: 20px; }

.section-6 .content-area .mtv .mtv-price-result {
  text-align: center; }

.section-6 .content-area .mtv .mtv-price-result h5 {
  color: #ffa9ff;
  font-size: 28px; }

.section-6 .content-area .mtv .mtv-price-result span {
  color: #fffbf4;
  font-size: 25px; }

.section-7 {
  padding-top: 50px;
  background-color: #b70451; }

.section-7 .header-area {
  width: 100%;
  display: flex;
  justify-content: center; }

.section-7 .header {
  min-width: 300px;
  text-align: center; }

.section-7 .header .title h3 {
  background: linear-gradient(to right, #ffa9ff, #fffbf4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: var(--source-sans-3);
  letter-spacing: 3px;
  font-size: 55px; }

.section-7 .header .slogan p {
  font-size: 25px;
  color: white;
  font-family: var(--source-sans-3);
  letter-spacing: 3px;
  padding-top: 10px; }

.section-7 .content-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.section-7 .content-area .kasko-deger {
  width: 500px; }

.section-7 .content-area .kasko-deger .kasko-deger-result-btn-area {
  width: 100%;
  display: flex;
  justify-content: center; }

.section-7 .content-area .kasko-deger .btn-kasko-deger {
  color: #3b0b4b;
  background-color: #ffa9ff;
  font-weight: bold; }

.section-7 .content-area .kasko-deger .btn-kasko-deger:hover {
  background-color: #fffbf4; }

.section-7 .content-area .kasko-deger label {
  color: #ffa9ff;
  font-size: 20px; }

.section-7 .content-area .kasko-deger .kasko-arac-kodu, .section-7 .content-area .kasko-deger .kasko-deger-result {
  text-align: center;
  color: #fffbf4;
  font-size: 25px; }

.section-7 .content-area .kasko-deger .kasko-arac-kodu span {
  color: #ffd0f4; }

footer {
  position: relative;
  overflow: hidden;
  background-color: #825aa9;
  height: auto; }

/* Sağ üstte oval şekil */
footer .fs-6 {
  font-size: 26px !important;
  font-weight: 900 !important;
  font-family: var(--source-sans-3) !important;
  background: linear-gradient(to right, #fffbf4, #2a1454);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: var(--source-sans-3); }

footer ul li a {
  text-decoration: none;
  color: white;
  font-size: 20px; }

footer ul li a:hover {
  text-decoration: underline; }

footer ul li {
  color: white;
  list-style: none; }

footer div:nth-of-type(2) ul li a i {
  font-size: 30px; }

footer .footer-copy {
  color: white !important; }

footer .bottom-area .footer-social-area {
  display: flex;
  justify-content: flex-end; }

.logo-footer {
  position: relative;
  display: inline-block;
  /* Resmin doğal boyutunu koruması için */
  border-radius: 50%;
  /* Daire yap */
  display: flex;
  justify-content: center;
  align-items: center; }

.logo-footer img {
  width: auto;
  height: 220px;
  position: relative;
  z-index: 2; }

.blog-page-area .sigorta-category-description {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  font-size: 30px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px; }

.blog-page-area .tax-cat-sigorta-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease; }

.blog-page-area .tax-cat-sigorta-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }

.blog-page-area .tax-cat-sigorta-card .card-body {
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.blog-page-area .tax-cat-sigorta-card .card-body h5 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #b70451; }

.tax-cat-sigorta-card .card-body p {
  font-size: 14px;
  color: #666; }

.tax-cat-sigorta-card .card-body a {
  width: 200px;
  background-color: #b70451;
  color: #fff;
  padding: 8px 20px;
  border-radius: 50px;
  transition: background-color 0.3s ease;
  border: none; }

.tax-cat-sigorta-card .card-body a:hover {
  background-color: #3b0b4b; }

.section-8 {
  margin-top: 50px;
  margin-bottom: 50px; }

.section-8 .mini-cards-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr); }

.section-8 .mini-card-item {
  background-color: #fffbf4;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: center;
  padding: 15px; }

.section-8 .mini-card-item a {
  text-decoration: none; }

.section-8 .mini-card-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.section-8 .mini-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px; }

.section-8 .mini-card-title {
  font-size: 1rem;
  font-weight: bold;
  color: #b70451; }

.section-8 .mini-card-excerpt {
  font-size: 0.9rem;
  color: #666; }

@media (min-width: 768px) {
  .section-8 .mini-cards-grid {
    grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) {
  .section-8 .mini-cards-grid {
    grid-template-columns: repeat(4, 1fr); } }
.standard_page-header {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3); }

.standard_page-header .standard-header .text {
  font-family: var(--source-sans-3);
  color: #b70451; }

.standard_page-header .standard-header .breadcrumbs {
  font-size: 20px;
  color: #444444; }

.standard_page-header .standard-header .breadcrumbs a {
  color: #3b0b4b;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold; }

.seo-sidebar-tags {
  background: radial-gradient(circle at top center, rgba(42, 20, 84, 0.8), #0f0715 40%);
  border: 1px solid rgba(3, 168, 166, 0.1);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

.sidebar-tags-widget {
  margin-top: 50px; }

.sidebar-tags-widget h3 {
  font-size: 25px;
  margin-bottom: 16px;
  color: #fff;
  font-weight: bold;
  font-family: var(--source-sans-3);
  background: linear-gradient(to right, #b70451, #2a1454);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px; }

.seo-sidebar-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

.seo-sidebar-tags li {
  background: #b70451;
  padding: 8px 14px;
  border-radius: 6px;
  transition: all 0.3s ease; }

.seo-sidebar-tags li:hover {
  background: #825aa9;
  color: #fff; }

.seo-sidebar-tags li a {
  color: inherit;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500; }

.seo-sidebar-tags li:hover a {
  color: #fff; }

.seo-sidebar-tags span {
  font-size: 15px;
  margin-left: 6px;
  color: #fff; }

.sidebar-category-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.sidebar-category-list .nav-item {
  margin-bottom: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease; }

.sidebar-category-list-widget h3 {
  font-size: 26px;
  margin-bottom: 16px;
  color: #fff;
  font-weight: bold;
  font-family: var(--source-sans-3);
  background: linear-gradient(to right, #b70451, #3b0b4b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px; }

.sidebar-category-list-widget .sidebar-category-list .nav-link {
  font-size: 15px;
  font-weight: bold;
  font-family: var(--source-sans-3);
  display: flex;
  position: relative;
  margin-left: 5px;
  text-transform: uppercase;
  padding: 10px 8px;
  text-decoration: none;
  background-color: #825aa9;
  color: white;
  letter-spacing: 2px; }

.sidebar-category-list-widget .sidebar-category-list .nav-link:before {
  content: "ZS";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fffbf4;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateX(270deg);
  transform-origin: top;
  transition: all 0.5s;
  pointer-events: none;
  color: #b70451; }

.sidebar-category-list-widget .sidebar-category-list .nav-link:hover:before,
.sidebar-category-list-widget .sidebar-category-list .nav-link:hover:after {
  height: 100%;
  width: 100%;
  transform: rotateX(0deg); }

.sidebar-category-list-widget .sidebar-category-list .nav-link:after {
  content: attr(data-sigorta-urun-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b70451;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: bottom;
  transform: rotateX(270deg);
  transition: all 0.5s;
  transition-delay: 0.25s;
  pointer-events: none;
  color: white; }

.blog-page-area .product-shoot-thumbnail {
  margin-top: 40px; }

.sidebar-tags-postpage-widget h3 {
  font-size: 26px;
  margin-bottom: 16px;
  color: #fff;
  font-weight: bold;
  font-family: var(--source-sans-3);
  background: linear-gradient(to right, #b70451, #3b0b4b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px; }

.seo-single-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

.seo-single-tags li {
  background: #fffbf4;
  padding: 8px 14px;
  border-radius: 6px;
  transition: all 0.3s ease;
  color: #b70451; }

.seo-single-tags li:hover {
  background: #b70451;
  color: #white; }

.seo-single-tags li a {
  color: inherit;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500; }

.seo-single-tags li:hover a {
  color: #ffffff; }

.seo-single-tags span {
  font-size: 15px;
  margin-left: 6px;
  color: #fff; }

.sidebar-postbytype-widget {
  margin-bottom: 40px; }

.sidebar-postbytype-widget h3 {
  font-size: 28px;
  margin-bottom: 16px;
  color: #fff;
  font-weight: bold;
  font-family: var(--source-sans-3);
  background: linear-gradient(to right, #b70451, #3b0b4b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px; }

.seo-sidebar-posts ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.seo-sidebar-posts li:nth-of-type(1) {
  padding-top: 0; }

.seo-sidebar-posts li {
  padding-top: 20px;
  width: 100%; }

.seo-sidebar-posts li a {
  font-size: 15px;
  font-weight: bold;
  font-family: var(--source-sans-3);
  display: flex;
  position: relative;
  margin-left: 5px;
  text-transform: uppercase;
  padding: 10px 8px;
  text-decoration: none;
  background-color: #825aa9;
  color: white;
  letter-spacing: 2px; }

.seo-sidebar-posts li a:before {
  content: "ZS";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fffbf4;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateX(270deg);
  transform-origin: top;
  transition: all 0.5s;
  pointer-events: none;
  color: #b70451; }

.seo-sidebar-posts li a:after {
  content: attr(data-sigorta-urun-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b70451;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: bottom;
  transform: rotateX(270deg);
  transition: all 0.5s;
  transition-delay: 0.25s;
  pointer-events: none;
  color: white; }

.seo-sidebar-posts li a:hover:before, .seo-sidebar-posts li a:hover:after {
  transform: rotateX(0deg); }

.sidebar-spacer {
  margin-top: 40px; }

.whatsapp-left {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #25D366;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  text-decoration: none; }

.whatsapp-left i {
  font-size: 35px;
  color: white; }

.whatsapp-left:hover {
  transform: scale(1.1); }

.whatsapp-left.hidden {
  opacity: 0;
  pointer-events: none; }

.section-contact {
  color: #3b0b4b;
  margin-top: 50px;
  margin-bottom: 50px; }

.section-contact .form form .button {
  display: flex;
  justify-content: center; }

.btn-contact-but {
  color: #ffffff;
  background-color: #b70451; }

.btn-contact-but:hover {
  color: #b70451;
  background-color: #fffbf4; }

.section-contact-info {
  color: white;
  margin-top: 50px;
  margin-bottom: 50px; }

.section-contact-info .adres, .section-contact-info .emails {
  width: 100%; }

.section-contact-info .adres {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center; }

.section-contact-info .emails {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.section-contact-info .social-media {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center; }

.section-contact-info .social-media a {
  width: 40px;
  height: 40px;
  text-decoration: none;
  margin: 3px; }

.section-contact-info .social-media a i {
  font-size: 30px;
  color: white; }

.section-impressive-title {
  margin-top: 50px;
  margin-bottom: 50px; }

.section-impressive-title .info-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  text-align: center; }

.section-impressive-title .info-title h1 {
  margin-top: 20px;
  color: #b70451;
  font-weight: bold;
  font-family: var(--source-sans-3);
  letter-spacing: 3px; }

.section-impressive-title .info-title p {
  font-size: 25px;
  letter-spacing: 3px;
  color: #3b0b4b; }

.section-contact .form h4 {
  color: #b70451; }

.section-search {
  margin-top: 50px;
  margin-bottom: 50px; }

.section-search .part-search > p {
  color: white; }

.section-search ul {
  list-style: none; }

.section-search ul li .title, .section-search ul li .title a {
  color: #8750f7;
  text-decoration: none; }

.section-search ul li p {
  color: #3b0b4b;
  font-size: 24px; }

.search-form .search-input input {
  border: 2px solid white;
  width: 100%;
  height: 80px;
  background-color: transparent;
  color: #ffa9ff;
  padding-left: 20px;
  padding-right: 50px;
  font-family: var(--capriola) !important;
  font-size: 22px; }

.search-form .search-input input:focus {
  outline: 0;
  box-shadow: none; }

.search-form .search-input input::placeholder {
  color: white; }

.search-form {
  display: flex;
  flex-direction: column; }

.search-form, .search-form .search-input {
  width: 100%; }

.search-form .search-button {
  width: 100%;
  display: flex;
  justify-content: center; }

.search-form .search-button button {
  width: 300px;
  color: #ffffff;
  background-color: #b70451;
  border: none; }

.search-form .search-button button:hover {
  color: #b70451;
  background-color: #ffffff; }

.offcanvas-shooting-categories {
  background: radial-gradient(circle at top left, rgba(42, 20, 84, 0.9), #0f0715 50%);
  color: white; }

.offcanvas-shooting-categories .offcanvas-header {
  display: flex;
  justify-content: center;
  width: 100%; }

.offcanvas-shooting-categories .offcanvas-title {
  text-decoration: none;
  width: auto;
  height: 40px;
  color: #8750f7;
  border: 0px solid white;
  text-align: center;
  line-height: 30px;
  font-size: 25px;
  position: relative;
  transition: all 0.2s;
  padding: 12px 40px;
  font-family: var(--source-sans-3); }

.offcanvas-shooting-categories .offcanvas-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -5px;
  right: -5px;
  border-bottom: 2px solid thistle;
  border-right: 2px solid thistle;
  transition: all 0.25s; }

.offcanvas-shooting-categories .offcanvas-title:hover {
  color: white;
  background: #8750f7;
  height: 60px;
  word-spacing: 10px; }

.offcanvas-shooting-categories .offcanvas-title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.8s;
  color: white;
  top: -5px;
  left: -5px;
  border-top: 2px solid thistle;
  border-left: 2px solid thistle; }

.offcanvas-shooting-categories .offcanvas-title:hover:before {
  opacity: 1; }

.offcanvas-shooting-categories .offcanvas-title span {
  color: transparent;
  position: relative; }

.offcanvas-shooting-categories .offcanvas-title span:nth-of-type(1):before {
  content: "Ü";
  position: absolute;
  color: #8750f7;
  transition: all 0.2s; }

.section-1 .categoric-menu .offcanvas-title:hover span:nth-of-type(2) {
  margin-left: 40px; }

.offcanvas-shooting-categories .offcanvas-title span:nth-of-type(2):before {
  content: "K";
  position: absolute;
  color: #8750f7;
  transition: all 0.2s; }

.offcanvas-shooting-categories .offcanvas-title:hover span:before {
  color: white;
  font-size: 40px;
  transform: translate(-50%, -10%) rotate(360deg); }

.offcanvas-shooting-categories .btn-close {
  color: white;
  background-color: white; }

.offcanvas-shooting-categories .offcanvas-body .nav .nav-item .nav-link {
  color: white;
  font-size: 20px; }

.offcanvas-shooting-categories .offcanvas-body .nav .nav-item .nav-link:hover {
  color: #8750f7; }

.offcanvas-main-menu {
  background: radial-gradient(circle at top left, rgba(42, 20, 84, 0.9), #0f0715 50%);
  color: white; }

.offcanvas-main-menu .offcanvas-title {
  background: linear-gradient(to right, #8750f7, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px;
  font-weight: 900;
  font-family: var(--source-sans-3); }

.offcanvas-main-menu .nav-item {
  font-size: 22px;
  font-family: var(--source-sans-3);
  color: white; }

.offcanvas-main-menu .nav-item:hover {
  color: #8750f7; }

.offcanvas-main-menu .sub-navbar-nav {
  display: none; }

.offcanvas-main-menu .nav-item .sub-nav-link {
  font-size: 18px;
  font-family: var(--source-sans-3);
  color: white;
  text-decoration: none; }

.offcanvas-main-menu .nav-item .sub-nav-link:hover {
  text-decoration: underline; }

.offcanvas-main-menu .nav-item .sub-navbar-nav .sub-nav-item:before {
  content: '\f105';
  font-family: 'Font Awesome 6 Free';
  margin-right: 8px;
  font-weight: 900;
  color: #8eedd9; }

.offcanvas-main-menu .nav-item .sub-navbar-nav {
  list-style: none; }

.offcanvas-main-menu .nav-item:has(.sub-navbar-nav) > .nav-link::after {
  content: '\f13a';
  font-family: 'Font Awesome 6 Free';
  margin-left: 0px;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  color: #8750f7;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 5px; }

.offcanvas-main-menu .nav-item:has(.sub-navbar-nav) > .nav-link {
  display: flex;
  /* Nav-link içeriği ve after simgesi aynı hizada olur */
  align-items: center;
  /* Dikey hizalama */ }

.offcanvas-main-menu .nav-item:has(.sub-navbar-nav):hover > .nav-link::after {
  content: '\f139';
  font-family: 'Font Awesome 6 Free';
  margin-left: 0px;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  color: #2a1454; }

.offcanvas-main-menu .btn-close {
  color: white;
  background-color: white; }

.offcanvas-search {
  color: white;
  background-color: rgba(59, 11, 75, 0.6); }

.offcanvas-search .btn-close {
  color: white;
  background-color: white; }

.offcanvas-blog-categories {
  background: radial-gradient(circle at top left, rgba(42, 20, 84, 0.9), #0f0715 50%);
  color: white; }

.offcanvas-blog-categories .offcanvas-header {
  display: flex;
  justify-content: center;
  width: 100%; }

.offcanvas-blog-categories .offcanvas-title {
  background: linear-gradient(to right, #8750f7, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px;
  font-weight: 900;
  font-family: var(--source-sans-3); }

.offcanvas-blog-categories .btn-close {
  color: white;
  background-color: white; }

.offcanvas-blog-categories .offcanvas-body .nav .nav-item .nav-link {
  color: white;
  font-size: 20px; }

.offcanvas-blog-categories .offcanvas-body .nav .nav-item .nav-link:hover {
  color: #8750f7; }

.offcanvas-sigorta-urunler {
  background-color: #b70451;
  color: white; }

.offcanvas-sigorta-urunler .offcanvas-header {
  display: flex;
  justify-content: center;
  width: 100%; }

.offcanvas-sigorta-urunler .offcanvas-title {
  color: #000000;
  letter-spacing: 3px;
  font-size: 25px;
  font-weight: bold;
  font-family: var(--source-sans-3); }

.offcanvas-sigorta-urunler .btn-close {
  color: white;
  background-color: white; }

.offcanvas-sigorta-urunler .offcanvas-body .nav .nav-item .nav-link {
  color: white;
  font-size: 20px; }

.offcanvas-sigorta-urunler .offcanvas-body .nav .nav-item .nav-link:hover {
  color: #000000; }

.sigorta-urun-lists {
  display: flex;
  position: fixed;
  top: "null";
  right: 8px;
  bottom: 10px;
  left: "null";
  z-index: 1000; }
  .sigorta-urun-lists.hidden {
    opacity: 0;
    pointer-events: none; }
  .sigorta-urun-lists button {
    border: none;
    padding: 6px 20px;
    background: #b70451;
    color: white;
    font-family: "BenchNine";
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative; }
    .sigorta-urun-lists button:before, .sigorta-urun-lists button:after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      transition: all 0.25s; }
    .sigorta-urun-lists button:before {
      top: -5px;
      left: -5px;
      border-top: 2px solid #3b0b4b;
      border-left: 2px solid #3b0b4b; }
    .sigorta-urun-lists button:after {
      bottom: -5px;
      right: -5px;
      border-bottom: 2px solid #3b0b4b;
      border-right: 2px solid #3b0b4b; }
    .sigorta-urun-lists button:hover:before, .sigorta-urun-lists button:hover:after {
      height: 100%;
      width: 100%; }

.sigorta-urun-kategori {
  display: flex;
  position: fixed;
  top: "null";
  right: 8px;
  bottom: 70px;
  left: "null";
  z-index: 1000; }
  .sigorta-urun-kategori.hidden {
    opacity: 0;
    pointer-events: none; }
  .sigorta-urun-kategori button {
    border: none;
    padding: 6px 20px;
    background: #b70451;
    color: white;
    font-family: "BenchNine";
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative; }
    .sigorta-urun-kategori button:before, .sigorta-urun-kategori button:after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      transition: all 0.25s; }
    .sigorta-urun-kategori button:before {
      top: -5px;
      left: -5px;
      border-top: 2px solid #3b0b4b;
      border-left: 2px solid #3b0b4b; }
    .sigorta-urun-kategori button:after {
      bottom: -5px;
      right: -5px;
      border-bottom: 2px solid #3b0b4b;
      border-right: 2px solid #3b0b4b; }
    .sigorta-urun-kategori button:hover:before, .sigorta-urun-kategori button:hover:after {
      height: 100%;
      width: 100%; }

.blog_page-header {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3); }

.blog_page-header .blog-header .text {
  font-family: var(--source-sans-3);
  color: #b70451; }

.blog_page-header .blog-header .breadcrumbs {
  font-size: 20px;
  color: #444444; }

.blog_page-header .blog-header .breadcrumbs a {
  color: #3b0b4b;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold; }

.blog-page-area .blog-content {
  padding: 10px; }

.blog-page-area .blog-content .product-shoot-content {
  margin-top: 50px;
  margin-bottom: 50px;
  color: white; }

.blog-page-area .blog-content .pagination-area {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin: 10px; }

.blog-page-area .blog-content .product-shoot-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 10px; }

.blog-page-area .sidebar {
  padding-top: 30px;
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  margin-top: 30px; }

.blog-page-area .sidebar .search-widget form div:nth-of-type(1) .btn-golden-nectar_darkturquoise {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.single_post-header {
  width: 100%;
  height: 200px;
  background: radial-gradient(circle at top center, rgba(42, 20, 84, 0.8), #0f0715 40%);
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white; }

.single_post-header .single-header .text {
  font-family: var(--source-sans-3); }

.single_post-header .single-header .breadcrumbs a {
  color: #8750f7;
  text-decoration: none; }

.single-post-area .single-content {
  padding: 10px; }

.single-post-area .single-content .product-shoot-content {
  margin-top: 50px;
  margin-bottom: 50px;
  color: white; }

.single-post-area .single-content .pagination-area {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin: 10px; }

.single-post-area .single-content .product-shoot-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 10px; }

.single-post-area .sidebar {
  padding-top: 30px;
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px; }

.single-post-area .sidebar .search-widget form div:nth-of-type(1) .btn-golden-nectar_darkturquoise {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.single-post-area .single-content .video-container {
  max-width: 800px;
  margin: 20px auto; }

.single-post-area .single-content .video-container video, iframe {
  width: 100%;
  height: 450px; }

@media (min-width: 577px) and (max-width: 768px) {
  .blog-page-area .services-photo {
    width: 200px;
    height: 200px; } }
@media (min-width: 769px) and (max-width: 992px) {
  .blog-page-area .services-photo {
    width: 200px;
    height: 200px; } }
@media (min-width: 993px) and (max-width: 1200px) {
  .blog-page-area .services-photo {
    width: 200px;
    height: 200px; } }
@media (max-width: 576px) {
  .blog-page-area .services-photo {
    width: 100%;
    height: 250px; }

  .section-6 .content-area .mtv {
    width: 300px; }

  .section-7 .content-area .kasko-deger {
    width: 300px; }

  .section-2 .image-area {
    padding: 0px; } }
@media (max-width: 992px) {
  .section-1 {
    display: none; }

  .section-0 .logo-area {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }

  .search-form .search-input input {
    height: 40px; }

  .section-contact-info .adres, .section-contact-info .emails, .section-contact-info .social-media {
    justify-content: center;
    align-items: center; }

  footer .bottom-area .footer-social-area {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 20px; }

  footer .footer-copy {
    text-align: center; } }
@media (min-width: 993px) {
  .section-responsive-menu {
    display: none; } }
.part-0 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-0 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-0 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-0 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-0 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-0 {
    max-width: 1320px; } }
.part-1 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-1 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-1 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-1 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-1 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-1 {
    max-width: 1320px; } }
.part-2 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-2 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-2 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-2 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-2 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-2 {
    max-width: 1320px; } }
.part-3 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-3 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-3 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-3 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-3 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-3 {
    max-width: 1320px; } }
.part-4 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-4 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-4 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-4 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-4 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-4 {
    max-width: 1320px; } }
.part-5 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-5 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-5 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-5 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-5 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-5 {
    max-width: 1320px; } }
.part-6 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-6 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-6 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-6 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-6 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-6 {
    max-width: 1320px; } }
.part-7 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-7 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-7 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-7 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-7 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-7 {
    max-width: 1320px; } }
.part-8 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-8 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-8 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-8 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-8 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-8 {
    max-width: 1320px; } }
.part-9 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-9 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-9 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-9 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-9 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-9 {
    max-width: 1320px; } }
.part-10 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-10 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-10 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-10 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-10 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-10 {
    max-width: 1320px; } }
.part-25 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-25 {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-25 {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-25 {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-25 {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-25 {
    max-width: 1320px; } }
.part-blog_page-content {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-blog_page-content {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-blog_page-content {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-blog_page-content {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-blog_page-content {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-blog_page-content {
    max-width: 1320px; } }
.part-search {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-search {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-search {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-search {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-search {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-search {
    max-width: 1320px; } }
.part-video {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-video {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-video {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-video {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-video {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-video {
    max-width: 1320px; } }
.part-single_post-header {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-single_post-header {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-single_post-header {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-single_post-header {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-single_post-header {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-single_post-header {
    max-width: 1320px; } }
.part-single_post-content {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-single_post-content {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-single_post-content {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-single_post-content {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-single_post-content {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-single_post-content {
    max-width: 1320px; } }
.part-standard_page-header {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-standard_page-header {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-standard_page-header {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-standard_page-header {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-standard_page-header {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-standard_page-header {
    max-width: 1320px; } }
.part-contact-page {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-contact-page {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-contact-page {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-contact-page {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-contact-page {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-contact-page {
    max-width: 1320px; } }
.part-contact-info {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-contact-info {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-contact-info {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-contact-info {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-contact-info {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-contact-info {
    max-width: 1320px; } }
.part-blog_page-header {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .part-blog_page-header {
    max-width: 540px; } }
@media (min-width: 768px) {
  .part-blog_page-header {
    max-width: 720px; } }
@media (min-width: 992px) {
  .part-blog_page-header {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .part-blog_page-header {
    max-width: 1140px; } }
@media (min-width: 1400px) {
  .part-blog_page-header {
    max-width: 1320px; } }

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