@charset "UTF-8";
body {
    font-family: 'Roboto';
    margin: 0;
    color: #252638;
}

* {
	outline: none;
}

a {
	text-decoration: none;
}

blockquote {
    padding: 10px 20px;
    margin: 20px 0;
    background-color: #f5f9fc;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    color: #204866;
    quotes:  '"' '"';
}

blockquote p {
    margin: 0;
}

blockquote::before {
    content: '"';
    line-height: 1em;
    text-align: left;
    width: 1em;
    font-weight: 900;
    font-size: 70px;
    margin-bottom: -15px;
    display: block;
    color: #d6e3ed;
}

blockquote::after {
    content: '"';
    line-height: 1em;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    font-weight: 900;
    font-size: 70px;
    margin-top: 10px;
    margin-bottom: -30px;
    padding-right: 20px;
    display: block;
    color: #d6e3ed;
}

#gt_float_wrapper {
    position: relative!important;
    top: -10px!important;
    right: 0!important;
    z-index: 9999999;
    height: 20px!important;
}

.gt_float_switcher {
    background: unset!important;
}

.gt_float_switcher img {
    width: 28px!important;
    margin: 0!important;
}

.gt_float_switcher .gt-selected {
    background-color: unset!important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 8px 15px!important;
    color: #fffffff2!important;
    font-weight: unset!important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23fffffff2'/></svg>")!important;
    transform: rotate(0deg)!important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate {
    transform: rotate(180deg)!important;
}

.gt_float_switcher .gt_options {
    background-color: #252638f0!important;
}

.gt_float_switcher .gt_options a {
    color: #fffffff2!important;
}

.ustbar,
.altbar {
	background-color: #00162B;
}
.ustbar a,
.altbar a {
	color: #fff;
}
.ustbar a:hover,
.altbar a:hover {
	color: #ddd;
	text-decoration: none;
}
.ustbar .social-media i {
	margin-right: 10px;
}
.ustbar .solbutonlar {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ustbar .auth-buttons .btn-outline-light:hover {
	color: #00162B;
	border-color: #001A33;;
}
.ortabar {
	background-color: #fff;
}
.ortabar .logo img {
	height: 50px;
}
.ortabar .contact-info .me-3 {
	margin-right: 20px;
}
.ortabar .contact-info a {
	text-decoration: none;
}
.ortabar .contact-info a:hover .icon,
.ortabar .contact-info a:hover .label,
.ortabar .contact-info a:hover .info
{
	color: #bb1919;
	text-decoration: none;
}
.ortabar .email .icon, .ortabar .phone .icon {
	color: #bb1919;
	margin-right: 5px;
}
.ortabar .details {
	line-height: 15px;
}
.ortabar .details .label {
	color: #00162B;
	font-size: 15px;
	font-weight: bold;
}
.ortabar .details .info {
	color: #00162B;
	font-size: 13px;
}
.ortabar .contact-button a {
	background-color: #00162B;
	color: #fff;
	border-color: #00162B;
}
.ortabar .contact-button a:hover {
	background-color: #fff;
	color: #00162B;
	border-color: #00162B;
}
.altbar .navbar-collapse {
	justify-content: center;
}
.altbar .navbar-collapse .nav-item:not(.dropdown) .nav-link:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #bb1919;
}
.altbar .navbar-collapse .dropdown:hover > .dropdown-menu {
	display: block;
}
.altbar .navbar-collapse .dropdown-menu {
	padding: 0;
	background-color: #041e37;
	border-top: 2px solid #bb1919;
}
.altbar .navbar-collapse .dropdown-menu:before {
	position: absolute;
	top: -8px;
	left: 30%;
	margin-left: -6px;
	content: '';
	border-right: 8px solid hsla(0,0%,100%,0);
	border-bottom: 8px solid #bb1919;
	border-left: 8px solid hsla(0,0%,100%,0);
}
.altbar .navbar-collapse .dropdown-menu li {
	padding: 5px;
	border-bottom: 1px solid #050d17;
}
.altbar .navbar-collapse .dropdown-menu li:last-child {
	border-bottom: none;
}
.altbar .navbar-collapse .dropdown-menu .dropdown-item:hover {
	background-color: #bb1919;
	color: #fff;
}

.altbar .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.75);
}

.altbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.tab-section {
	position: relative;
	height: 600px;
	overflow: hidden;
}

.tab-section .tab-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 0;
	transition: background-image 0.5s ease-in-out;
}

.tab-section .tab-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	pointer-events: none;
}

.tab-section .tab-content-container {
	position: relative;
	z-index: 3;
	height: 100%;
	padding-bottom: 80px;
}

.tab-text-content {
	padding-bottom: 80px;
}

.tab-section .tab-content-container .form-container {
    max-width: 350px;
    width: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}

.tab-section .tab-content-container .form-container.bg-light {
    background-color: #ffffffd9!important;
}

.tab-section .tab-content-container .form-container .input-group-text {
    width: 40px;
    background-color: #dee2e6;
    border-radius: 0;
}

.tab-section .tab-content-container .form-container button {
    display: block;
    width: 100%;
    background-color: #00162B;
    border-color: #00162B;
}

.tab-section .tab-content-container .form-container button:hover {
    color: #041e37;
    background-color: #fff;
    border-color: #041e37;
}

.tab-section .tab-content>.active {
    height: 100%;
}

.tab-section .text-container h2 {
    display: inline-block;
    background: #00162bd9;
    margin-top: 20px;
    padding: 10px;
}

.tab-section .text-container p {
    display: inline-block;
    background: #00162bd9;
    margin-top: 20px;
    padding: 10px;
}

.tab-section .input-group {
	border: 1px solid #dee2e6;
	border-radius: .25rem;
}
.tab-section .form-control, .tab-section .input-group-text {
	border: none;
}

.tab-nav-section {
    position: relative;
	width: 100%;
	background: #00162bd9;
	border-bottom: 3px solid #bb1919;
	padding: 0;
	margin-top: -65px;
    z-index: 4;
}
.tab-nav-section .tab-nav-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.tab-nav-section .nav-tabs {
	border: none;
}
.tab-nav-section .nav-tabs li > .nav-link {
	color: #fff;
	background: transparent;
	border-radius: 0;
	border-right: 1px solid #050d17;
}
.tab-nav-section .nav-tabs li > .nav-link .fa-2x {
    font-size: 2.7em;    
}
.tab-nav-section .nav-tabs li > .nav-link:hover {
    border: 1px solid transparent;   
}

.tab-nav-section .nav-tabs li > .nav-link.active {
    background: #bb1919;
    border: 1px solid #bb1919;
}

.tab-nav-section .nav-tabs li > .nav-link:not(.active) {
    border-right: 1px solid #050d17;
}

.tab-nav-section .nav-tabs li:first-child > .nav-link {
	border-left: 1px solid #050d17;
}

.tab-nav-section .tab-title {
    text-transform: uppercase;
    font-weight: 900;
}

.featured {
	background-color: #001a33; 
	padding: 60px 0;
}

.featured .onecikan {
    padding: 10px 15px;
}

.featured .onecikan:hover,
.featured .onecikan:hover i {
    background-color: #bb1919;
    color: #fff;
    border-radius: 5px;
}

.featured .eniyi {
    text-transform: uppercase;
    color: #bb1919;
}

.featured h2 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 2rem;
	color: #fff;
}

.featured .d-flex {
	align-items: flex-start;
}

.featured .icon {
	color: #bb1919;
}

.featured .text h5 {
	font-size: 1.25rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.5rem;
}

.featured .text p {
	font-size: 0.95rem;
	color: #fff;
	margin: 0;
}

.about-section {
	position: relative;
	background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 100px 0;
	color: #fff;
}

.about-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	z-index: 1;
}
.about-content {
	position: relative;
	z-index: 2;
}
.about-left {
	position: relative;
	padding: 40px 50px;
}
.about-left::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffffd9;
	transform: skewY(-2deg);
	transform-origin: top left;
	z-index: -1;
}

.about-left h2 {
	font-size: 2.5rem;
	margin-bottom: 20px;
	color: #00162b;
}
.about-left p {
	font-size: 1rem;
	margin-bottom: 20px;
	color: #00162b;
}
.about-right .about-images {
	position: relative;
	display: inline-block;
}

.about-right .right-image {
	display: block;
	max-width: 48%;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border-bottom-right-radius: 50px;
	transform: skewY(2deg);
	transform-origin: top left;
	object-fit: cover;
}

.about-right .left-image {
	max-width: 48%;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: -40px;
	transform: translateY(-50%);
	margin-right: 10px;
	border-radius: 5px;
	border-bottom-left-radius: 50px;
	transform: skewY(-5deg);
	transform-origin: top left;
	object-fit: cover;
}

.about-right .about-experience {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	max-width: 48%;
	margin-bottom: 20px;
	background-color: #00162bd9;
	transform: skewY(2deg);
	transform-origin: top left;
}
.about-right .experience-number {
	font-size: 4rem;
	font-weight: bold;
}

.about-right .experience-details {
	display: flex;
	flex-direction: column;
	line-height: 1;
	text-align: left;
}

.about-right .experience-year,
.about-right .experience-exp {
	font-size: 1.2rem;
	font-weight: 500;
}

.about-content .btn {
    background-color: #00162B;
    border-color: #00162B;
    color: #fff;
}

.about-content .btn:hover {
    background-color: #fff;
    color: #00162B;
    border: 1px solid #00162B;
}

.why-section {
	background-color: #fff;
	padding: 60px 0;
}

.why-section .col-xl-3 {
    padding: 0;
    margin: 0;
}

.why-section .col-xl-3:hover {
    background-color: #bb1919;
}

.section-header h2 {
	font-size: 2.5rem;
	margin-bottom: 15px;
	color: #00162b;
}

.section-header p {
	font-size: 1rem;
	color: #00162b;
	margin: 0;
}

.why-section .col-xl-3 .why-item {
    padding: 50px;
    height: 100%;
}

.why-section .col-xl-3 .why-item h5 {
    color: #00162B;
}

.why-section .col-xl-3 .why-item p {
    color: #00162B;
}

.why-section .col-xl-3:hover  .why-item .line {
    background-color: #fff;
}

.why-section .col-xl-3:hover  .why-item i,
.why-section .col-xl-3:hover  .why-item h5,
.why-section .col-xl-3:hover  .why-item p {
    color: #fff;
}

.why-section .col-xl-3:nth-child(-n+4) .why-item {
    border-left: 1px solid #e6ebf1;
    border-bottom: 1px solid #e6ebf1;
    border-top: 1px solid #e6ebf1;
}

.why-section .col-xl-3:nth-child(4) .why-item,
.why-section .col-xl-3:last-child .why-item {
    border-right: 1px solid #e6ebf1;
}

.why-section .col-xl-3:nth-child(n+5) .why-item {
    border-left: 1px solid #e6ebf1;
    border-bottom: 1px solid #e6ebf1;
}

.icon-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}

.icon-container .line {
	width: 30px;
	height: 2px;
	background-color: #bb1919;
}

.icon-container .left {
	margin-right: 10px;
}

.icon-container .right {
	margin-left: 10px;
}

.icon-container i {
	font-size: 2.5rem;
	color: #00386e;
}

.swiper-button-next, .swiper-button-prev {
    display: none;
}

.portfolio-slider-section.py-5 {
    padding-top: 5rem!important;
}

.portfolio-slider-section .slider-header {
    max-width: 90%;
}

.portfolio-slider-section .slider-view-all a {
    background-color: #00162B;
    color: #fff;
    border: 1px solid #00162B;
}

.portfolio-slider-section .slider-view-all a:hover {
    background-color: #fff;
    color: #00162B;
    border: 1px solid #00162B;
}

.portfolio-slider-section .arac-portfoy {
    overflow: hidden;
}

.portfolio-slider-section h2 {
	font-size: 2.5rem;
	color: #00162B;
}

.portfolio-slider-section p {
	font-size: 1rem;
	color: #00162B;
}

.slider-view-all a {
	text-transform: uppercase;
}

.arac-portfoy .swiper-slide a.portfolio-item {
    position: relative;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
}

.arac-portfoy .swiper-slide a.portfolio-item .overlay {
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.arac-portfoy .swiper-slide a.portfolio-item:hover .overlay {
    opacity: 1;
}

.arac-portfoy .portfolio-item img {
    max-height: 200px;
    width: 100%;
    object-fit: cover;
}

.arac-portfoy .portfolio-item .overlay i {
  font-size: 2rem;
  color: #fff;
}

.statistics-section {
	background-color: #001a33;
	color: #fff;
}
.stat-item {
    border-right: 1px dashed #2a3645;
}

.statistics-section .col-lg-3:last-child .stat-item {
    border-right: none;
}
.stat-number {
	color: #bb1919;
	font-size: 2.5rem;
	font-weight: bold;
}

.stat-name {
	color: #fff;
	font-size: 1.2rem;
	margin: 10px 0;
}

.stat-line {
	width: 50px;
	height: 3px;
	background-color: #bb1919;
	margin: 0 auto;
}
.gallery-section {
	background-color: #fff;
}

.gallery-section .gallery-header {
    max-width: 90%;
}

.gallery-header h2 {
	font-size: 2.5rem;
	margin-bottom: 10px;
}

.gallery-header p {
	font-size: 1rem;
	color: #555;
	margin: 0;
}

.gallery-view-all a {
    background-color: #00162B;
    color: #fff;
    border: 1px solid #00162B;
}

.gallery-view-all a:hover {
    background-color: #fff;
    color: #00162B;
    border: 1px solid #00162B;
}

.gallery-section .col-xl-3 {
    margin-bottom: 1.5rem;
}

.gallery-section .col-xl-3 img {
    max-height: 200px;
    width: 100%;
    object-fit: cover;
}

.gallery-item {
  position: relative;
  display: block;
}

.gallery-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-item:hover .overlay {
  opacity: 1;
}

.gallery-item .overlay i {
  font-size: 2rem;
  color: #fff;
}

.contact-call-section {
	background-color: #001a33;
	padding: 50px 0;
}

.contact-call-section .icon i {
	color: #bb1919;
}

.contact-call-section h2 {
	color: #bb1919;
	font-size: 2rem;
	margin-bottom: 10px;
}

.contact-call-section p {
	color: #fff;
	font-size: 1rem;
}

.contact-call-section a {
    background-color: #bb1919;
    border: 1px solid #bb1919;
    color: #fff;
}

.contact-call-section a:hover {
    background-color: #fff;
    border: 1px solid #bb1919;
    color: #bb1919;
}

.faq-section {
	background-color: #fff;
}

.faq-section .col-md-6:last-child {
    margin-top: 30px;
}

.faq-content {
    max-width: 90%;
}

.faq-content h2 {
	font-size: 2.5rem;
	margin-bottom: 20px;
	color: #00162b;
}

.faq-content p {
	font-size: 1.1rem;
	margin-bottom: 30px;
	color: #00162b;
}

.faq-content-view-all a {
    background-color: #00162B;
    color: #fff;
    border: 1px solid #00162B;
}

.faq-content-view-all a:hover {
    background-color: #fff;
    color: #00162B;
    border: 1px solid #00162B;
}

.accordion-item {
    margin-top: 10px;
    border: 1px solid #dee2e6;
}

.accordion-item:not(:first-of-type) {
    border: 1px solid #dee2e6;
}

.accordion-button {
	background-color: #f8f9fa;
	color: #00386e;
}

.accordion-button:not(.collapsed) {
	color: #fff;
	background-color: #00162b;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.blog-section .section-header {
    max-width: 90%;
}

.blog-section h2 {
	font-size: 2.5rem;
	color: #00162B;
	margin-bottom: 10px;
}

.blog-section p {
	font-size: 1rem;
	color: #00162B;
	margin: 0;
}

.blog-view-all a {
    background-color: #00162B;
    color: #fff;
    border: 1px solid #00162B;
}

.blog-view-all a:hover {
    background-color: #fff;
    color: #00162B;
    border: 1px solid #00162B;
}

.blog-item {
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.blog-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.blog-category {
	font-size: 0.9rem;
	border-radius: 0 0 4px 0;
	background-color: #00162b;
}

.blog-date {
	font-size: 0.9rem;
	border-radius: 0 0 0 4px;
	background-color: #bb1919;
}

.blog-overlay {
	font-size: 1.1rem;
}

.footer-section {
    background-color: #041e37;
    color: #fff;
    padding: 60px 0;
    border-top: 3px solid #bb1919;
}

.footer-section .footer-logo img {
    max-width: 150px;
}

.footer-section h5 {
	margin-bottom: 20px;
	font-size: 1.25rem;
}

.footer-section ul li {
	margin-bottom: 10px;
	font-size: 0.95rem;
}

.footer-section ul li a {
	color: #fff;
}

.footer-section ul li a:hover {
    color: #bb1919;
	text-decoration: underline;
}

.footer-social a {
	font-size: 1.2rem;
	color: #fff;
}

.footer-social a:hover {
	color: #bb1919;
}

.footer-bottom {
    background-color: #00162b;
    padding: 20px 0;
    color: #fff;
}

.breadcrumb-section {
  width: 100%;
  background-color: #f5f9fc;
  border-bottom: 1px solid #e5f1fc;
  padding: 20px 0;
}

.breadcrumb-title {
  font-size: 2rem;
  margin: 0 0 10px;
  color: #001a33;
}

.breadcrumb {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
}

.breadcrumb .breadcrumb-item {
    color: #8da4bb;
}

.breadcrumb .breadcrumb-item a {
    color: #00509c;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding: 0!important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding: 0 5px;
  color: #8da4bb;
}

.breadcrumb-search .input-group {
  max-width: 100%;
}

.breadcrumb-search .input-group-text {
    color: #d9e2eb;
  background-color: #fff;
  border: 3px solid #e5f1fc;
  border-right: 0;
  border-radius: 0;
}

.breadcrumb-search .form-control {
  border: 3px solid #e5f1fc;
  border-left: 0;
  border-radius: 0;
}

.breadcrumb-search .form-control::placeholder {
  color: #d9e2eb;
}

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

.page-content-area {
    background-color: #fff;
    padding: 60px 0;
}
.page-content-area .entry-content {
    padding-bottom: 20px;
    color: #001a33;
}
.page-content-area .entry-content img {
    max-width: 100%;
    height: auto;
}
.page-content-area  .entry-content a {
    text-decoration: none;
    color: #00509c;
}
.page-content-area  .entry-content a:hover {
    text-decoration: none;
    color: #5881a9;
}

.single-content-area {
    background-color: #fff;
    padding: 60px 0;
}

.single-content-area .entry-header {
    margin: 0 50px 50px;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    box-shadow: inset 0 0 0 10px #fff, inset 0 0 0 11px #c7dcef, 0 1px 59px rgb(0 26 51 / 20%);
}
.single-content-area .entry-title {
    color: #001a33;
}
.single-content-area .entry-meta {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #777;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.single-content-area .entry-content {
    padding-bottom: 20px;
    color: #001a33;
}
.single-content-area .entry-content img {
    max-width: 100%;
    height: auto;
}
.single-content-area  .entry-content a {
    text-decoration: none;
    color: #00509c;
}
.single-content-area  .entry-content a:hover {
    text-decoration: none;
    color: #5881a9;
}
.single-content-area .comments-count {
    color: #00509c;
}
.single-content-area .views-count {
    color: #5881a9;
}
.single-content-area .comments-count i, .single-content-area .views-count i {
    margin-right: 5px;
}

.single-content-area .entry-footer {
    padding-top: 20px;
    border-top: 1px solid #e5f1fc;
}

.single-content-area .post-tags {
  font-size: 0.9rem;
}

.single-content-area .post-tags .tag-label {
  font-weight: bold;
  color: #001a33;
}

.single-content-area .post-tags a {
  color: #00509c;
}

.comments-area {
    margin-top: 50px;
}

.comments-area h2 {
    color: #001a33;
}

.comments-area ol, .comments-area ul {
    padding: 0!important;
}

.comments-area .comment-list li {
  list-style: none;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 20px;
  box-shadow: 0 1px 13px rgb(0 26 51 / 10%);
}

.comments-area .comment-list .comment-meta {
    position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 10px;
    border-bottom: 1px solid #d9e4ee;
}

.comments-area .comment-list .comment-meta:after {
    position: absolute;
    bottom: -6px;
    left: 35px;
    width: 10px;
    height: 10px;
    content: '';
    transform: rotate(-45deg);
    background-color: #fff;
    box-shadow: 1px -1px 0 #d9e4ee;
}

.comments-area .comment-list .comment-meta-left {
  display: flex;
  align-items: center;
}

.comments-area .comment-list .comment-avatar {
  margin-right: 15px;
}

.comments-area .comment-avatar .avatar {
  border: 4px solid #fff;
    border-radius: 50%;
    background-color: #a2a2a2;
    box-shadow: 0 1px 2px rgb(81 127 160 / 24%);
}

.comments-area .children {
  margin-left: 60px;
  border-left: 3px solid #ddd;
  padding-left: 15px;
}

.comments-area .comment-list .comment-author {
  font-weight: bold;
}

.comments-area .comment-list .comment-author a {
  color: #00509c;
  text-decoration: none;
}

.comments-area .comment-list .comment-author a:hover {
  color: #5881a9;
  text-decoration: none;
}

.comments-area .comment-list .comment-date {
  font-size: 0.9rem;
  color: #777;
}

.comments-area .comment-list .comment-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.comments-area .comment-list .comment-reply-link, .comments-area .comment-list .comment-edit-link  {
  text-decoration: none;
  color: #5881a9;
}

.comments-area .comment-list .comment-reply-link:hover, .comments-area .comment-list .comment-edit-link:hover  {
  text-decoration: none;
  color: #00509c;
}

.comments-area .comment-list .comment-content {
  margin-top: 10px;
  padding: 10px 15px
}

.comments-area .comment-list .comment-content a {
    text-decoration: none;
  color: #00509c;    
}

.comments-area .comment-list .comment-content a:hover {
    text-decoration: none;
  color: #5881a9;
}

.comments-area .comment-form-section {
    color: #001a33;
    background-color: #f5f9fc;
    margin-top: 40px;
    padding: 30px;
}

.comments-area .comment-form-section h3 {
    color: #001a33;
}

.comments-area .comment-form-section a {
    text-decoration: none;
  color: #00509c;
}

.comments-area .comment-form-section a:hover {
    text-decoration: none;
  color: #5881a9;
}

.comments-area .comment-form-section input,
.comments-area .comment-form-section textarea,
.comments-area .comment-form-section select {
  border-radius: 0;
}

.comments-area .comment-form-section input:focus,
.comments-area .comment-form-section textarea:focus,
.comments-area .comment-form-section select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
  border: 1px solid #d9e2eb;
}

.comments-area .comment-form-section input:placeholder,
.comments-area .comment-form-section textarea:placeholder,
.comments-area .comment-form-section select:placeholder {
  color: #d9e2eb;
}

.comments-area .comment-form-section .input-group {
    border: 2px solid #d9e2eb;
    border-radius: 0;
}

.comments-area .comment-form-section .input-group-text {
    color: #84a7c9;
    background-color: #d9e2eb;
    border-radius: 0;
}

.comments-area .comment-form-section .btn-primary {
    width: 100%;
  background-color: #bb1919;
  color: #fff;
  border: none;
  border-bottom: 3px solid #8f3333;
}

.comments-area .comment-form-section .btn-primary:hover {
  background-color: #8f3333;
  border-bottom: 3px solid #bb1919;
}

.sidebar-widget-area {
    padding: 0 0 0 30px;
}

.sidebar-widget-area .sidebar-items {
    margin-bottom: 50px;
}

.sidebar-widget-area .sidebar-items .sidebar-header {
  background-color: #001a33;
  border-bottom: 3px solid #bb1919;
  color: #fff;
  padding: 15px 30px;
}

.sidebar-widget-area .sidebar-items .sidebar-header h2 {
    font-size: 25px;
    margin: 0;
}

.sidebar-widget-area .categories-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-widget-area .categories-list li {
  border-bottom: 1px solid #ddd;
  padding: 15px 30px;
}

.sidebar-widget-area .categories-list li:nth-child(odd) {
  background-color: #f5f9fc;
}

.sidebar-widget-area .categories-list li:nth-child(even) {
  background-color: #fff;
}

.sidebar-widget-area .categories-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00509c;
    text-decoration: none;
}

.sidebar-widget-area .categories-list li a:hover {
    text-decoration: none;
    color: #5881a9;
}

.sidebar-widget-area .category-name {
    text-align: left;
}

.sidebar-widget-area .category-count {
    text-align: right;
}

.sidebar-widget-area .popular-posts-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-widget-area .popular-posts-list li {
    border-bottom: 1px solid #ddd;
    padding: 15px 30px;
}

.sidebar-widget-area .popular-posts-list li:nth-child(odd) {
  background-color: #f5f9fc;
}

.sidebar-widget-area .popular-posts-list li:nth-child(even) {
  background-color: #fff;
}

.sidebar-widget-area .popular-posts-list li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #00509c;
    text-decoration: none;
}

.sidebar-widget-area .popular-posts-list li a:hover {
    text-decoration: none;
    color: #5881a9;
}

.sidebar-widget-area .post-icon {
  margin-right: 10px;
}

.sidebar-widget-area .post-icon i {
  font-size: 1.2rem;
  color: #00509c;
}

.content-area {
    background-color: #fff;
    padding: 60px 0;
}

.content-area .post {
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5f1fc;
}

.content-area .post:last-child {
    border-bottom: none;
}

.content-area .post .post-thumbnail {
  position: relative;
  width: 30%;
  margin-right: 20px;
  box-shadow: inset 0 0 0 10px #fff, inset 0 0 0 11px #c7dcef, 0 1px 59px rgb(0 26 51 / 20%);
}

.content-area .post .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 3px;
}

.content-area .post .post-date {
  position: absolute;
    top: 15px;
    left: 15px;
    background: #fff;
    color: #001a33;
    padding: 5px 10px;
    font-size: 0.9rem;
    z-index: 2;
}
.content-area .post .post-date:after {
  content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #bb1919bb;
    z-index: -1;
}

.content-area .post .post-content {
  width: calc(70% - 20px);
}

.content-area .post .post-title {
  font-size: 1.8rem;
  margin: 0 0 10px;
}

.content-area .post .post-title a {
  text-decoration: none;
  color: #001a33;
}

.content-area .post .post-excerpt p {
  font-size: 1rem;
  color: #555;
}

.content-area .post .post-meta-icons {
  margin-top: 10px;
  font-size: 0.9rem;
  color: #5881a9;
}

.content-area .post .post-meta-icons span {
  margin-right: 15px;
}

.zt-pagination {
  text-align: center;
  margin-top: 30px;
}

.zt-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.zt-pagination li {
  display: inline;
  margin: 0 5px;
}

.zt-pagination a, .zt-pagination span {
  display: inline-block;
  padding: 8px 12px;
  color: #00162B;
  border: 1px solid #ddd;
  text-decoration: none;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}

.zt-pagination span.current {
  color: #bb1919;
  border-color: #bb1919;
}

.zt-pagination a:hover {
  background-color: #bb1919;
  color: #fff;
  border-color: #bb1919;
}

.country-wrap {
	position:relative;
	width:100%;
	height:100%;
	padding: 60px 0;
	overflow: hidden;
}
.street {
	background-color: #00162B;
	height:80px;
	width:100%;
	position:absolute;
	bottom:0;
	box-shadow:0 1px 16px rgba(111, 35, 51, 0.4) inset;
}
.street:after {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:10px;
	background:#cdbcb4;
	bottom:0;
	z-index:1;
}
.street:before {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:7px;
	background:#c2a99d;
	bottom:-7px;
	z-index:1;
}

.street-stripe {
	background:#d4d4d4;
	height:8px;
	width:100px;
	position:absolute;
	bottom:44px;
	border-radius:2px;
	box-shadow:200px 0 0 #d4d4d4, 400px 0 0 #d4d4d4 , 600px 0 0 #d4d4d4 , 800px 0 0 #d4d4d4 , 1000px 0 0 #d4d4d4 , 1200px 0 0 #d4d4d4 , 1400px 0 0 #d4d4d4 , 1600px 0 0 #d4d4d4 , 1800px 0 0 #d4d4d4 , 2000px 0 0 #d4d4d4;
}
.grass {
	height: 30px;
  	width: 100%;
	background-color: #dbcac2;
	position:absolute;
	bottom:60px;
}
.car {
	position:absolute;
	
	top:20%;
	z-index:10;
-moz-animation:solaraba 20s  linear infinite;
-webkit-animation:solaraba 20s  linear infinite;
}
@-moz-keyframes solaraba 
{
	0%   {left:-25%;}
	100% {left:100%;}
} 
@-webkit-keyframes solaraba
{
	0%   {left:-25%;}
	100% {left:100%;}
}
.car.reverse {
    top:-35%;
    z-index: 9;
	transform: scaleX(-1);
	-moz-animation: sagaraba 25s linear infinite;
	-webkit-animation: sagaraba 25s linear infinite;
}

@-moz-keyframes sagaraba {
	0%   { left: 100%; }
	100% { left: -25%; }
} 

@-webkit-keyframes sagaraba {
	0%   { left: 100%; }
	100% { left: -25%; }
}

.tyre {
	width:30px;
	height:30px;
	border-radius:50%;
	background:#3f3f40;
	position:absolute;
	z-index:2;
	left:9px;
	top:20px;
-moz-animation:tyre-rotate 1s infinite linear;
  -webkit-animation:tyre-rotate 1s infinite linear;
}
@-moz-keyframes tyre-rotate {
from{-moz-transform:rotate(-360deg);}
to{-moz-transform:rotate(0deg);}
	
}
@-webkit-keyframes tyre-rotate {
from{-webkit-transform:rotate(-360deg);}
to{-webkit-transform:rotate(0deg);}
	
}
.tyre:before {
	content:'';
	width:20px;
	height:20px;
	border-radius:50%;
	background:#bdc2bd;
	position:absolute;
	top:5px;
	left:5px;
}
.gap {
	background:#3f3f40;
	width:2px;
	height:4px;
	position:absolute;
	left:14px;
	top:8px;
	box-shadow:0 9px 0 #3f3f40;
}
.gap:before {
	content:'';
	display:block;
	width:2px;
	height:4px;
	position:absolute;
	background:#3f3f40;
	box-shadow:0 12px 0 #3f3f40;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin:0 7px;
	-moz-transform:rotate(-90deg);
	-moz-transform-origin:0 7px;
	z-index:3;
}
.car-base {
	position:absolute;
	display:block;
   	width: 125px;
   	height: 30px;
	background:#000000;
   	border-radius:  10% 10% 50% 50% / 60% 100% 20% 10%;
   	-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
   	border:solid;
   	border-color:#000000;
}
.back-bonet {
	background:  #4c4b4b;
    border-radius: 54% 25% 0 0;
    height: 22px;
    left: 11px;
    position: absolute;
    top: 8px;
    width: 40px;
}
.tyre.front {
	left:94px;
}
.car-body {
	border-bottom: 24px solid #00509c;
    height: 0;
	top:10px;
    width: 120px;
	position:relative;
}
.car-body:before {
	content:'';
	display:inline-block;
	width:30px;
	height:24px;
	position:absolute;
	right:-5px;
	background:#00509c;
	border-top-right-radius:4px;
	z-index:1;
}
.car-body:after {
	content:'';
	display:inline-block;
	width:121px;
	border-bottom: 1px solid #00162B;
    border-right: 2px solid transparent;
    height: 0;
	z-index:2;
	position:absolute;
}
.car-gate {
	width:32px;
	height:20px;
	background:#00509c;
	border-radius:0 0 2px 8px / 0 0 2px 8px;
	box-shadow:0 0 0 1px #00162B;
	position:absolute;
	left:48px;
	
}
.car-gate:before {
	content:'';
	width:8px;
	height:2px;
	background:#4c4b4b;
	position:absolute;
	top:2px;
	left:4px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
}

.car-gate-text {
  color: white;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.car-gate-text.reverse {
  transform: translate(-50%, -50%) scaleX(-1);
}
.car-top-back {
	background: none repeat scroll 0 0 #4C4B4B;
    border-radius: 5px 0 0 0;
    height: 20px;
    left: 4px;
    position: absolute;
    top: -20px;
    width: 58px;
}
.car-top-back:before {
	width:30px;
	height:15px;
	background:#736f6f;
	content:'';
	position:absolute;
	top:3px;
	left:8px;
	border-radius:2px;
}
.car-top-back:after {
	content:'';
	background:#4c4b4b;
	border-radius:  30%;
    height: 5px;
    left: 3px;
    position: absolute;
    top: -1px;
    width: 62px;
}
.car-top-front {
	top:-19px;
	position:absolute;
	left:47px;
	width:20px;
	height:20px;
	background:#00509c;
	border-left: 1px solid #00162B;
    border-radius: 2px 0 0 0;

}
.car-top-front:after {
	width:26px;
	height:20px;
	-webkit-transform:skew(37deg);
	-moz-transform:skew(37deg);
	background:#00509c;
	content:'';
	position:absolute;
	top:0;
	left:6px;
	border-radius:4px 0 4px 4px;
}
.car-top-front:before {
	width:12px;
	height:5px;
	background:#00509c;
	content:'';
	position:absolute;
	top:14px;
	left:28px;
	z-index:1;
	border:solid #00162B;
	border-width:0 1px 1px 0;
}
.wind-sheild {
	top:3px;
	left:3px;
	position:absolute;
	z-index:3;
	width:18px;
	height:12px;
	background:#f5e7e7;
	border-radius:0 3px 0 0;
}
.wind-sheild:after {
	width:12px;
	height:12px;
	-webkit-transform:skew(25deg);
	-moz-transform:skew(25deg);
	background:#f5e7e7;
	content:'';
	position:absolute;
	top:0;
	left:10px;
	border-radius:3px;
}
.boundary-tyre-cover {
	position:absolute;
	top:14px; left:10px;
	border-bottom: 20px solid #4c4b4b;
   	border-right: 10px solid transparent;
	height:0;
	width:20px;
}
.boundary-tyre-cover:before {
	content:'';
	position:absolute;
	display:inline-block;
	background:#4c4b4b;
	height:20px;
	width:15px;
	-webkit-transform:skewX(-20deg);
	-moz-transform:skewX(-20deg);
	border-radius:3px;
	left:-6px;
	top:0;
}
.boundary-tyre-cover:after {
	content:'';
	position:absolute;
	display:inline-block;
	background:#4c4b4b;
	height:20px;
	width:20px;
	-webkit-transform:skewx(40deg);
	-moz-transform:skewX(40deg);
	border-radius:3px;
	right:-14px;
	top:0;
}
.boundary-tyre-cover-inner {
	position:absolute;
	top:4px; left:4px;
	border-bottom: 16px solid black;
   	border-right: 10px solid transparent;
	height:0;
	width:15px;
	z-index:2;
}
.boundary-tyre-cover-inner:before {
	content:'';
	position:absolute;
	display:inline-block;
	background:black;
	height:16px;
	width:15px;
	-webkit-transform:skewX(-20deg);
	-moz-transform:skewX(-20deg);
	border-radius:3px 3px 0 0;
	left:-6px;
	top:0;
}
.boundary-tyre-cover-inner:after {
	content:'';
	position:absolute;
	display:inline-block;
	background:black;
	height:16px;
	width:20px;
	-webkit-transform:skewx(40deg);
	-moz-transform:skewX(40deg);
	border-radius:3px 3px 0 0;
	right:-11px;
	top:0;
}
.boundary-tyre-cover-back-bottom {
	position: absolute;
	width: 14px;
	height: 8px;
	background: #4c4b4b;
	top: 12px;
	left: -19px;
}
.bonet-front {
	background: #00509c;
    border-radius: 5px 258px 0 38px / 36px 50px 0 0;
    height: 4px;
    position: absolute;
    right: 0;
    top: -4px;
    width: 40px;
    z-index: 0;
}
.back-curve {
	background: none repeat scroll 0 0 #4C4B4B;
    border-radius: 960% 100% 0 0;
    height: 20px;
    left: -3px;
    position: absolute;
    top: 1px;
    transform: rotate(6deg);
    width: 5px;
}
.stepney {
	height: 6px;
    left: -4px;
    position: absolute;
    top: 6px;
    width: 8px;
    z-index: -1;
	background:#3f3f40;
}
.stepney:before {
	width:8px;
	height:12px;
	background:#3f3f40;
	content:'';
	position:absolute;
	top:-10px;
	left:-7px;
	border-radius:3px 3px 0 0;
}
.stepney:after {
	width:8px;
	height:12px;
	background:#0d0c0d;
	content:'';
	position:absolute;
	top:0px;
	left:-7px;
	border-radius:0 0 3px 3px;
}
.tyre-cover-front {
	background:#4c4b4b;
	height: 4px;
    left: 97px;
    position: absolute;
    top: 13px;
    width: 22px;
    z-index: 1;
}
.tyre-cover-front:before {
	background: none repeat scroll 0 0 #4c4b4b;
    content: "";
    display: inline-block;
    height: 21px;
    left: -10px;
    position: absolute;
    top: 0;
    transform: skewX(-30deg);
    width: 10px;
    z-index: 6;
	border-radius:4px 0 0 0;
}
.tyre-cover-front:after {
	background: none repeat scroll 0 0 #4c4b4b;
    content: "";
    display: inline-block;
    height: 6px;
    left: 14px;
    position: absolute;
    top: 0;
    transform: skewX(30deg);
    width: 17px;
    z-index: 6;
	border-radius:0 4px 2px 0;
}
.boundary-tyre-cover-inner-front {
	position:absolute;
	top:4px; left:4px;
	border-bottom: 16px solid black;
   	border-right: 10px solid transparent;
	height:0;
	width:15px;
	z-index:7;
}
.boundary-tyre-cover-inner-front:before {
	background: none repeat scroll 0 0 #000000;
    border-radius: 3px 3px 0 0;
    content: "";
    display: inline-block;
    height: 17px;
    left: -10px;
    position: absolute;
    top: 0;
    transform: skewX(-30deg);
    width: 15px;
}
.boundary-tyre-cover-inner-front:after {
	content:'';
	position:absolute;
	display:inline-block;
	background:black;
	height:16px;
	width:20px;
	-webkit-transform:skewx(25deg);
	-moz-transform:skewX(25deg);
	border-radius:3px 3px 0 0;
	right:-12px;
	top:0;
}
.base-axcel {
	background: none repeat scroll 0 0 black;
    bottom: -15px;
    height: 10px;
    left: 30px;
    position: absolute;
    transform: rotate(-2deg);
    width: 70px;
	z-index:-1;
}
.base-axcel:before {
	background: none repeat scroll 0 0 black;
    border-radius: 0 0 0 10px / 0 0 0 5px;
    content: "";
    height: 10px;
    left: -35px;
    position: absolute;
    top: -2px;
    transform: rotate(6deg);
    width: 30px;	
}
.base-axcel:after {
	background: none repeat scroll 0 0 black;
    border-radius: 0 0 0 10px / 0 0 0 5px;
    content: "";
    height: 10px;
    right: -33px;
    position: absolute;
    top: -1px;
    transform: rotate(-4deg);
    width: 40px;
	border-radius:0 10px 5px 0;	
}
.front-bumper {
	background: none repeat scroll 0 0 #4c4b4b;
    border-radius: 0 2px 2px 0;
    height: 8px;
    position: absolute;
    right: -15px;
    width: 11px;
    z-index: 1;
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
}
.front-bumper:before {
	background: none repeat scroll 0 0 #000000;
    content: "";
    height: 10px;
    left: -7px;
    position: absolute;
    transform: rotate(-22deg);
    width: 9px;
    z-index: 1;
}
.car-shadow {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -15px;
    box-shadow: -5px 10px 15px 3px #000000;
    left: -7px;
    position: absolute;
    width: 136px;
}

.car-body {
    border-bottom: 24px solid #00509c;
}
.car-gate {
    background: #00509c;
}

.car.reverse .car-body {
    border-bottom: 24px solid #5881a9;
}
.car.reverse .car-gate {
    background: #5881a9;
}

.car.reverse .car-top-back {
    background: #5881a9;
}
.car.reverse .car-top-front, .car.reverse .bonet-front,
.car.reverse .car-top-front:before, .car.reverse .car-top-front:after {
    background: #5881a9;
}

.car.reverse .car-body:before,
.car.reverse .car-body:after {
    background: #5881a9;
}

.photogallery-section {
  background-color: #fff;
}

.photogallery-section .gallery-item {
  position: relative;
  display: block;
  margin-bottom: 15px;
}

.photogallery-section .gallery-item img {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: cover;
    display: block;
    border-radius: 3px;
}

.photogallery-section .gallery-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.photogallery-section .gallery-item:hover .overlay {
  opacity: 1;
}

.photogallery-section .gallery-item .overlay i {
  font-size: 2rem;
  color: #fff;
}

#mesaj-gonderildi, #basvuru-gonderildi {
    position: fixed;
    height: 40px;
    top: 50px;
    right: 10px;
    line-height: 20px;
    padding: 10px;
    background-color: green;
    color: white;
    border-radius: 5px;
    transition: all 5s ease-in-out;
    z-index: 99999999;
}

.whatsapp-icon {
    position: fixed;
    bottom: 30px;
    left: 30px;
    background: #20ad38;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1001;
    transition: background 0.3s;
}

.whatsapp-icon:hover { background: #20b358; }
.whepsinegoster { display: flex; }
.wmasaustugoster { display: flex; }
.wmobilgoster { display: none; }

@media (max-width: 991px) {
    .wmasaustugoster { display: none; }
    .wmobilgoster { display: flex; }
}

.whatsapp-uyari {
    position: absolute;
    top: -5px;
    right: -5px;
    background: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 1002;
}

.whatsapp-container {
    position: fixed;
    bottom: 90px;
    left: 30px;
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}

.whatsapp-hidden {
    display: none;
}

.whatsapp-chat {
    display: flex;
    flex-direction: column;
}

.whatsapp-header {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 15px;
    background-color: #095E54;
    color: #fff;
}

.whatsapp-thumb i {
    font-size: 30px;
    margin-right: 10px;
    color: #F0F0F0;
    padding: 5px 0;
}

.whatsapp-thumb img {
    background-color: #F0F0F0;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    object-position: center;
}

.whatsapp-headname {
    flex-grow: 1;
    padding-top: 2px;
    font-size: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.whatsapp-close {
    cursor: pointer;
    padding: 2px 10px 0 10px;
    background: rgba(255,255,255,.05);
    border-radius: 3px;
    color: #fff;
}

.whatsapp-message {
    max-height: 350px;
    overflow-y: auto;
    padding: 10px;
    background-color: #F0F0F0;
}

.whatsapp-message::-webkit-scrollbar {
    width: 5px;
}

.whatsapp-message::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
}

.whatsapp-bubble:nth-child(1) {
    background-color: #DCF8C6;
    padding: 10px;
    border-radius: 0 5px 5px;
    margin: 10px 0 5px 10px;
    position: relative;
}

.whatsapp-bubble:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #DCF8C6;
    border-top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    margin-top: 3px;
}

.whatsapp-bubble {
    background-color: #DCF8C6;
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0 10px 10px;
    position: relative;
}

.whatsapp-text {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    flex-grow: 1;
    min-width: 0;
    font-size: 13px;
}

.whatsapp-reply {
    padding: 10px;
    text-align: center;
}

.whatsapp-reply a {
    width: 100%;
    text-decoration: none;
    color: #fff;
    background-color: #20ad38;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
}

.whatsapp-durum {
    margin-top: -5px;
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    justify-content: flex-end;
}

.whatsapp-durum .goruldu {
    color: #25b3d3;
}

.cerez-uyari {
    display: none;
    position: fixed;
    bottom: 15px;
	left: 15px;
	right: 15px;
    background-color: rgb(0 26 51 / 95%);
    color: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 400px;
    z-index: 9999;
    font-size: 14px;
	text-align: center;
}
.cerez-uyari h3 {
    color: #ff6161;
    margin-top: 0;
    font-size: 16px;
}
.cerez-uyari p {
    margin-bottom: 15px;
    font-size: 14px;
}
.cerez-uyari a {
    color: #ff6161;
    text-decoration: underline;
}
.cerez-buton {
    background-color: #218838;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
	margin-left: 5px;
    cursor: pointer;
}
.cerez-buton:hover {
    color: #fff;
    background-color: #48b761;
}
.cerez-buton#cerezreddet {
    background-color: #bb1919;
}
.cerez-buton#cerezreddet:hover {
    background-color: #dc3545;
}
.cerez-buton-alan {
    display: flex;
    justify-content: center;
}
.cerez-kapat-buton {
    position: absolute;
    top: 5px;
    right: 10px;
    background: none;
    border: none;
    font-size: 18px;
    color: white;
    cursor: pointer;
}

.yukaricik {
    background-color: #00386e;
    border-radius: 50%;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.5;
    z-index: 337;
}

.yukaricik:hover {
    background-color: #bb1919;
    opacity: 1;
}

.sayfa404 {
    position: relative;
    padding: 60px 0;
    background-color: #fff;
}

.sayfa404 .error-image {
    max-width: 600px;
    height: auto;
    margin: 0 auto;
}

.sayfa404 .error-image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.sayfa404 .error-title {
    font-weight: bold;
    color: #333;
    font-size: 2.5em;
    margin-top: 30px;
}

.sayfa404 .error-description {
    color: #666;
    line-height: 1.6;
    font-size: 1.2em;
    margin-top: 15px;
}

.sayfa404 .error-button {
    margin-top: 30px;
}

.sayfa404 .error-button .btn {
    font-size: 1.2em;
    background-color: #00162B;
    border: 1px solid #00162B;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}

.sayfa404 .error-button .btn:hover {
    background-color: #bb1919;
    border: 1px solid #bb1919;
}

.contact-map {
  position: relative;
  width: 100%;
  height: 400px;
}

.contact-map::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.3s ease;
  z-index: 1;
}

.contact-map:hover::after {
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  position: relative;
  z-index: 0;
}

.contact-map-overlay {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.contact-map-overlay-out {
    border: 1px solid #c7dcef;
}

.contact-info-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  padding: 20px;
}

.contact-map-overlay .contact-info-item {
    max-width: 40%;
  text-align: center;
  margin: 10px;
}

.contact-map-overlay .contact-info-item .contact-icon i {
  font-size: 2.5rem;
  color: #00509c;
  display: block;
  margin-bottom: 5px;
}

.contact-map-overlay .contact-info-item .contact-title {
  font-size: 1rem;
  font-weight: bold;
  color: #00162B;
  margin-bottom: 3px;
  display: block;
}

.contact-map-overlay .contact-info-item .contact-value {
  font-size: 0.9rem;
  color: #555;
  display: block;
}

.contact-map-overlay .contact-info-item .contact-value a {
  font-size: 0.9rem;
  color: #555;
  display: block;
}

.contact-map-overlay .contact-info-item .contact-value a:hover {
  color: #bb1919;
}

.contact-map-overlay .social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    width: 100%;
    margin-top: 15px;
    padding: 5px;
    background-color: #f3f7fb;
    border-top: 1px solid #c7dcef;
}

.contact-map-overlay .social-icon {
  color: #5881a9;
  font-size: 1.1rem;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-map-overlay .social-icon:hover {
  color: #bb1919;
}

.contact-form-section {
  background-color: #f5f9fc;
  padding: 100px 20px;
}

.contact-form-section h2 {
    color: #041e37;
}
.contact-form {
  max-width: 800px;
  margin: 0 auto;
}
.contact-form .row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.contact-form .input-group {
  flex: 1 1 calc(33.33% - 15px);
  border: 2px solid #d9e2eb;
    border-radius: 0;
    padding: 0;
}
.contact-form .input-group-full {
  flex: 1 1 100%;
}
.contact-form .input-group .input-group-text {
    color: #84a7c9;
    background-color: #d9e2eb;
    border-radius: 0;
}
.contact-form .input-group .form-control {
  border: 0;
}
.contact-form .input-group .form-control:focus {
  outline: none;
    box-shadow: none;
}
.contact-form .input-group .form-control::placeholder {
  color: #d9e2eb;
}
.contact-form textarea.form-control {
  resize: vertical;
}
.contact-form button.btn {
    width: 100%;
  background-color: #00509c;
  color: #fff;
  border: none;
  padding: 10px 20px;
  margin-top: 10px;
}

.contact-form button.btn:hover {
  background-color: #bb1919;
}

.teacher-section .teacher-item {
  margin-bottom: 30px;
}

.teacher-section .teacher-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  transition: box-shadow 0.3s ease;
}

.teacher-section .teacher-card:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.teacher-section .teacher-image {
  position: relative;
  background-color: #ddd;
}

.teacher-section .teacher-image img {
  width: 100%;
  height: 400px;
  display: block;
  object-fit: cover;
}

.teacher-section .teacher-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.teacher-section .teacher-card:hover .teacher-overlay {
  opacity: 1;
}

.teacher-section .social-icons {
  display: flex;
  gap: 15px;
  background-color: #fff;
  padding: 15px 40px;
  box-shadow: inset 0 0 0 10px #fff, inset 0 0 0 11px #c7dcef, 0 1px 59px rgb(0 26 51 / 20%);
}

.teacher-section .social-icons a {
  color: #bb1919;
  font-size: 1.5rem;
  text-decoration: none;
  transition: color 0.3s ease;
}

.teacher-section .social-icons a:hover {
  color: #001a33;
}

.teacher-section .teacher-info {
  padding: 15px;
  border-top: 1px solid #ddd;
}

.teacher-section .teacher-name {
  font-size: 1.5rem;
  margin: 0 0 5px;
  color: #001a33;
}

.teacher-section .teacher-role {
  font-size: 1rem;
  color: #555;
  margin: 0;
}

@media (max-width: 1199px) {
    .contact-map {
        height: auto;
    }
    .contact-map iframe {
        height: 450px;
    }
    .contact-map-overlay {
        position: relative;
        bottom: 0;
        background-color: #f5f9fc;
        box-shadow: unset;
    }
    .contact-map-overlay-out {
        background: #fff;
    }
}

@media (max-width: 991px) {
    .altbar .navbar-nav {
        align-items: center;
    }
    .altbar .navbar-collapse .dropdown-menu:before {
	    top: 32px;
        left: 50%;
        margin-left: -10px;
    }
    .altbar .navbar-nav .dropdown.nav-item {
        width: 100%;
        text-align: center;
    }
    .altbar .navbar-collapse .dropdown:hover > .dropdown-menu {
        display: block;
        text-align: center;
    }
    .about-right {
        margin-top: 20px;
    }
    .footer-section {
        text-align: center;
    }
    ul.list-unstyled li.d-flex {
        justify-content: space-around!important;
    }
    .breadcrumb-section {
        padding: 20px 15px;
    }
    .breadcrumb-title {
        text-align: center;
    }
    .breadcrumb {
        justify-content: center;
    }
    .breadcrumb-search {
        margin-top: 20px;
    }
    .tab-section .tab-text-content {
        text-align: center;
    }
    .tab-nav-section {
        margin-top: 0;
    }
    .tab-nav-section .nav-tabs li {
        width: 100%;
        margin: 0 10px;
    }
    .tab-nav-section .nav-tabs li > .nav-link.d-flex {
        justify-content: center;
    }
    .tab-nav-section .nav-tabs li > .nav-link {
    	border-right: none;
    }
    .tab-nav-section .nav-tabs li > .nav-link:hover {
        border: 1px solid transparent;   
    }
    .tab-nav-section .nav-tabs li > .nav-link.active {
        border: 1px solid #bb1919;
    }
    .tab-nav-section .nav-tabs li > .nav-link:not(.active) {
        border-right: none;
    }
    .tab-nav-section .nav-tabs li:first-child > .nav-link {
    	border-left: none;
    }
    .tab-nav-section .nav-tabs li:not(:first-child) {
        border-top: 1px solid #050d17;
    }
    .featured {
        padding: 60px 20px;
    }
    .about-section {
        padding: 100px 20px;
    }
    .about-right .about-experience {
        max-width: 100%;
    }
    .about-right .right-image {
        transform: skewY(5deg);
    }
    .about-right .left-image {
        right: -15px;
        top: 15px;
    }
    .why-section {
        padding: 60px 15px;
    }
    .why-section .col-xl-3 .why-item {
        border: 1px solid #e6ebf1!important;
    }
    .portfolio-slider-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .portfolio-slider-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
    }
    .portfolio-slider-section .d-flex .text-start {
        text-align: center!important;
    }
    .statistics-section {
        padding: 0 15px;
    }
    .statistics-section .row>* {
        padding: 0;
    }
    .stat-item {
        padding: 20px 10px;
    }
    .statistics-section .col-lg-3:nth-child(-n+2) .stat-item {
        border-bottom: 1px dashed #2a3645;
    }
    .statistics-section .col-lg-3:nth-child(2) .stat-item {
        border-right: none;
    }
    .gallery-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gallery-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
    }
    .gallery-section .d-flex .text-start {
        text-align: center!important;
    }
    .contact-call-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-call-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
    }
    .contact-call-section .d-flex .text-start {
        text-align: center!important;
    }
    .contact-call-section .d-flex .text {
        text-align: center;
    }
    .faq-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .faq-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
        margin-bottom: 20px;
    }
    .faq-section .d-flex .text-start {
        text-align: center!important;
    }
    .faq-section img {
        margin-top: 30px;
    }
    .blog-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
        margin-bottom: 20px;
    }
    .blog-section .d-flex .text-start {
        text-align: center!important;
    }
    .footer-section {
        padding: 60px 15px;
    }
    .footer-section .col-lg-3 {
        padding: 50px 0;
    }
    .footer-bottom p {
        text-align: center;
    }
    .sayfa404 {
        padding: 60px 15px;
    }
    .sidebar-widget-area {
        padding: 0;
        margin-top: 30px;
    }
    .content-area {
        padding: 60px 15px;
    }
}

@media (max-width: 768px) {
    .ortabar .email, .ortabar .phone {
        display: none!important;
    }
    .altbar .navbar-nav {
        align-items: center;
    }
    .altbar .navbar-collapse .dropdown-menu:before {
	    top: 32px;
        left: 50%;
        margin-left: -10px;
    }
    .altbar .navbar-nav .dropdown.nav-item {
        width: 100%;
        text-align: center;
    }
    .altbar .navbar-collapse .dropdown:hover > .dropdown-menu {
        display: block;
        text-align: center;
    }
    .about-right {
        margin-top: 20px;
    }
    .footer-section {
        text-align: center;
    }
    ul.list-unstyled li.d-flex {
        justify-content: space-around!important;
    }
    .breadcrumb-title {
        text-align: center;
    }
    .breadcrumb {
        justify-content: center;
    }
    .breadcrumb-search {
        margin-top: 20px;
    }
    .tab-section {
        height: 800px;
    }
    .tab-section .tab-text-content {
        text-align: center;
    }
    .tab-nav-section {
        margin-top: 0;
    }
    .tab-nav-section .nav-tabs li {
        width: 100%;
        margin: 0 10px;
    }
    .tab-nav-section .nav-tabs li > .nav-link.d-flex {
        justify-content: center;
    }
    .tab-nav-section .nav-tabs li > .nav-link {
    	border-right: none;
    }
    .tab-nav-section .nav-tabs li > .nav-link:hover {
        border: 1px solid transparent;   
    }
    .tab-nav-section .nav-tabs li > .nav-link.active {
        border: 1px solid #bb1919;
    }
    .tab-nav-section .nav-tabs li > .nav-link:not(.active) {
        border-right: none;
    }
    .tab-nav-section .nav-tabs li:first-child > .nav-link {
    	border-left: none;
    }
    .tab-nav-section .nav-tabs li:not(:first-child) {
        border-top: 1px solid #050d17;
    }
    .featured {
        padding: 60px 20px;
    }
    .about-section {
        padding: 100px 20px;
    }
    .about-right .about-experience {
        max-width: 100%;
    }
    .about-right .right-image {
        transform: skewY(5deg);
    }
    .about-right .left-image {
        right: -15px;
        top: 15px;
    }
    .why-section {
        padding: 60px 15px;
    }
    .why-section .col-xl-3:nth-child(-n+4) .why-item {
        border-left: 1px solid #e6ebf1;
        border-right: 1px solid #e6ebf1;
        border-top: 1px solid #e6ebf1;
        border-bottom: none;
    }
    .why-section .col-xl-3:nth-child(4) .why-item {
        border-bottom: 1px solid #e6ebf1;
    }
    .why-section .col-xl-3:nth-child(4) .why-item,
    .why-section .col-xl-3:last-child .why-item {
        border-right: 1px solid #e6ebf1;
    }
    .why-section .col-xl-3:nth-child(n+5) .why-item {
        border-left: 1px solid #e6ebf1;
        border-right: 1px solid #e6ebf1;
        border-bottom: 1px solid #e6ebf1;
    }
    .portfolio-slider-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .portfolio-slider-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
    }
    .portfolio-slider-section .d-flex .text-start {
        text-align: center!important;
    }
    .statistics-section {
        padding: 0 15px;
    }
    .stat-item {
        border-right: none;
        border-bottom: 1px dashed #2a3645;
        padding: 20px 10px;
    }
    .statistics-section .col-lg-3:last-child .stat-item {
        border-right: none;
        border-bottom: none;
    }
    .gallery-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gallery-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
    }
    .gallery-section .d-flex .text-start {
        text-align: center!important;
    }
    .contact-call-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-call-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
    }
    .contact-call-section .d-flex .text-start {
        text-align: center!important;
    }
    .contact-call-section .d-flex .text {
        text-align: center;
    }
    .faq-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .faq-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
        margin-bottom: 20px;
    }
    .faq-section .d-flex .text-start {
        text-align: center!important;
    }
    .blog-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog-section .d-flex {
        flex-wrap: wrap;
        justify-content: center!important;
        margin-bottom: 20px;
    }
    .blog-section .d-flex .text-start {
        text-align: center!important;
    }
    .footer-section {
        padding: 60px 15px;
    }
    .footer-section .col-lg-3 {
        padding: 50px 0;
    }
    .footer-bottom p {
        text-align: center;
    }
    .content-area .post {
        flex-wrap: wrap;
    }
    .content-area .post .post-thumbnail {
        width: 100%;
        margin-right: 0;
    }
    .content-area .post .post-content {
        width: 100%;
        margin-top: 15px;
    }
    .page-content-area {
        padding: 60px 15px;
    }
    .single-content-area {
        padding: 60px 15px;
    }
    .single-content-area .entry-header {
        margin: 0 20px 50px;
    }
    .contact-form .input-group {
        flex: 1 1 100%;
        border: 2px solid #d9e2eb;
        border-radius: 0;
        padding: 0;
    }
}