/*!
 * © 2026 Post Ajans | www.postajans.com.tr
 * Developer: Berat Celik
*/
@import url('fonts.css');
/* @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); */

:root {
  --color-fff   : #fff;
  --color-000   : #000;
  --color-152471: #152471;
  --color-DB1845: #DB1845;
  --color-5068E1: #5068E1;
  --color-F0F5FF: #F0F5FF;
  --color-C7D8F8: #C7D8F8;
  --color-AAAAAD: #AAAAAD;
  --color-707070: #707070;
  --color-F2F5FE: #F2F5FE;
}

body{ font-family: "Neulis Alt", sans-serif !important;}
a {text-decoration: none !important;}

/*** Properties ***/
.site-container { width: 85%; margin: 0 auto;}
.site-margin{margin-top: 5%; margin-bottom: 5%;}
.site-padding{padding-top: 7%; padding-bottom: 7%;}
.menu-padding{padding-top: 150px;}
/*** Properties End ***/

/* ======================== */
/* FONT-SIZE START */
/* ======================== */
.fs-72{font-size:clamp(42px,3.75vw,72px);}
.fs-64{font-size:clamp(38px,3.33vw,64px);}
.fs-60{font-size:clamp(36px,3.13vw,60px);}
.fs-55{font-size:clamp(33px,2.86vw,55px);}
.fs-48{font-size:clamp(30px,2.50vw,48px);}
.fs-42{font-size:clamp(27px,2.19vw,42px);}
.fs-36{font-size:clamp(24px,1.88vw,36px);}
.fs-32{font-size:clamp(22px,1.67vw,32px);}
.fs-30{font-size:clamp(20px,1.56vw,30px);}
.fs-27{font-size:clamp(18px,1.41vw,27px);}
.fs-24{font-size:clamp(17px,1.25vw,24px);}
.fs-20{font-size:clamp(15px,1.04vw,20px);}
.fs-16{font-size:clamp(14px,.83vw,16px);}
.fs-14{font-size:clamp(13px,.73vw,14px);}
.fs-12{font-size:clamp(12px,.63vw,12px);}
/* ======================== */
/* FONT-SIZE END */
/* ======================== */

/* ======================== */
/* COLORS START */
/* ======================== */
.color-fff{color: var(--color-fff);}
.color-000{color: var(--color-000);}
.color-152471{color: var(--color-152471);}
.color-DB1845{color: var(--color-DB1845);}
.color-5068E1{color: var(--color-5068E1);}
.color-AAAAAD{color: var(--color-AAAAAD);}
.color-707070{color: var(--color-707070);}

.bg-152471{background-color: var(--color-152471);}
.bg-DB1845{background-color: var(--color-DB1845);}
.bg-F0F5FF{background-color: var(--color-F0F5FF);}
.bg-5068E1{background-color: var(--color-5068E1);}
.bg-F0F5FF{background-color: var(--color-F0F5FF);}
/* ======================== */
/* COLORS END */
/* ======================== */

/* ======================== */
/* BUTTONS START */
/* ======================== */
.button-one { padding:clamp(8px,.52vw,10px) clamp(16px,1.04vw,20px); transition: all .4s; border-radius: 13px;}
.fill-DB1845{background-color: var(--color-DB1845); color: var(--color-fff);}
.fill-DB1845:hover{background-color: var(--color-152471);}

.fill-fff{background-color: var(--color-fff); color: var(--color-152471);}
.fill-fff:hover{background-color: var(--color-152471); color: var(--color-fff);}


.border-152471{background-color: transparent; color: var(--color-152471); border: 1px solid var(--color-152471);}
.border-152471:hover{background-color: var(--color-152471); color: var(--color-fff); border: 1px solid var(--color-152471);}

.border-fff{background-color: transparent; color: var(--color-fff); border: 1px solid var(--color-fff);}
.border-fff:hover{background-color: var(--color-D1071D); color: var(--color-fff); border: 1px solid var(--color-D1071D);}

/* ======================== */
/* BUTTONS END */
/* ======================== */

/* ======================== */
/* MENU START */
/* ======================== */
.navbar {
  height: 125px;
  position: fixed !important;
  background: linear-gradient(180deg,rgba(80, 104, 225, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 999;
  top: 0;
}

.logo {
  width: 150px;
  height: 100px;
  object-fit: contain;
}

.navbar .nav-item {
  padding: 0 15px;
  font-size: 14px;
  height: 100px;
  display: flex;
  align-items: center;
}

.navbar .nav-link {color: var(--color-fff); transition: all .4s !important;}
.navbar .nav-link:hover {color: var(--color-152471) !important;}
.navbar .nav-link:focus {color: var(--color-152471) !important;}

.navbar-white{background: var(--color-fff) !important;}
.navbar-white .nav-link {color: var(--color-152471); transition: all .4s !important;}
.navbar-white .nav-link:hover {color: var(--color-DB1845) !important;}
.navbar-white .nav-link:focus {color: var(--color-DB1845) !important;}

.dropdown-menu {
  position: absolute;
  z-index: 999 !important;
  top: 85px;
  left: -15px;
  background-color: var(--color-DB1845) !important;
  transition: all .4s !important;
  border-radius: 0 !important;
  color: var(--color-fff) !important;
}

.dropdown-menu .dropdown-item {
  color: var(--color-fff) !important;
  padding: 10px 30px;
}

.nav-item.dropdown:hover .language-dropdown {
  display: block !important;
  position: absolute;
  z-index: 10;
  min-width: 160px !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  transition: all .4s !important;
  color: var(--color-fff) !important;
  background-color: transparent !important
}
.menu-dropdown .dropdown-item i{
  margin-left: -15px;
  transition: all .4s;
  opacity: 0;
}
.dropdown-item:hover i{
  margin-left: 0px;
  opacity: 1;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block !important;
  position: absolute;
  z-index: 10;
  min-width: 210px;
}

.navbar-toggler {
  padding: 0;
  line-height: 0;
  border: none !important;
  background-color: var(--color-0069A7) !important;
  color: var(--color-fff) !important;
  border-radius: 50px !important;
  width: 48px !important;
  height: 48px !important;
}
.navbar-white .navbar-toggler {color: var(--color-152471) !important;}
.navbar-toggler:focus {
  box-shadow: none !important;
}

/* ======================== */
/* MENU END */
/* ======================== */


/* ======================== */
/* SLIDER START */
/* ======================== */
.main-slider,
.slider-item,
.slider-img,
.slider-item video {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.slider-img {object-fit: cover;}

.slider-item video {
  object-fit: cover;
  object-position: center center;
  width: 100vw
}

.slider-text{
  position: absolute;
  left: 8%;
  top: 40%;
  transform: translate(0%, -50%);
  z-index: 2;
  max-width: 500px;
}
.slider-content{
  position: absolute;
  left: 8%;
  bottom: 7%;
  transform: translate(0%, -50%);
  z-index: 2;
  /* max-width: 500px; */
}

/* ======================== */
/* SLIDER END */
/* ======================== */

/* ======================== */
/* HOME PAGE CONTENT */
/* ======================== */
.heart-video{
  margin-bottom: -20px;
}
.heart-video video{
  width: 92px;
  height: 92px;
  mix-blend-mode: multiply;
}
.expertise-card{
  border: 1px solid var(--color-C7D8F8);
  border-radius: 25px;
  padding: 30px;
  transition: all .4s;
}
.expertise-card .icon-bg{
  background-color: rgba(80, 104, 225, 0.1);
  border-radius: 10px;
  width: 75px; height: 75px;
  display: flex; align-items: center; justify-content: center;
}
.expertise-card .icon-bg img{
  width: 50px; height: 50px;
  object-fit: contain;
}
.expertise-card:hover{
  background-color: var(--color-DB1845);
}
.expertise-card:hover p, .expertise-card:hover i{
  color: var(--color-fff);
}
.expertise-card:hover .icon-bg{
  background-color: rgba(255, 255, 255, .8);
}
.expertise-card-two{
  /* border: 1px solid var(--color-C7D8F8); */
  background-color: var(--color-F2F5FE);
  height: 335px;
  max-height: 335px;
  border-radius: 25px;
  border: 1px solid var(--color-F2F5FE);
  padding: 40px 20px;
  transition: all .4s;
  position: relative;
}
.expertise-card-two img{
  width: 80px;
  height: 70px;
  object-fit: contain;
  margin-right: 20px;
}
.expertise-card-two:hover{
  border: 1px solid var(--color-152471);
  box-shadow: 0px 0px 27px 5px rgba(0,0,0,0.1);
  /* transform: scale(1.05); */
}
/* .next-area{
  width: 50px;
  height: 50px;
  background-color: var(--color-152471);
  position: absolute;
  right: 20px; bottom: 20px;
  border-radius: 25px;
  display: flex; align-items: center; justify-content: center;
  color: var(--color-fff);
  opacity: 0;
  transition: all .4s;
}
.expertise-card-two:hover .next-area{opacity: 1;} */
.expertise-text-card{
  padding: 50px 40px;
  border-radius: 30px;
  min-height: 335px;
  display: flex;
  align-items: center;
}
.expertise-text-card .text-content{width: 50%;}
.timeline-wrapper {
  position: relative;
  width: 100%;
  padding: 15px 0;
}
.timeline-line {
  position: absolute;
  top: 24px;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: var(--color-5068E1);
  z-index: 1;
}
.timeline-item {
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.timeline-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--color-fff);
  border: 1.5px solid var(--color-5068E1);
  box-shadow: 0 0 0 4px var(--color-F0F5FF);
  margin-bottom: 20px;
}
.timeline-item.active .timeline-dot {
  background-color: var(--color-5068E1);
  border-color: var(--color-5068E1);
  box-shadow: none;
}
.parallax {
  width: 100%;
  height: clamp(240px, 32vw, 615px);
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.parallax-content{
  color: var(--color-fff);
  position: absolute;
  z-index: 2;
  left: 8%;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 500px;
}
.news-card{
  border: 1px solid var(--color-C7D8F8);
  border-radius: 25px;
  /* padding: 30px; */
  transition: all .4s;
  max-height: 400px;
}
.news-card img{
  width: 100%;
  height: 190px;
  border-radius: 25px 25px 0px 0px;
  object-fit: cover;
}
.experience-card{
  background-color: rgba(240, 245, 255, .5);
  border-radius: 28px;
  padding: 30px;
  height: 470px;
  max-height: 470px;
  transition: all .4s;
}
.experience-card:hover{
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
  transform: scale(1.05);
}
.experience-card .icon-bg-circle{
  width: 105px; height: 105px;
  background-color: var(--color-fff);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.experience-card .icon-bg-circle img{
  width: 70px; height: 70px;
  object-fit: contain;
}
.experience-card .icon-bg-circle{
  perspective: 600px;
}
.experience-card .icon-bg-circle img{
  width: 70px;
  height: 70px;
  object-fit: contain;
  transition: transform .6s cubic-bezier(.68,-0.55,.27,1.55);
}
.experience-card:hover .icon-bg-circle img{
  transform: rotateY(360deg);
}
.divider{
  width: 85px;
  height: 3px;
  border-radius: 30px;
}
.gallery-img-one img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 25px;
}
.gallery-img-two img{
  width: 100%;
  height: 495px;
  object-fit: cover;
  border-radius: 25px;
}
.gallery-slider{
  position:relative;
  overflow:visible;
  padding-bottom:35px;
}
.gallery-slider .swiper-pagination{
  bottom:0 !important;
}
.gallery-pagination{
  margin-top:16px;
  display:flex;
  justify-content:center;
}
.gallery-pagination .swiper-pagination-bullet{
  width:10px;
  height:10px;
  background:var(--color-5068E1);
  opacity:.4;
}
.gallery-pagination .swiper-pagination-bullet-active{
  opacity:1;
}
.comments-card{
  width: 100%;
  height: 300px;
  border: 1px solid var(--color-C7D8F8);
  padding: 20px;
  border-radius: 10px;
}
.profile-img{
  width: 45px; height: 45px;
  object-fit: cover;
}
.appointment-form input, .appointment-form textarea{
  border: 1px solid var(--color-C7D8F8);
  padding: 10px 20px;
  color: var(--color-152471);
  width: 100%;
  border-radius: 10px;
}
.appointment-form input:focus, .appointment-form textarea:focus{
  outline: 1px solid var(--color-152471);
  box-shadow: none;
  color: var(--color-152471);
}
.appointment-form input::placeholder, .appointment-form textarea::placeholder{
  color: var(--color-C7D8F8);
  font-weight: 300;
}
.appointment-form input[type="checkbox"]{
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.media-card{
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  padding: 40px;
  position: relative;
}
.media-img-overlay {
  /* border-radius: 32px; */
  mix-blend-mode: multiply;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  background: rgba(21, 36, 113, .7);
  left: 0;
  top: 0;
}

.arrow-btn{
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 40px;
  width: 80px;
  height: auto;
  object-fit: contain;
}
.mediacard-social{
  position: absolute;
  left: 40px;
  bottom: 55px;
  display: flex; align-items: center; justify-content: space-between;
}
.mediacard-social a{margin: 0 10px;}
.social-circle{
 width: 35px;
 height: 35px; 
 display: flex !important; align-items: center !important; justify-content: center !important;
 border-radius: 50%;
}
.social-circle.bg-fff{
  background-color: var(--color-fff);
  color: var(--color-152471);
  transition: all .4s;
}
.social-circle.bg-fff:hover{
  background-color: var(--color-DB1845);
  color: var(--color-fff);
}

.social-circle.bg-DB1845{
  background-color: var(--color-DB1845);
  color: var(--color-fff);
  transition: all .4s;
}
.social-circle.bg-DB1845:hover{
  background-color: var(--color-152471);
  color: var(--color-fff);
}

.breadcrumb-item{text-transform: uppercase;}
.breadcrumb-item a, .breadcrumb-item span{
  color: var(--color-AAAAAD);
  transition: all .4s;
}
.breadcrumb-item a:hover{
  color: var(--color-DB1845);
}
/* ======================== */
/* HOME PAGE CONTENT END */
/* ======================== */

/* ======================== */
/* FOOTER START */
/* ======================== */
.footer{
  /* border: 1px solid var(--color-152471); */
  box-shadow: 45px 45px 65px #00000012;
}
.footer-logo{max-width: 100%; width: 200px; display: flex; align-items: center; justify-content: center; height: 100%;}
.menu-item a{
  color: var(--color-AAAAAD);
  display: block;
  margin-bottom: 3px;
  transition: all .4s;
  font-weight: 300;
}
.menu-item a:hover{
  color: var(--color-152471);
  display: block;
  margin-bottom: 3px;
  transition: all .4s;
}

.footer-social{display: flex; align-items: center;}
.footer-social .social-circle{
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
/* ======================== */
/* FOOTER END */
/* ======================== */

/* ======================== */
/* CORPORATE PAGE START */
/* ======================== */
.corporate-img{
  width: auto;
  max-width: 100%;
  display: block;
  margin-left: auto;
}
/* ======================== */
/* CORPORATE PAGE END */
/* ======================== */

/* ======================== */
/* GLOBAL COMPONENTS START */
/* ======================== */
.banner, .banner img{
  width: 100%;
  height: 500px;
  object-fit: cover;
  position: relative;
}

.banner .text-area{
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translate(0, -50%);
  width: 25%;
  z-index: 2;
}

.contact-info{
  background-color: var(--color-F0F5FF);
  border-radius: 10px;
  padding: 40px;
}
.contact-info a, .contact-info span{
  color: var(--color-152471);
  transition: all .4s;
}
.contact-info i{
  color: var(--color-DB1845);
  transition: all .4s;
  font-size: 30px;
}
.contact-info a:hover{
  color: var(--color-DB1845);
  transition: all .4s;
}
.category-card{
  background-color: var(--color-F2F5FE);
  color: var(--color-152471);
  border-radius: 30px;
  width: 100% !important;
  height: 175px !important;
  padding: 15px;
  position: relative;
  transition: all .4s;
  /* aspect-ratio: 1/1; */
}
.category-card:hover{
  background-color: var(--color-5068E1);
}
.category-card .icon-img{
  width: 70px !important; height: 70px !important; 
  object-fit: contain;
  display: block; margin: auto;
}
.category-title{
  color: var(--color-152471);
  position: absolute;
  bottom: 15px;
  padding: 0 15px;
  left: 50%;
  transform: translate(-50%, 0);
}
.category-card:hover .icon-img{
  filter: brightness(0) invert(1);
}
.category-card:hover .category-title{
  color:var(--color-fff);
}


.category-card.active{
  background-color: var(--color-5068E1);  
}
.category-card.active .icon-img{
  filter: brightness(0) invert(1);
}
.category-card.active .category-title{
  color:var(--color-fff);
}
/* ======================== */
/* GLOBAL COMPONENTS START */
/* ======================== */

/* ======================== */
/* BLOG PAGE START */
/* ======================== */
/* .blog-list{
  width: 100%;
  border: 1px solid var(--color-000);
} */
.blog-list{
  position: sticky;
  top: 150px;
}

.blog-list-item a{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:20px 25px;
	color:var(--color-5068E1);
	border-bottom:2px solid rgba(80,104,225,.35);
	transition:.4s;
}

.blog-list-item a::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:10px;
	height:100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
	background:transparent;
}

.blog-list-item a.active,
.blog-list-item a:hover{
	color:var(--color-152471);
	background:var(--color-F2F5FE);
	border-bottom-color:transparent;
  border-radius: 20px;
}

.blog-list-item a.active::before,
.blog-list-item a:hover::before{
	background:var(--color-5068E1);
}
.blog-list-item i{color: var(--color-AAAAAD);}

.blog-content{
  padding: 30px;
  box-shadow: 30px 45px 65px #00000012;
}
/* ======================== */
/* BLOG PAGE END */
/* ======================== */