:root {
    --primary-color: #027477;
    --secondary-color: #d8d62e;
}

a {
    text-decoration: none;
}

body {
    font-family: "Poppins", sans-serif;
	
}
body, html {
    overflow-x: hidden ;
}

.container-custom {
    max-width: 1440px !important;
    padding: 0;
}

.collapse {
    justify-content: space-between;
}

.navbar {
    padding: 35px 0;
	z-index:9;
}

.navbar-brand img {
    max-height: 90px;
}

.navbar-nav {
    display: flex;
    gap: 10px;
}

.navbar-nav .nav-link {
    color: #333;
    font-weight: 600;
    margin: 0 0;
}

.navbar-nav .nav-link:hover{
	color: #027477;
}

.nav-right {
    gap: 16px;
	margin-right: 5px;
	display: flex;
}



.action-btn {
    background-color: var(--primary-color);
    color: white;
    border-radius: 5px;
    padding: 7px 9px;
    font-weight: 600;
    border: none;
    transition: all 0.3s;
}

.action-btn-2 {
    background-color: #2EB5AF;
    color: white;
    border-radius: 5px;
    padding: 7px 13px;
    font-weight: 600;
    border: none;
    transition: all 0.3s;
}

.action-btn-3 {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 5px;
    padding: 7px 13px;
    font-weight: 600;
    border: none;
    transition: all 0.3s;
    text-decoration: none;
	border:1px solid var(--primary-color);
}

.action-btn-3 img {
    width: 20px !important;
    height: 12px;
}

.action-btn:hover {
    background-color: #019499;
    color: white;
    transition: all 0.3s;
}

.action-btn-2:hover {
    background-color: #019499;
    color: white;
}

.action-btn-3:hover {
    background:none;
    color: var(--primary-color);
	border:1px solid var(--primary-color);
	transition: all 0.3s;
}

.secondary-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 7px 13px;
    font-weight: 600;
    transition: all 0.3s;
    text-decoration: none;
}

.secondary-btn img {
    width: 18px !important;
    height: 20px;
}

.secondary-btn:hover {
    background-color: var(--primary-color);
    color: white;
    transition: all 0.3s;
	
}
.mobile-navbtn{
	gap: 7px;
    margin-left: 7px;
	display:none !important;
}

.mobile-navbtn .action-btn {
    background-color: var(--primary-color);
    color: white;
    border-radius: 5px;
    padding: 7px 9px;
    font-weight: 600;
    border: none;
    transition: all 0.3s;
}

.mobile-navbtn .action-btn-2 {
    background-color: #2EB5AF;
    color: white;
    border-radius: 5px;
    padding: 7px 13px;
    font-weight: 600;
    border: none;
    transition: all 0.3s;
}

.mobile-navbtn .action-btn:hover {
    background-color: #019499;
    color: white;
    transition: all 0.3s;
}

.mobile-navbtn .action-btn-2:hover {
    background-color: #019499;
    color: white;
}


@media (max-width: 1000px) {
	.navbar-brand img {
		max-height: 45px;
		margin-left: 7px;
	}
	
	.mobile-navbtn{
		display:block !important;
	}
	
	.navbar-nav {
        background: white;
		padding: 10px 15px;
	}
	
	.nav-right {
		display: none;
	}
}



.hero-section {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.hero-content h1 {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 3.0rem;
    margin-bottom: 20px;
}

.hero-content p {
    font-size: 24px;
    margin-bottom: 48px;
    font-weight: 400;
    line-height: 36px;
    width: 83%;
}

.hero-image {
    position: relative;
}

.hero-image img.car {
    max-width: 100%;
    z-index: 2;
    position: relative;
}

.hero-image .gauge {
    position: absolute;
    top: -20px;
    right: -40px;
    max-width: 60%;
    z-index: 1;
}

.hero-image .bg-shape {
    position: absolute;
    z-index: 0;
}

@media (max-width: 1000px) {
	.hero-content .btn-align{
		justify-content:center;
	}
	
	.slider .row-pad{
	    padding: 0 15px;
	}
	
	.hero-content h1 {
		font-size: 2.2rem;
		margin-bottom: 20px;
		text-align: start;
		line-height: 53px;
		
	}
	
	.hero-content p {
		font-size: 20px;
		line-height: 24px;
		text-align: start;
	}
	
}




.uclu-slider{
	margin-top:5vh;
	margin-bottom: 10vh;
}

.uclu-slider .item{
	background-repeat:no-repeat;
	background-size:cover;
	border: 1px solid #027477;
    border-radius: 5px;
	height: 250px;
}


.uclu-slider .first{
	padding: 40px 20px;
}

.uclu-slider .second-txt{
	padding: 40px 20px;
}

.uclu-slider .third{
	padding: 40px 20px;
}

.uclu-slider .first h3{
	font-size: 28px;
    font-weight: 800;
    color: white;
}

.uclu-slider .first p{
	font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: white;
	margin-bottom: 40px;
}

.uclu-slider .first a{
	font-size: 20px;
    text-decoration: none;
    color: white;
    font-weight: 400;
	transition: all 0.3s;
}

.uclu-slider .first a:hover{
	color:#a0f8fb;
	transition: all 0.3s;
}

.uclu-slider .second {
	display:flex;
}


.uclu-slider .second h3{
	font-size: 28px;
    font-weight: 800;
    color: #027477;
}

.uclu-slider .second p{
	font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    color: #000000;
	margin-bottom: 40px;
}

.uclu-slider .second a{
	font-size: 20px;
    text-decoration: none;
    color: #027477;
    font-weight: 400;
	transition: all 0.3s;
}

.uclu-slider .second a:hover{
	color:#06a4a9;
	transition: all 0.3s;
}

.uclu-slider .second img{
	object-fit: cover;
    width: 195px;
    height: 250px;
}



.uclu-slider .third h3{
	font-size: 28px;
    font-weight: 800;
    color: #CCD619;
}

.uclu-slider .third p{
	font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: white;
	margin-bottom: 40px;
}

.uclu-slider .third a{
	font-size: 20px;
    text-decoration: none;
    color: #CCD619;
    font-weight: 400;
	transition: all 0.3s;
}

.uclu-slider .third a:hover{
	color:#ecf45b;
	transition: all 0.3s;
}


.shape-accent {
    position: absolute;
    z-index: 0;
    opacity: 0.3;
}

.teal-accent {
    background-color: var(--primary-color);
}

.yellow-accent {
    background-color: var(--secondary-color);
}

@media (max-width: 991px) {
    .hero-content {
        text-align: center;
        margin-bottom: 40px;
	}
	
    .hero-image .gauge {
        top: 0;
        right: 0;
        max-width: 40%;
	}
}



.chip-tuning-section {
    position: relative;
    background-color: var(--dark-bg);
    color: white;
    padding: 50px 0;
    overflow: hidden;
}



.chip-tuning-container {
    background-color: #012B2A;
    border-radius: 5px;
    border: 1px solid #CCD619;
    padding: 30px 42px;
    position: relative;
    z-index: 2;
}

.section-title {
    color: var(--primary-color);
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 25px;
}

.section-heading {
    color: var(--secondary-color);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 20px;
}

.section-description {
    color: #fff;
    margin-bottom: 30px;
    font-size: 16px;
}

.custom-select {
    background-color: transparent;
    color: white;
    border: 1px solid var(--secondary-color);
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='yellow' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}

.custom-select option {
    background-color: #012B2A;
    color: white;
}

.custom-input {
    background-color: transparent;
    color: white;
    border: 1px solid var(--secondary-color);
    border-radius: 0;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%;
}

.custom-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.tuning-click{
	display:none;
}
.hidden {
	display: none !important;
}
.show {
	display: block !important;
}



.tunning-left{
	padding-left: 30px;
    padding-right: 0;
}

.tunning-rigth{
	padding: 0;
    background: white;
    border: 1px solid #027477;
}

.tunning-rigth .title{
	
    margin: 0;
    color: #027477;
    font-size: 24px;
    font-weight: 400;
    padding: 20px 0 0 32px;
}

.tunning-rigth .aciklama{
	padding: 13px 20px;
    font-size: 14px;
	color:black;
}

.performance-card {
    background-color: white;
    border: 1px solid #027477;
    overflow: hidden;
}

.card-header {
    background-color: white;
    padding: 18px 38px;
    border-bottom: 1px solid #eee;
}

.card-header h5 {
    margin: 0;
    color: #027477;
    font-size: 24px;
    font-weight: 400;
}

.car-specs {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    gap: 12px;
}

.spec-item {
    text-align: left;
    padding: 10px 0;
    flex: 1;
}

.spec-label {
    font-size: 18px;
    color: #012B2A;
    margin-bottom: 5px;
    line-height: 25px;
	
}

.spec-padding{
	padding-left: 15px;
}

.col-padding{
	padding-left: 45px;
}

.spec-label-2 {
    font-size: 18px;
    color: #012B2A;
    margin-bottom: 5px;
    line-height: 25px;
    text-align: left;
}

.spec-value {
    font-weight: bold;
    font-size: 1.2rem;
    color: #333;
}

.green-section {
    background-color: #A1C62A;
    padding: 25px;
}

.green-section .logo-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    font-size: 24px;
}

.performance-comparison {
    display: flex;
    justify-content: space-between;
}

.comparison-item {
    background-color: #027477;
    color: white;
    padding: 15px;
    border-radius: 5px;
    text-align: start;
    flex: 1;
    margin: 0 5px;
}

.comparison-item-2 {
    background-color: #012B2A;
    color: white;
    padding: 15px;
    border-radius: 5px;
    text-align: start;
    flex: 1;
    margin: 0 5px;
}

.comparison-label {
    font-size: 16px;
    margin-bottom: 5px;
}

.comparison-value {
    font-weight: bold;
    font-size: 1.3rem;
}

.comparison-increase {
    background-color: white;
    color: var(--primary-color);
    padding: 8px 31px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
    font-weight: 800;
	font-size: 18px;
}

.contact-section {
    padding: 25px 33px;
    border-top: 1px solid #eee;
    text-align: center;
}

.contact-dealer {
    font-size: 18px;
    text-align: start;
    margin-bottom: 10px;
    color: #012B2A;
}

.dealer-name {
    text-align: start;
}

.dealer-name p {
    font-weight: bold;
    color: #027477;
    font-size: 16px;
    margin: 0 !important;
}

.dealer-name a {
    font-size: 14px;
    font-weight: 400;
    color: black;
    text-decoration: none;
}

.contact-btn {
    background-color: #027477;
    color: white;
    border: none;
    padding: 6px 18px;
    height: 42px;
    border-radius: 5px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    transition: all 0.3s;
}

.contact-btn:hover {
    background-color: #019499;
    transition: all 0.3s;
}

.contact-btn i {
    margin-right: 5px;
}

.action-btn-tuning {
    background-color: #A1C62A;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 10px;
    transition: all 0.3s;
}

.action-btn-tuning:hover {
    background-color: #beeb28;
    color: black;
    transition: all 0.3s;
}

.custom-checkbox {
    margin-bottom: 15px;
}

.custom-checkbox label {
    font-size: 0.8rem;
    color: #ccc;
}




.tuning-start{
	background: #E2E2E1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tuning-start .tuning-start-txt{
	padding: 35px 0 0 38px;
}

.tuning-start .tuning-start-txt h2{
	font-size: 3.0rem;
    font-weight: 800;
    color: #027477;
    line-height: 53px;
}

.tuning-start .tuning-start-txt p{
	font-size: 24px;
    font-weight: 400;
    line-height: 36px;
	color:#012B2A;
}


.tuning-start .tuning-start-img{
	display: flex;
    justify-content: end;
}

.tuning-start .tuning-start-img img{
	width:70%;
}

@media (max-width: 991px) {
    .chip-tuning-container {
        padding: 20px;
	}
	
    .section-heading {
        font-size: 1.5rem;
	}
	
	
	
    .comparison-item-2 {
		margin:0;
	}
	.tuning-start{
		margin-top: 20px;
		justify-content: flex-end;
		flex-direction: row;
	}
	
	.tuning-start .tuning-start-txt{
		display:none;
	}
	.tunning-left {
		padding-left: 0;
		padding-right: 0;
		margin-top: 45px;
	}
	
	.col-padding {
		padding: 0;
	}
	
	.tuning-start .tuning-start-img img{
		width:100%;
	}
}




.support-vehicle {
    margin-top: 10vh;
}

.support-vehicle .text {
    text-align: center;
    margin-bottom: 10vh;
}

.support-vehicle .text h2 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 42px;
}

.support-vehicle .text h3 {
    font-size: 48px;
    font-weight: 800;
    color: #027477;
    margin-bottom: 42px;
}

.support-vehicle .text p {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

.vehicle {
    max-width: 1100px;
    margin: 0 auto;
}

.item-vehicle {
    width: 133px;
    height: 173px;
}



@media (max-width: 991px) {
	
    .vehicle {
        max-width: 100%;
        margin: 0 auto;
	}
	.support-vehicle .text h2{
		font-size:22px;
	}
	.support-vehicle .text h3{
		font-size:36px;
	}
	
	.support-vehicle .text p {
		font-size: 21px;
		
	}
}





.banner-container {
    background: linear-gradient(90deg, #A1C62A, #027477);
    padding: 0;
    border-radius: 8px;
    position: relative;
    height: 288px;
    margin-top: 10vh;
}

.banner-text {
	color: white;
    font-weight: bold;
    font-size: 2.6rem;
    line-height: 1.2;
    padding: 30px 0 0 32px;
}

.cta-container{
	margin: 65px 0 0 40px;
}

.cta-button {
    background-color: white;
    color: #333;
    border: none;
    border-radius: 5px;
    padding: 0.3rem 0.7rem;
    font-weight: 600;
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: center;
	transition: all 0.3s;
}

.cta-button:hover{
	background: #027477;
    color: white;
    transition: all 0.3s;
}

.cta-button img {
    margin-right: 0.5rem;
    width: 20px;
}

.vehicle-image {
    width: 95%;
    position: relative;
    top: -40px;
}

@media (max-width: 767px) {
    .banner-container {
        padding: 2rem 1.5rem;
        min-height: 585px;
	}
	
    .banner-text {
        font-size: 2rem;
        
	}
	
    .cta-container {
       margin: 0px 0 43px 40px;
	}
	
    .vehicle-container {
        margin-top: 2rem;
        text-align: center;
	}
}









.footer-main {
    height: 474px;
    color: white;
    padding: 40px 0;
    margin-top: -17vh;
    display: flex;
    align-items: center;
}

.logo-x {
    max-width: 494px;
    margin-bottom: 20px;
}

.contact-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: white;
}

.contact-info i {
    background-color: #9CC41C;
    color: white;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.social-title {
    color: #9CC41C;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.social-icons a {
    display: inline-block;
    margin-left: 10px;
}

.social-icons i {
    background-color: #9CC41C;
    color: white;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: end;
}

.footer-bottom {
    background-color: #9CC41C;
    color: white;
    padding: 10px 0;
    font-size: 0.9rem;
}

.footer-bottom a {
    color: white;
    text-decoration: none;
}

.footer-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-end {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 120px;
    text-align: end;
}

.footer-bottom p {
    color: black;
    font-size: 16px;
    font-weight: 500;
}


@media (max-width: 1000px) {
	
	
	.footer-end{
		text-align: start;;
	}
	
	.footer-main .adres{
		font-size: 12px;
	}
}



.breadcrumb {
    position: absolute;
    width: 100%;
    top: 0;
    height: 344px;
    display: flex;
    align-items: end;
    background-color: #2EB5AF29;
	z-index:1;
}

.breadcrumb .row{
	padding: 0;
    margin: 0;
	
}

.breadcrumb-two {
    position: absolute;
    width: 100%;
    top: 0;
    height: 344px;
    display: flex;
    align-items: end;
    background-color: #CCD6192B;
	z-index:1;
}

.breadcrumb-two .row{
	padding: 0;
    margin: 0;
	
}

.breadcrumb-three {
    position: absolute;
    width: 100%;
    top: 0;
    height: 344px;
    display: flex;
    align-items: end;
    background-color: #A1C62A40;
z-index:1;
}

.breadcrumb-three .row{
	padding: 0;
    margin: 0;
	
}


.breadcrumb-four {
    position: absolute;
    width: 100%;
    top: 0;
    height: 344px;
    display: flex;
    align-items: end;
    background-color: #012B2A1C;
	z-index:1;
}

.breadcrumb-four .row{
	padding: 0;
    margin: 0;
	
}


.breadcrumb-container {
    padding: 0 0;
    position: relative;
	
}

.breadcrumb-cont {
    display: flex;
    justify-content: space-between;
}

.breadcrumb-title {
    margin: 0;
    display: flex;
    align-items: center;
    padding-top: 60px;
}

.breadcrumb-title h2 {
    color: #027477;
    font-weight: 800;
    font-size: 2.5rem;
	
	
}

.breadcrumb-img {
    display: flex;
}

.breadcrumb-img img {
    width: 100%;
}

.breadcrumb-cont .center{display:flex;}

.breadcrumb-cont .center .line{
	width: 53%;
    position: absolute;
    height: 1px;
    background: #027477;
    left: 20%;
    top: 142px;
    flex-grow: 1;
}

@media (max-width: 1000px) {
	
	
	.breadcrumb-cont .center .line{
		display:none;
	}
}





.aboutus-one {
    margin-top: 29vh;
}

.aboutus-one .title h2 {
    text-align: center;
    color: #027477;
    font-size: 36px;
    font-weight: 800;
}

.aboutus-one .detail {
    margin-top: 65px;
}

.aboutus-one .detail p {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
}

.aboutus-one .detail p span{
	color: #027477;
    font-size: 28px;
    font-weight: 800;
}


.aboutus-two .border-about {
    border: 1px solid #012B2A;
	background: white;
}


.aboutus-two {
    margin-top: 15vh;
	z-index: 1;
    position: relative;
}

.aboutus-two .left {
    height: 100%;
    padding: 45px 0 0 43px;
}


.aboutus-two .left-side-padding {
    padding: 35px 10px 26px 20px;
}

.aboutus-two .left .title {
    margin-bottom: 35px;
	display: flex;
    align-items: center;
	gap: 15px;
}

.aboutus-two .left .title h3 {
    font-size: 36px;
    font-weight: 800;
    color: #CCD619;
}

.aboutus-two .left .detail{
	padding-right: 45px;
}

.aboutus-two .left .detail .one {
    font-size: 24px;
    color: white;
    font-weight: 800;
    line-height: 36px;
    margin-bottom: 45px;
}

.aboutus-two .left .detail .two {
    font-size: 24px;
    font-weight: 400;
    color: white;
    line-height: 36px;
}


.aboutus-two .left .title .line-left {
	height: 1px;
	background-color: #CCD619; 
	flex-grow: 1; 
	
}





.steps-container {
    max-width: 800px;
    margin: 0 auto;
	padding-right: 45px;
}


.step-title {
	display: flex;
	align-items: center;
	gap: 15px;
}

.step-title h3 {
    font-size: 36px;
    font-weight: 800;
    color: #027477;
    margin-bottom: 40px;
}

.step-title .line {
	height: 1px;
	background-color: #012B2A; 
	flex-grow: 1; 
	margin-bottom: 20px;
}

.step {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
    position: relative;
}

.step .line{
	height: 2px;
    width: 50px;
    background: #027477;
    position: relative;
}

.step .step-icon{
	
}



.step-content {
    flex-grow: 1;
    background-color: #A1C62A;
    color: #333;
    padding: 20px 25px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 24px;
	border: 2px solid #027477;
	transition: all 0.3s;
}

.step-content:hover{
	background-color: #add725;
	transition: all 0.3s;
}









@media (max-width: 600px) {
	
	
    .step-content {
        width: 100%;
        margin-left: 0;
	}
}


.aboutus-three{
	width: 100%;
    height: 900px;
    background-size: cover;
	background-repeat: no-repeat;
	position:relative;
	top: -23vh;
	z-index:0;
	padding-top: 30vh;
}

.aboutus-three .text h3{
	font-size: 36px;
    font-weight: 800;
    color: #027477;
	margin-bottom: 30px;
}

.aboutus-three .text p{
	font-size: 24px;
    font-weight: 400;
}

.aboutus-three img{
	width: 63%;
}

.aboutus-three .right{
	padding-top: 55px;
	padding-left:60px;
}


@media (max-width: 1000px) {
	.aboutus-three .right{
		padding-left:40px;
	}
}




.aboutus-three .right .features-wrapper {
	font-family: 'Arial', sans-serif;
	max-width: max-content;
	background: white;
	border-radius: 5px;
	border: 1px solid #027477;
	padding: 20px 25px 13px 23px;
}

.aboutus-three .right .feature-row {
	display: flex;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #000000;
	transition: all 0.3s;
}

.aboutus-three .right .feature-row:hover{
	border-bottom: 1px solid #a1c62a;
	transition: all 0.3s;
}

.aboutus-three .right .feature-row-last {
	display: flex;
	align-items: center;
	padding: 15px 0;
	
}

.aboutus-three .right .feature-icon {
	width: 44px;
	height: 44px;
	margin-right: 22px;
	flex-shrink: 0;
}

.aboutus-three .right .feature-title {
	font-size: 24px;
	color: #333;
	font-weight: 400;
}

@media (max-width: 1000px) {
	.aboutus-three{
		height: max-content;
		top: 0;
	    padding-top: 45px;
	}
}

@media (max-width: 768px) {
	.aboutus-three .right .feature-title {
		font-size: 14px;
	}
}


.aboutus-four{
    width: 100%;
    height: 660px;
    top: -23vh;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
	padding-top: 15vh;
}

.tech-icon{
	display:flex;
	gap: 23px;
}

.tech-icon .icon-col{
	display:block;
}

.aboutus-four .text h3{
	font-size: 36px;
    font-weight: 800;
    color: white;
	margin-bottom: 28px;
}

.aboutus-four .text p{
	font-size: 24px;
    font-weight: 400;
    color: white;
    line-height: 38px;
	margin-bottom: 70px;
}

.tech-icon .icon-col .icon-img{
	display: flex;
    justify-content: center;
	margin-bottom: 22px;
}

.tech-icon .icon-col .icon-img img{
	width: 89px;
    height: 89px;
    object-fit: cover;
}

.tech-icon .icon-col p{
	font-size: 22px;
    font-weight: 400;
    color: white;
    line-height: 32px;
    text-align: center;
}

@media (max-width: 1000px) {
	.aboutus-four{
		height: max-content;
		top: 0;
	    padding-top: 45px;
	}
	
	.tech-icon{
		flex-direction:column;
	}
}



.bayiler-section {
	padding: 60px 0;
    top: -16vh;
    position: relative;
	
}

.bayiler-section h2 {
	color: #027477;
    font-weight: 800;
    margin-bottom: 30px;
    font-size: 36px;
}

.bayiler-section p{
	color: black;
    font-size: 18px;
    line-height: 24px;
}

.bayi-card {
	border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fff;
    height: 95%;
    border: 1px solid #027477;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.bayi-card:hover{
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	transition: all 0.3s;
	transform: translateY(-5px);
}

.bayi-image {
	height: 200px;
	overflow: hidden;
}

.bayi-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bayi-location {
	background-color: #CCD619;
    color: #012B2A;
    padding: 8px 15px;
    font-weight: 800;
    font-size: 16px;
}

.bayi-details {
	padding: 20px;
}

.bayi-name {
	color: #027477;
    font-weight: 800;
    margin-bottom: 10px;
    font-size: 16px;
}

.bayi-contact {
	margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
}

.bayi-address {
	margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.bayiler-section .padding{
	padding-right: 34px;
}







@media (max-width: 1000px) {
	
	.bayiler-section {
		top: 0;
		margin-bottom: 15vh;
	}
	.mobil-align{
		display:flex;
		justify-content:center;
	}
	
	
	.bayi-card {
		width:294px;
	}
}



.hizmetler{
	margin-top:20vh;
	background-repeat: no-repeat;
    background-size: contain;
	z-index: 2;
    position: relative;
}

@media (min-width: 1000px) {
	
	.hizmetler .col-lg-3{
		width: 23% ;
	}
}

.hizmetler .col-lg-3{
	margin-top: 20px;
}


.hizmetler .col-bg:nth-child(1),
.hizmetler .col-bg:nth-child(3),
.hizmetler .col-bg:nth-child(6),
.hizmetler .col-bg:nth-child(8),
.hizmetler .col-bg:nth-child(9),
.hizmetler .col-bg:nth-child(11) {
	background-color: #027477;
	border-radius: 5px;
	margin-right: 20px;
	padding: 25px 25px 10px 25px;
	height: 337px;
	transition: all 0.3s;
}

.hizmetler .col-bg:nth-child(1):hover,
.hizmetler .col-bg:nth-child(3):hover,
.hizmetler .col-bg:nth-child(6):hover,
.hizmetler .col-bg:nth-child(8):hover,
.hizmetler .col-bg:nth-child(9):hover,
.hizmetler .col-bg:nth-child(11):hover {
	background-color: #038a8d;
    transition: all 0.3s;
}

.hizmetler .col-bg:nth-child(1) h3,
.hizmetler .col-bg:nth-child(3) h3,
.hizmetler .col-bg:nth-child(6) h3,
.hizmetler .col-bg:nth-child(8) h3,
.hizmetler .col-bg:nth-child(9) h3,
.hizmetler .col-bg:nth-child(11) h3 {
	color: white;
	font-size: 30px;
	font-weight: 800;
}

.hizmetler .col-bg:nth-child(1) p,
.hizmetler .col-bg:nth-child(3) p,
.hizmetler .col-bg:nth-child(6) p,
.hizmetler .col-bg:nth-child(8) p,
.hizmetler .col-bg:nth-child(9) p,
.hizmetler .col-bg:nth-child(11) p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: white;
}



.hizmetler .col-bg:nth-child(2),
.hizmetler .col-bg:nth-child(4),
.hizmetler .col-bg:nth-child(5),
.hizmetler .col-bg:nth-child(7),
.hizmetler .col-bg:nth-child(10),
.hizmetler .col-bg:nth-child(12) {
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #027477;
	margin-right: 20px;
	padding: 25px 25px 10px 25px;
	height: 337px;
}

.hizmetler .col-bg:nth-child(2) h3,
.hizmetler .col-bg:nth-child(4) h3,
.hizmetler .col-bg:nth-child(5) h3,
.hizmetler .col-bg:nth-child(7) h3,
.hizmetler .col-bg:nth-child(10) h3,
.hizmetler .col-bg:nth-child(12) h3 {
	color: #027477;
	font-size: 30px;
	font-weight: 800;
}

.hizmetler .col-bg:nth-child(2) p,
.hizmetler .col-bg:nth-child(4) p,
.hizmetler .col-bg:nth-child(5) p,
.hizmetler .col-bg:nth-child(7) p,
.hizmetler .col-bg:nth-child(10) p,
.hizmetler .col-bg:nth-child(12) p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #027477;
}


.hizmetler .hizmetler-text{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 58px;
}
.hizmetler .car-col{
	display: flex;
    justify-content: center;
    padding-top: 90px;
}

.hizmetler .car-col img{
	width:85%;
}






.himetlerimiz-2{
	background-image: url(/controls/tema/default/assets/image/hizmetlerbg2.png);
    height: 1050px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: -16vh;
    z-index: 1;
    padding-top: 26vh;
}

.himetlerimiz-2 h1{
	text-align: center;
    font-size: 48px;
    font-weight: 800;
    color: #027477;
}

.himetlerimiz-2 h1 span{
	color: #A1C62A;
}

.himetlerimiz-2 .title-padding{
	padding-bottom: 50px;
}

.himetlerimiz-2 .text h3{
	font-size: 28px;
    font-weight: 800;
    line-height: 36px;
	color:#027477;
	text-align: center;
	margin-bottom: 30px;
}

.himetlerimiz-2 .text p{
	font-size: 18px;
    font-weight: 400;
    line-height: 28px;
	text-align: center;
}

.himetlerimiz-2 .text {
	padding: 0 60px;
}

.himetlerimiz-2 .bottom-padding {
    padding-top: 75px;
}

.himetlerimiz-2 .bottom-txt {
	text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: #027477;
}

.himetlerimiz-2 .bottom-hizmetler-btn {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.himetlerimiz-2 .bottom-hizmetler-btn a{
	color: white;
    background: #027477;
	padding: 6px 17px;
    border-radius: 5px;
	transition: all 0.3s;
}

.himetlerimiz-2 .bottom-hizmetler-btn a:hover {
    background: none;
	border:1px solid #027477;
	color:#027477;
	transition: all 0.3s;
}

@media (max-width: 1000px) {
	
	.himetlerimiz-2{
		background-image:none;
		background:#CCD61921;
		height: max-content;
		margin-bottom: 10vh;
	}
}


.bayi-page{
	background-image: url(/controls/tema/default/assets/image/bayibg.png);
	margin-top: 16vh;
background-repeat: no-repeat;
background-size: contain;
z-index: 3;
position: relative;
min-height: 100vh;
}

.bayi-cont{
display: flex;
gap: 23px;
justify-content: center;
position: relative;
bottom: 95px;
}
.bayi-card-page{
border-radius: 8px;
overflow: hidden;
margin-bottom: 30px;
background-color: #fff;
height: 460px;
border: 1px solid #027477;
transition: box-shadow 0.3s ease, transform 0.3s ease;
width: 294px;

}
.bayi-card-page:hover{
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
transition: all 0.3s;
transform: translateY(-5px);
}

.baslik-bayi h3{
text-align: center;
font-size: 48px;
font-weight: 800;
color: white;
}

.baslik-bayi{
margin-bottom: 85px;
}

.baslik-bayi h3 span{
color: #A1C62A;
}

.bayi-page .bayi-padding{
padding: 0;
background: white;

}
.bayi-page .bayi-padding img{
width: 100%;

}

.bayi-page .bayi-left {
padding: 45px 77px 45px 45px;
}

.bayi-page .bayi-left h4{
color: #027477;
font-size: 36px;
font-weight: 800;
line-height: 52px;
margin-bottom: 45px;
}
.bayi-page .bayi-left p{
font-size: 24px;
font-weight: 400;
line-height: 36px;
}

.bayi-page .bayi-contact a{
    color:#012B2A;
transition: all 0.3s;
}

.bayi-page .bayi-contact i{
    font-size: 23px;
    margin-top: 5px;

}

.bayi-page .bayi-contact a:hover{
    color:#CCD619;
transition: all 0.3s;
}

@media (max-width: 1000px) {

.bayi-page {
background-image: none;
background-color: #027477;
background-size: cover;
background-repeat: no-repeat;
min-height: 100vh; 
}


.bayi-cont{
flex-direction: column;
align-items: center;
}
}


.bayiler-page-two{
background: #027477;
position: relative;
top: -16vh;
z-index: 1;
padding-top: 25vh;
padding-bottom: 30vh;
}

.bayiler-page-two .bayi-step{
display: flex;
align-items: center;
}
.bayiler-page-two .bayi-step .bayi-step-icon img{
width: 100%;
}

.bayiler-page-two .bayi-step .bayi-step-content{
margin-bottom: 42px;
margin-left: 25px;
font-size: 21px;
font-weight: 400;
color: white;
}
.bayiler-page-two .bayi-step .bayi-step-content-2{
margin-left: 25px;
font-size: 21px;
font-weight: 400;
color: white;
}


.bayiler-page-two .bayi-left-img{
width:100%;
}

.bayiler-page-two h3{
font-size: 48px;
font-weight: 800;
color: white;
}




@media (max-width: 1000px) {

.bayiler-page-two .bayi-step .bayi-step-content{
font-size: 16px;

}
.bayiler-page-two .bayi-step .bayi-step-content-2{
font-size: 16px;


}
}




.bayi-page-end{
position: relative;
top: -31vh;
z-index: 4;
}

.bayi-page-end .surec{
background: #FEFFEA;
padding: 75px 100px 63px 75px;
border: 3px solid #027477;
border-radius: 5px;
}

.bayi-page-end .surec h3{
font-size: 48px;
font-weight: 800;
color: #027477;
margin-bottom: 30px;
}

.bayi-page-end .surec p{
font-weight: 400;
font-size: 24px;
line-height: 36px;
padding-left: 10px;
}

.bayi-page-end .bayi-form-title{
padding: 36px 0;
}
.bayi-page-end .bayi-form-title h4{
font-size: 36px;
font-weight: 800;
color: #027477;
margin-bottom: 30px;
}

.bayi-page-end .bayi-form-title p{
font-size: 24px;
font-weight: 400;
}


.bayi-page-end-2{
position: relative;
top: -20vh;
z-index: 4;
}

.bayi-page-end-2 .surec{
background: #FEFFEA;
padding: 75px 100px 63px 75px;
border: 3px solid #027477;
border-radius: 5px;
}

.bayi-page-end-2 .surec h3{
font-size: 48px;
font-weight: 800;
color: #027477;
margin-bottom: 30px;
}

.bayi-page-end-2 .surec p{
font-weight: 400;
font-size: 24px;
line-height: 36px;
padding-left: 10px;
}

.bayi-page-end-2 .bayi-form-title{
padding: 36px 0;
}
.bayi-page-end-2 .bayi-form-title h4{
font-size: 36px;
font-weight: 800;
color: #027477;
margin-bottom: 30px;
}

.bayi-page-end-2 .bayi-form-title p{
font-size: 24px;
font-weight: 400;
}


.bayi-page-end-3{
position: relative;
top: 10vh;
margin-bottom: 30vh;
z-index: 4;
}

.bayi-page-end-3 .surec{
background: #FEFFEA;
padding: 75px 100px 63px 75px;
border: 3px solid #027477;
border-radius: 5px;
}

.bayi-page-end-3 .surec h3{
font-size: 48px;
font-weight: 800;
color: #027477;
margin-bottom: 30px;
}

.bayi-page-end-3 .surec p{
font-weight: 400;
font-size: 24px;
line-height: 36px;
padding-left: 10px;
}

.bayi-page-end-3 .bayi-form-title{
padding: 36px 0;
}
.bayi-page-end-3 .bayi-form-title h4{
font-size: 36px;
font-weight: 800;
color: #027477;
margin-bottom: 30px;
}

.bayi-page-end-3 .bayi-form-title p{
font-size: 24px;
font-weight: 400;
}



.bayi-form{
padding: 0 20px;

}

.bayi-form span{
color:#012B2A ;
font-size:16px;
font-weight:700;

}
.bayi-form input{
border:1px solid black;
border-radius:0;
margin-top: 10px;
margin-bottom:30px;
}

.bayi-form textarea{
border:1px solid black;
border-radius:0;
margin-top: 10px;
margin-bottom:30px;
}

.bayi-form .btn{
background: black;
color: #A1C62A;
font-weight: 700;
transition: all 0.3s;
}

.bayi-form .btn:hover{
background: none;
color: black;
border:1px solid black;
transition: all 0.3s;
}



@media (max-width: 1000px) {
.bayi-page-end .surec{
padding: 75px 30px 63px 40px;
}
.bayi-page-end-2 .surec{
padding: 75px 30px 63px 40px;
}
}



.kurumsal-page{
background-image: url(/controls/tema/default/assets/image/kurumsalbg.png);
margin-top: 174px;
background-size: cover;
background-repeat: no-repeat;
}

.kurumsal-page .left-p{
padding: 150px 0 0 0;
}

.kurumsal-page .left h3{
color: #2EB5AF;
font-size: 36px;
font-weight: 800;
line-height: 48px;
}

.kurumsal-page .left p{
color: white;
font-size: 24px;
font-weight: 400;
line-height: 39px;
}
.kurumsal-page .img-padding{
padding: 76px 0 76px 70px;
}
.kurumsal-page .img-padding img{
width: 100%;
}



.kurumsal-page-2{
padding: 70px 0;
background-image: url(/controls/tema/default/assets/image/kurumsalbg2.png);
background-size: cover;
background-repeat: no-repeat;
}

.kurumsal-page-2 h3{
font-size:36px;
font-weight:800;
color:#027477;
margin-bottom: 41px;
}

.kurumsal-page-2 .filo-pad{

padding: 22px;

}

.kurumsal-page-2 .icon{

margin-bottom: 41px;

}
.kurumsal-page-2 .icon img{
width: 69px;
height: 69px;

}

.kurumsal-page-2 .content h4{
font-size: 24px;
font-weight: 400;
margin-bottom: 20px;

}
.kurumsal-page-2 .content p{
font-size: 18px;
font-weight: 400;
line-height: 24px;

}
.kurumsal-page-2 .content p span{
font-size: 18px;
font-weight: 800;
line-height: 24px;

}




.kurumsal-page-3{
margin-bottom: 23vh;
padding: 123px 10px;
background-image: url(/controls/tema/default/assets/image/kurumsalbg3.png);
background-size: cover;
background-repeat: no-repeat;
}

.kurumsal-page-3 .left{
background: #012B2ABF;
border: 1px solid #027477;
padding: 50px 60px 30px 50px;
}

.kurumsal-page-3 .left h3{
font-size: 36px;
font-weight: 800;
color: white;
padding-right: 50%;
margin-bottom: 92px;
}
.kurumsal-page-3 .left p{
font-size: 24px;
font-weight: 400;
line-height: 36px;
color: white;
margin-bottom: 90px;
}
.kurumsal-page-3 .left a{
text-decoration: none;
color: white;

}
.kurumsal-page-3 .left a i{
margin-right: 5px;

}



.kurumsal-page-3 .right .features-wrapper {
font-family: 'Arial', sans-serif;
max-width: max-content;
background: white;
border-radius: 5px;
border: 1px solid #027477;
padding: 20px 25px 13px 23px;
}

.kurumsal-page-3 .right .feature-row {
display: flex;
align-items: center;
padding: 15px 0;
border-bottom: 1px solid #000000;
transition: all 0.3s;
}
.kurumsal-page-3 .right .feature-row:hover{
border-bottom: 1px solid #a1c62a;
transition: all 0.3s;
}

.kurumsal-page-3 .right .feature-row-last {
display: flex;
align-items: center;
padding: 15px 0;

}

.kurumsal-page-3 .right .feature-icon {
width: 44px;
height: 44px;
margin-right: 22px;
flex-shrink: 0;
}

.kurumsal-page-3 .right .feature-title {
font-size: 24px;
color: #333;
font-weight: 400;
}






@media (max-width: 1000px) {
.kurumsal-page .left-p{
padding: 150px 25px 0 25px;
}
}

@media (max-width: 768px) {
.kurumsal-page-3 .right .feature-title {
font-size: 14px;
}
}



.blog-page{
margin-top: 27vh;
}

.blog-page h4{
font-size: 24px;
font-weight: 400;
line-height: 48px;
margin-bottom: 70px;
}
.blog-page .blog-card{
width: 433px;
height: 480px;
}
.blog-page .blog-card img{
width: 433px;
height: 259px;
object-fit: cover;
}
.blog-page .card-body{
background: #F4F4F4;
padding: 23px 30px;
}
.blog-page .card-title{
font-size: 24px;
font-weight: 800;
color: #027477;
line-height: 36px;
margin-bottom: 70px;
overflow-wrap: break-word;
}
.blog-page a{
color: #012B2A;
font-size: 20px;
}
.blog-page a i{
margin-right: 10px;
}


.blog-detail{
margin-top: 27vh;
}

.blog-detail h4{
font-size: 36px;
font-weight: 800;
line-height: 48px;
color: #027477;
margin-bottom: 50px;
}

.blog-detail .text-col{
padding-bottom: 65px;
border-bottom: 1px solid #000000;
}

.blog-detail .text-col-2{
margin-top: 70px;
}

.blog-detail .blog-txt{
font-size: 24px;
font-weight: 400;
line-height: 36px;
margin-top: 80px;
text-align: center;
}



.contact-page{
margin-top: 30vh;
}


.contact-page h3{
font-size: 36px;
font-weight: 800;
color: #027477;
text-align: center;
margin-bottom: 55px;
}
.contact-page p{
font-size: 24px;
font-weight: 400;
line-height: 36px;
text-align: center;
}
.contact-page .contact-detail{
display: flex;
}

.contact-page .contact-detail .contact-bayi{
width: 20%;

}

.contact-page .contact-detail .maps{
width: 80%;
height: 437px;
}
.contact-page .contact-detail .maps iframe {
filter: grayscale(100%);
}


@media (max-width: 1000px) {
.contact-page .contact-detail{
flex-direction: column;
align-items: center;
}

.contact-page .contact-detail .contact-bayi{
width: 50%;

}
.contact-page .contact-detail .maps{
width: 100%;

}

}







/*Scroll*/
::-webkit-scrollbar {
width: 12px;  

}

::-webkit-scrollbar-track {
background: #ffffff;  

}

::-webkit-scrollbar-thumb {
background: #2cb4ae;  

}

::-webkit-scrollbar-thumb:hover {
background: #1f9d97; 
}