@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar {
	display: none;
}

html {
  scroll-behavior: smooth;
}

#colophon{
	display: none;
}

body,html{
	padding: 0;
	margin: 0;	
	font-family: 'Titillium Web', sans-serif!important;
	color: #262e68;
	overflow-x: hidden;
	background-color: #fff;
}

a,p,h1,h2,h3,h4,h5,h6{
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* Loader */

.loader-container{
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	background-color: #ebebeb;
	z-index: 999;
}

.loader img{
	width: 100%;
}

.loader {
  width: 220px;
  height: 220px;
  border: 10px solid #ebebeb;
  border-radius: 50%;
  position: relative;
  transform: rotate(0);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader::before {
	content: "";
	position: absolute;
	box-sizing: border-box;
	inset: -10px;
	border-radius: 50%;
	border: 10px solid #08232C;
	animation: prixClipFix 5s infinite linear;
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes prixClipFix {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
	75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
	100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

	.hamburger-menu{
		position: fixed;
		z-index: 99;
		display: none;
	}

header{
	z-index: 12;
	width: 62vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2vh 18vw 2vh 20vw;
	height: 10vh;
	background-color: #fff;
}

.header-logo-container{
	width: 10vw;
}

.header-logo-container img{
	width: 100%;
	height: auto;
	object-fit: contain;
}

.navbar-ul {
	list-style-type:none;
	padding:0;  
	overflow:hidden;
	cursor: pointer;
	margin: 0;
	width: 40vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.navbar-ul-li-a:last-child{
	padding-right: 0;
}

.navbar-ul > .navbar-ul-li {
	float:left;
}

.navbar-ul .navbar-ul-li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 10vh;
	z-index: 99;
	visibility: hidden;
	opacity: 0;
	background-color: #fff;
}

.navbar-ul .navbar-ul-li:hover ul {
	visibility: visible;
	opacity: 1;
}

.navbar-ul .navbar-ul-li .navbar-ul-li-a {
	display: flex; 
	padding: 0 2vw;
	height: 10vh;
	align-items: center;
	justify-content: center;
	font-size: 0.88vw;
	color: #262e68;
	font-weight: 600;
	position: relative;
}

.navbar-ul .navbar-ul-li .navbar-ul-li-a img{
	position: absolute;
	left: 0;
	top: 0;
	width: 3.5vw;
}

.navbar-ul .navbar-ul-li:hover .navbar-ul-li-a {
	color:#d23325;
}


.navbar-ul li:first-child a { border-left:0; }
.navbar-ul li:last-child a { border-right:0; }

.navbar-ul .navbar-ul-li ul li{
	padding: 1vw;
	width: 15vw;
}

.navbar-ul .navbar-ul-li ul li a{
	font-size: 0.88vw;
	color: #262e68;
	font-weight: 600;
	padding: 0.5vw 0;
}

.navbar-ul .navbar-ul-li ul li a i{
	width: 1.5vw;
	color: #d23325;
}

.navbar-ul .navbar-ul-li ul li a p{
  margin-left: 1.5vw;
  font-size: 0.78vw;
  color: #262e68;
  font-weight: normal;
  width: calc(100% - 5vw);
}

.navbar-ul .navbar-ul-li ul li a:hover{
	font-size: 0.88vw;
	color: #d23325;
	transition: .2s;
}

.navbar-ul .navbar-ul-li ul li a:hover i{
	width: 1vw;
	color: #d23325;
	transition: .2s;
	margin-left: 1vw;
}

.navbar-ul .navbar-ul-li ul li a:hover p{
	margin-left: 2vw;
	font-size: 0.78vw;
	color: #AB7954;
	transition: .2s;
}

.menu-icon span {
	display: block;
  width: 35px;
  height: 5px;
  background-color: #AB7954;
  margin: 6px 0;
	transition: .2s;
}

.navbar-ul .navbar-ul-li:hover .navbar-ul-li-a .menu-icon span{
  background-color: #262e68;
	transition: .2s;
}

.home-swiper {
	width: 100vw;
	height: 86vh;
}

.home-swiper .swiper-slide {
	padding: 0 15vw!important;
	width: calc(100% - 30vw)!important;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-size: cover;
	background-position: center;
}

.home-swiper .swiper-slide img {
	display: block;
	width: 21vw;
	height: auto;
	object-fit: contain;
}

.home-section{
	padding: 2vw 0;
}

.home-section:nth-child(2n-1){
	background-color: #efefef;
}

.home-section h2{
	font-size: 1.56vw;
	border-bottom: solid 3px #d23325;
	width: max-content;
	text-align: center;
	margin: 0 auto;
	padding: 0 2vw;
}

.home-section .section-text{
	font-size: 1.05vw;
	width: max-content;
	text-align: center;
	margin: 2vh auto;
	max-width: 60%;
}

.home-referance-container{
	width: 80vw;
	padding: 0 10vw;
}

.referance-swiper {
	width: 80vw;
	margin: 2vw 0;
}

.referance-swiper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.referance-swiper .swiper-slide img {
	display: block;
	width: 70%;
	height: 70%;
	padding: 0 2vw;
	object-fit: contain;
}

.referance-swiper-button-next,
.referance-swiper-button-prev{
	color: #d23325!important;
}

.referance-swiper-button-next:after,
.referance-swiper-button-prev:after{
	font-size: 1vw!important;
	font-weight: bold;
}

.home-services-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 80vw;
	padding: 2vw 10vw;
}

.home-services-box{
	display: flex;	
    flex-direction: column;
    justify-content: space-between;
	width: 11vw;
	padding: 2vw 1.5vw;
	background-color: rgba(38, 46, 104, 1);
	text-align: center;
	color: #fff;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}

.home-services-box h3{
	font-size: 1.35vw;
	margin: 0;
	color: #fff;
}

.home-services-box p{
	font-size: 0.98vw;
	margin: 1vw 0;
	color: #fff;
}

.home-services-box a{
	display: block;
	width: max-content;
	margin: 0 auto;
	font-size: 0.98vw;
	color: #fff;
	padding: 0.2vw 2vw;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	transition: .2s;
}

.home-services-box a:hover{
	transition: .2s;
	color: #d23325;
	border-top: solid 1px #d23325;
	border-bottom: solid 1px #d23325;
}

.home-contact-container{
	padding: 5vw 10vw;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-contact-container p{
	font-size: 1.85vw;
	width: max-content;
	padding: 0.5vw 1vw;
	color: #fff;
}

.home-contact-container a{
	width: max-content;
	font-size: 0.98vw;
	color: #fff;
	padding: 0.2vw 2vw;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	transition: .2s;
}

.home-contact-container a:hover{
	transition: .2s;
	color: #d23325;
	border-top: solid 1px #d23325;
	border-bottom: solid 1px #d23325;
}

.home-contact-container a i{
	width: 1.8vw;
	height: 1.8vw;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin: 0 0 0 0.5vw;
}

.home-blog-container{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 80vw;
	padding: 2vw 10vw;
}

.home-blog-container a{
	margin: 1vw 0;	
}

.home-blog-box{
	width: 25vw;
	height: 100%;
	background-color: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.home-blog-box img{
	width: 100%;
	height: 20vw;
	object-fit: cover;
}

.home-blog-box h3,
.home-blog-box h2{
	font-size: 1.25vw;
	margin: 0.5vw 0;
	padding: 0 2vw;
	text-align: center;
	color: #C61B1B;
	border: none;
	width: unset;
}

.home-blog-box p{
	font-size: 1.05vw;
	padding: 1vw 4vw 2vw;
	margin: 0;
	text-align: center;
	color: #08232C;
}

.services-page-banner-container{
	width: 80vw;
	padding: 2vw 10vw;
	height: 17vw;
	display: flex;
	align-items: flex-end;
	background-size: cover;
}

.breadcrumbs-container{
	display: flex;
	align-items: center;
	background:rgba(255, 255, 255, 0.39);
	padding: 0.5vw 1vw;

}

.breadcrumbs-container a,
.breadcrumbs-container h1{
	font-size: 0.78vw;
	font-weight: 700;
	color: #fff;
}

.services-page-container{
	padding: 2vw 10vw;
}

.services-page-container h1,
.services-page-container h2{
	font-size: 2.34vw;
	color: #C61B1B;
}

.services-page-container p{
	font-size: 1.25vw;
}

.services-page-detail-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80vw;
}

.services-page-detail-text-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80vw;
}

.services-page-detail-text-box{
	width: 38vw;
	margin: 0 0 2vw 0;
}

.services-page-detail-text-box p{
	font-size: 1.25vw;
	margin: 0;
	text-align:Justify;
}

.services-page-detail-text-box h2{
	font-size: 1.25vw;
	margin: 0;
}

.services-page-detail-image-container{
	width: 80vw;
	max-height: 24vw;
	display: flex;
	margin: 2vw 0;
}

.services-page-detail-image-container img{
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.sub-services-container {
    display: flex;
    align-items: stretch; /* Kutucukların yüksekliğini eşitle */
    justify-content: space-between;
    width: 80vw;
    padding: 0 10vw;
}

.sub-services-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 80vw;
    padding: 0 10vw;
}

.sub-services-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* İçerikleri dikey olarak aralıklı yerleştir */
    width: calc(20% - 5vw);
    padding: 2vw 1.5vw;
    background-color: rgba(38, 46, 104, 1);
    text-align: center;
    color: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    margin: 2vw 0 5vw 0;
    flex-grow: 1;
    height: auto;
    margin: 2vw 2vw 5vw 0;
    align-items: center;
}

.sub-services-box:last-child{
	margin: 2vw 0vw 5vw 0;
}

.sub-services-box h2 {
    font-size: 1.35vw;
    margin: 0;
    color: #fff;
}

.sub-services-box p {
    font-size: 0.98vw;
    margin: 1vw 0;
    color: #fff;
}

.sub-services-box a {
    display: block;
    width: max-content;
    margin: 0 auto; /* a etiketini altta hizala */
    font-size: 0.98vw;
    color: #fff;
    padding: 0.2vw 2vw;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transition: .2s;
    align-self: flex-end; /* a etiketini aşağıda hizala */
}

.sub-services-box a:hover {
    transition: .2s;
    color: #d23325;
    border-top: solid 1px #d23325;
    border-bottom: solid 1px #d23325;
}

.about-page-principles-container{
	width: 80vw;
	margin: 2vw 0;
	padding: 0 10vw;
	background-color: #E2E2E2;
	position: relative;
}

.about-page-principles-container h3{
	text-align: center;
	background-color: #C61B1B;
	color: #fff;
	transform: translateY(-50%);
	font-size: 1.56vw;
}

.about-page-principles-flex-container{
	width: 60vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0 0 2vw 0;
}

.about-page-principles-flex-container .sub-services-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* İçerikleri dikey olarak aralıklı yerleştir */
    width: calc(33% - 5vw);
    padding: 2vw 1.5vw;
    background-color: rgba(38, 46, 104, 1);
    text-align: center;
    color: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    margin: 2vw 0 2vw 0;
    flex-grow: 1;
    height: auto;
    margin: 1vw 2vw 1vw 0;
    align-items: center;
}

.about-page-principles-flex-container .sub-services-box:nth-child(3n){
	margin: 1vw 0vw 1vw 0;
}

.contact-page-map-contaier{
	width: 80vw;
	padding: 2vw 10vw;
}

.contact-page-map-contaier iframe{
	width: 100%;
	height: 25vw;
}




footer{
	background-color: #262e68;
	margin-top: 2vw;
}

.footer-top-container{
	display: flex;
	align-items: center;
	width: 100vw;
}

.footer-top-container span{
	width: 10vw;
	height: 1px;
	background-color: #d23325;
}

.footer-head-container{
	width: 76vw;
	margin: 0 auto;
	background-color: #d23325;
	padding: 1vw 2vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transform: translateY(-50%);
}

.footer-head-container img{
	width: 9.9vw;
}

.footer-social-container{
	display: flex;
}

.footer-social-container a{
	margin: 0 1vw;
}

.footer-social-container a i{
	color: #fff;
	font-size: 0.83vw;
	transition: .2s;
}

.footer-social-container a:hover i{
	color: #08232C;
	transition: .2s;
}

.footer-bottom-container{
	display: flex;
	width: 80vw;
	margin: 0 10vw;
	align-items: center;
	justify-content: space-between;
}

.footer-text-container{
	display: flex;
	align-items: center;
}

.footer-text-container p,
.footer-text-container a{
 color: #fff;
 font-weight: bold;
	font-size: 0.98vw;
}

.footer-copyright{
	font-size: 0.83vw;
	color: #fff;
	padding: 2vh 0;
	text-align: center;
}

nav,.mobile-menu-icon{
	display: none;
}.menu-icon span {
	display: block;
  width: 35px;
  height: 5px;
  background-color: #AB7954;
  margin: 6px 0;
	transition: .2s;
}



@media (max-width:991px) {
	nav,.mobile-menu-icon{
		display: none;
	}

	nav,.mobile-menu-icon{
		display: block;
	}

	nav {
  	position: fixed;
    top: 0;
    left: -100%;
    z-index: 101;
    width: calc(100% - 4vw);
    height: calc(100% - 4vw);
    background: #ededed;
    padding: 2vw;
    transition: .2s;
  }

	.menu-wrapper {
		width:100vw;
		height:100vh;
	}

	.main-menu,	.back-btn {
		background:#0D264E;
		color: #fff!important;
	}

	.rwd-menu {
		z-index:1;
		transition:all 1s ease;
		list-style: none;
		margin: 0;
		padding: 0 5vw;
	}

	.rwd-menu li a {
		display:block;
		padding:10px;
		font-weight:bold;
		font-size:3.2vw;
		color:#0D264E;
	}

	.rwd-menu li a p{
		font-weight: normal;
	}

	.rwd-submenu {
		position:absolute;
		left:100%;
		top:2vw;
		background:#ededed;
		width:calc(100% - 4vw);
		height:calc(100% - 14vw);
		visibility:hidden;
		transition:all .2s ease;
		padding: 2vw
	}

	.open-submenu .rwd-submenu {
		left:0;
		top:2vw;
		z-index:2;
		visibility:visible;
		transition:all .2s ease;
	}

	.rwd-menu li:nth-child(1){
		display: flex;
		align-items: center;
		justify-content: flex-end;
		font-size: 12vw;
	}

	.rwd-submenu li:nth-child(1){
		display: unset;
	}

	.closebtn{
		font-size: 12vw!important;
		line-height: 1;

	}


	header{
		z-index: 12;
		width: 90vw;
		display: flex;
		padding: 0 5vw;
	}

	.header-logo-container{
		width: 25vw;
	}

	.header-logo-container img{
		width: 100%;
		max-height: 8vh;
		object-fit: contain;
	}

	.navbar{
		display: none;
	}

	.navbar-ul {
		list-style-type:none;
		padding:0;  
		overflow:hidden;
		cursor: pointer;
		margin: 0;
		width: 40vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}

	.navbar-ul-li-a:last-child{
		padding-right: 0;
	}

	.navbar-ul > .navbar-ul-li {
		float:left;
	}

	.navbar-ul .navbar-ul-li ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 10vh;
		z-index: 99;
		visibility: hidden;
		opacity: 0;
		background-color: #fff;
	}

	.navbar-ul .navbar-ul-li:hover ul {
		visibility: visible;
		opacity: 1;
	}

	.navbar-ul .navbar-ul-li .navbar-ul-li-a {
		display: flex; 
		padding: 0 2vw;
		height: 10vh;
		align-items: center;
		justify-content: center;
		font-size: 0.88vw;
		color: #262e68;
		font-weight: 600;
		position: relative;
	}

	.navbar-ul .navbar-ul-li .navbar-ul-li-a img{
		position: absolute;
		left: 0;
		top: 0;
		width: 3.5vw;
	}

	.navbar-ul .navbar-ul-li:hover .navbar-ul-li-a {
		color:#d23325;
	}


	.navbar-ul li:first-child a { border-left:0; }
	.navbar-ul li:last-child a { border-right:0; }

	.navbar-ul .navbar-ul-li ul li{
		padding: 1vw;
		width: 15vw;
	}

	.navbar-ul .navbar-ul-li ul li a{
		font-size: 0.88vw;
		color: #262e68;
		font-weight: 600;
		padding: 0.5vw 0;
	}

	.navbar-ul .navbar-ul-li ul li a i{
		width: 1.5vw;
		color: #d23325;
	}

	.navbar-ul .navbar-ul-li ul li a p{
	  margin-left: 1.5vw;
	  font-size: 0.78vw;
	  color: #262e68;
	  font-weight: normal;
	  width: calc(100% - 5vw);
	}

	.navbar-ul .navbar-ul-li ul li a:hover{
		font-size: 0.88vw;
		color: #d23325;
		transition: .2s;
	}

	.navbar-ul .navbar-ul-li ul li a:hover i{
		width: 1vw;
		color: #d23325;
		transition: .2s;
		margin-left: 1vw;
	}

	.navbar-ul .navbar-ul-li ul li a:hover p{
		margin-left: 2vw;
		font-size: 0.78vw;
		color: #AB7954;
		transition: .2s;
	}

	.menu-icon span {
		display: block;
	  width: 35px;
	  height: 5px;
	  background-color: #d23325;
	  margin: 6px 0;
		transition: .2s;
	}

	.navbar-ul .navbar-ul-li:hover .navbar-ul-li-a .menu-icon span{
	  background-color: #262e68;
		transition: .2s;
	}

	.home-swiper {
		width: 100vw;
		height: 56vh;
	}	

	.home-swiper .swiper-slide {
		padding: 0 15vw!important;
		width: calc(100% - 30vw)!important;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		background-size: cover;
		background-position: center;
	}

	.home-swiper .swiper-slide img {
		display: block;
		width: 40vw;
		height: auto;
		object-fit: contain;
	}

	.home-section{
		padding: 2vw 0;
	}

	.home-section:nth-child(2n-1){
		background-color: #efefef;
	}

	.home-section h2{
		font-size: 3.56vw;
		border-bottom: solid 2px #d23325;
		width: max-content;
		text-align: center;
		margin: 0 auto;
		padding: 0 2vw;
	}

	.home-section .section-text{
		font-size: 3.05vw;
		width: max-content;
		text-align: center;
		margin: 2vh auto;
		max-width: 90%;
	}

	.home-referance-container{
		width: 80vw;
		padding: 0 10vw;
	}

	.referance-swiper {
		width: 80vw;
		margin: 2vw 0;
	}

	.referance-swiper .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
	}

	.referance-swiper .swiper-slide img {
		display: block;
		width: 70%;
		height: 70%;
		padding: 0 2vw;
		object-fit: contain;
	}

	.referance-swiper-button-next,
	.referance-swiper-button-prev{
		color: #d23325!important;
	}

	.referance-swiper-button-next:after,
	.referance-swiper-button-prev:after{
		font-size: 1vw!important;
		font-weight: bold;
	}

	.home-services-container{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		width: 80vw;
		padding: 2vw 10vw;
	}

	.home-services-box{
		width: 80vw;
		padding: 4vw 1.5vw;
		margin: 2vw 0;
		background-color: rgba(38, 46, 104, 1);
		text-align: center;
		color: #fff;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	}

	.home-services-box h3{
		font-size: 3.35vw;
		margin: 0;
		color: #fff;
	}

	.home-services-box p{
		font-size: 2.98vw;
		margin: 1vw 0;
		color: #fff;
	}

	.home-services-box a{
		display: block;
		width: max-content;
		margin: 0 auto;
		font-size: 2.98vw;
		color: #fff;
		padding: 0.2vw 2vw;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		transition: .2s;
	}

	.home-services-box a:hover{
		transition: .2s;
		color: #d23325;
		border-top: solid 1px #d23325;
		border-bottom: solid 1px #d23325;
	}

	.home-contact-container{
		padding: 10vw 10vw;
		background-size: cover;
		background-position: center;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.home-contact-container p{
		font-size: 3.85vw;
		width: max-content;
		padding: 0.5vw 1vw;
		color: #fff;
	}

	.home-contact-container a{
		width: max-content;
		font-size: 2.98vw;
		color: #fff;
		padding: 0.2vw 2vw;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		transition: .2s;
	}

	.home-contact-container a:hover{
		transition: .2s;
		color: #d23325;
		border-top: solid 1px #d23325;
		border-bottom: solid 1px #d23325;
	}

	.home-contact-container a i{
		width: 1.8vw;
		height: 1.8vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		margin: 0 0 0 0.5vw;
	}

	.home-blog-container{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 80vw;
		padding: 2vw 10vw;
	}

	.home-blog-box{
		width: 60vw;
		background-color: #fff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
		margin: 3vw 0;
	}

	.home-blog-box img{
		width: 100%;
		height: 35vw;
		object-fit: cover;
	}

	.home-blog-box h3,
	.home-blog-box h2{
		font-size: 3.25vw;
		margin: 0.5vw 0;
		padding: 0 2vw;
		text-align: center;
		color: #C61B1B;
		border: none;
		width: unset;
	}

	.home-blog-box p{
		font-size: 3.05vw;
		padding: 1vw 4vw 2vw;
		margin: 0;
		text-align: center;
		color: #08232C;
	}

	.services-page-banner-container{
		width: 80vw;
		padding: 2vw 10vw;
		height: 17vw;
		display: flex;
		align-items: flex-end;
		background-size: cover;
	}

	.breadcrumbs-container{
		display: flex;
		align-items: center;
		background:rgba(255, 255, 255, 0.39);
		padding: 0.5vw 1vw;

	}

	.breadcrumbs-container a,
	.breadcrumbs-container h1{
		font-size: 2.78vw;
		font-weight: 700;
		color: #fff;
	}

	.services-page-container{
		padding: 2vw 10vw;
	}

	.services-page-container h1,
	.services-page-container h2{
		font-size: 4.34vw;
		color: #C61B1B;
	}

	.services-page-container p{
		font-size: 3.8vw;
		text-align:Justify;
	}

	.services-page-detail-container{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 80vw;
	}

	.services-page-detail-text-container{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 80vw;
	}

	.services-page-detail-text-box{
		width: 78vw;
		margin: 0 0 2vw 0;
	}

	.services-page-detail-text-box p{
		font-size: 3.25vw;
		margin: 0;
		text-align:Justify;
	}

	.services-page-detail-text-box h2{
		font-size: 3.25vw;
		margin: 0;
	}

	.services-page-detail-image-container{
		width: 80vw;
		height: 24vw;
		display: flex;
		margin: 2vw 0;
	}

	.services-page-detail-image-container img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sub-services-container {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: stretch; /* Kutucukların yüksekliğini eşitle */
	    justify-content: space-between;
	    width: 80vw;
	    padding: 0 10vw;
	}

	.sub-services-box {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between; /* İçerikleri dikey olarak aralıklı yerleştir */
	    width: calc(100% - 5vw);
	    padding: 4vw 4vw;
	    background-color: rgba(38, 46, 104, 1);
	    text-align: center;
	    color: #fff;
	    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	    flex-grow: 1;
	    height: auto;
	    margin: 2vw 2vw 5vw 0;
	    align-items: center;
	}

	.sub-services-box:last-child{
		margin: 2vw 0vw 5vw 0;
	}

	.sub-services-box h2 {
	    font-size: 3.35vw;
	    margin: 0;
	    color: #fff;
	}

	.sub-services-box p {
	    font-size: 2.98vw;
	    margin: 1vw 0;
	    color: #fff;
	}

	.sub-services-box a {
	    display: block;
	    width: max-content;
	    margin: 0 auto; /* a etiketini altta hizala */
	    font-size: 2.98vw;
	    color: #fff;
	    padding: 0.2vw 2vw;
	    border-top: solid 1px #fff;
	    border-bottom: solid 1px #fff;
	    transition: .2s;
	    align-self: flex-end; /* a etiketini aşağıda hizala */
	}

	.sub-services-box a:hover {
	    transition: .2s;
	    color: #d23325;
	    border-top: solid 1px #d23325;
	    border-bottom: solid 1px #d23325;
	}

	.about-page-principles-container{
		width: 80vw;
		margin: 2vw 0;
		padding: 0 10vw;
		background-color: #E2E2E2;
		position: relative;
	}

	.about-page-principles-container h3{
		text-align: center;
		background-color: #C61B1B;
		color: #fff;
		transform: translateY(-50%);
		font-size: 3.56vw;
	}

	.about-page-principles-flex-container{
		width: 80vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0 0 2vw 0;
	}

	.about-page-principles-flex-container .sub-services-box {
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-start; /* İçerikleri dikey olarak aralıklı yerleştir */
	    width: calc(50% - 10vw);
	    padding: 4vw 4vw;
	    background-color: rgba(38, 46, 104, 1);
	    text-align: center;
	    color: #fff;
	    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	    flex-grow: 1;
	    height: auto;
	    margin: 1vw 2vw 1vw 0;
	    align-items: center;
	}

	.about-page-principles-flex-container .sub-services-box:nth-child(3n){
	    margin: 1vw 2vw 1vw 0;
	}

	.about-page-principles-flex-container .sub-services-box:nth-child(2n){
	    margin: 1vw 0vw 1vw 0;
	}

	.about-page-principles-flex-container .sub-services-box img{
		max-width: 50%;
	}

	.contact-page-map-contaier{
		width: 80vw;
		padding: 2vw 10vw;
	}

	.contact-page-map-contaier iframe{
		width: 100%;
		height: 25vw;
	}




	footer{
		background-color: #262e68;
		margin-top: 5vw;
	}

	.footer-top-container{
		display: flex;
		align-items: center;
		width: 100vw;
	}

	.footer-top-container span{
		width: 10vw;
		height: 1px;
		background-color: #d23325;
	}

	.footer-head-container{
		width: 76vw;
		margin: 0 auto;
		background-color: #d23325;
		padding: 1vw 2vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		transform: translateY(-50%);
	}

	.footer-head-container img{
		width: 20vw;
	}

	.footer-social-container{
		display: flex;
	}

	.footer-social-container a{
		margin: 0 1vw;
	}

	.footer-social-container a i{
		color: #fff;
		font-size: 2.83vw;
		transition: .2s;
	}

	.footer-social-container a:hover i{
		color: #08232C;
		transition: .2s;
	}

	.footer-bottom-container{
		display: flex;
		flex-wrap: wrap;
		width: 80vw;
		margin: 0 10vw;
		align-items: center;
		justify-content: space-between;
	}

	.footer-text-container{
		display: flex;
		align-items: center;
	}

	.footer-text-container p,
	.footer-text-container a{
	 color: #fff;
	 font-weight: bold;
		font-size: 2.98vw;
		margin: 1vw 0;
	}

	.footer-copyright{
		font-size: 2.83vw;
		color: #fff;
		padding: 2vh 0;
		text-align: center;
	}
	
}