/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 14 2025 | 16:15:33 */
/* Button */
.btn_l:hover, .btn_r:hover, .btn-3:hover, .wpcf7-submit:hover{
	background: #d7752a!important;
}
.btn-2{
	border: 5px solid white !important;
	line-height: 60px!important;
}
.btn-2:hover{
	background: #d7752a!important;
}
/*Header*/
.hizmet-kutu .kutu-duzen .icon-box .border-layer.i2:before, .hizmet-kutu .kutu-duzen .icon-box .border-layer.i2:after {
    background: #d7752a !important;
}
.hizmet-kutu .kutu-duzen .icon-box .border-layer.i3:before, .hizmet-kutu .kutu-duzen .icon-box .border-layer.i3:after {
    background: #fff !important;
}

.page-header{
	height: 320px !important;
}

.page-header .container h2{
	margin-top: 0;
}
.hakkimizda-bolumu-anasayfa{
	margin: 0px 0px 40px;
	padding: 40px 0;
}
.img-src{
	position: relative;
    display: inline-block;
    background: none;
    width: 120px;
    height: 120px;
    line-height: 118px;
    text-align: center;
    border-radius: 5%;
    color: #fff;
}
.img-src img{
	width: 60px;
	height: 60px;
}
/*WWO_home*/
.wwo{
	margin: 0px 0px 40px;
	padding: 40px 0;
}
.wwo_title{
	font-family: Anta;
    font-size: 31px;
    font-weight: 900;
    text-align: center;
	margin-bottom: 30px;
}
.wwo_title span{
	color: #f59b1d;
}
.wwo .row{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wwo .part{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	background: #f2f3f8;
	height: 100%;
	border-radius: 5px;
    overflow: hidden;
}
.wwo .part .col-lg-7{
	padding: 80px 40px;
}
.wwo .part .col-lg-5{
	padding: 0px;
}
.wwo .part .col-lg-5 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wwo .part h3{
	font-family: Anta;
    font-size: 24px;
    font-weight: 900;
	margin-bottom: 30px;
}
.wwo .part .left_text_p{
	margin-bottom: 40px;
}
.wwo .part .right_text_p{
	margin-bottom: 40px;
}
.wwo .part .btn_cont a{
	font-family: Anta;
    border-radius: 5px;
	color: #ffffff;
    background: #f59b1d;
	height: 60px;
    line-height: 60px;
    display: inline-block;
    padding: 0 50px;
	position: relative;
    font-size: 18px;
    font-weight: 600;
}
.serviceb-alani .swiper-slide img{
	height: 350px;
    object-fit: cover;
}
.solution-alani .box-style img{
	height: 300px;
    object-fit: cover;
}
/*Services*/
.serviceb-alani {
    margin: 0px 0px 40px;
    padding: 40px 0;
}
.serviceb-alani .row{
	justify-content: center;
}
.serviceb-alani .row img{
	height: 300px;
	object-fit: cover;
}

/*Solutions*/
.solution-alani {
    margin: 0px 0px 40px;
    padding: 40px 0;
}
.solution-alani .row{
	justify-content: center;
}

/*Clients*/
.sectionbars4 {
    margin: 0px 0px 40px;
    padding: 40px 0;
}
.sectionbars4 .row{
	align-items: center;
	justify-content: center;
}
.sectionbars4 .row .col-md{
	flex-basis: auto;
	max-width: 150px;
}
.sectionbars4 .row .col-md .h-yazi-ortalama{
	padding: 0px;
}
.sectionbars4 .row .col-md .h-yazi-ortalama img{
	padding: 0px;
}
/*Project-carousel*/
.projects{
    margin: 0px 0px 40px;
    padding: 40px 0;
}
.projects-grid{
    margin: 0px 0px 40px;
    padding: 40px 0;
}
.project-carousel {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.project-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media (max-width: 1024px) {
    .project-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .project-grid {
        grid-template-columns: repeat(1, 1fr);
    }
	.projects-grid .container{
		margin-left: 15px;
		margin-right: 15px;
	}
	.projects-grid .row{
		margin-left: 0px;
		margin-right: 0px;
	}	
}

.swiper-slide {
    display: flex;
    justify-content: center;
}
.projects-grid .project-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
}
.pagination {
    text-align: center;
    margin-top: 20px;
}
.pagination a,
.pagination span {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 5px;
    text-decoration: none;
    color: #f59b1d;
    border: 1px solid #f59b1d;
    border-radius: 4px;
}
.pagination .current {
    background-color: #f59b1d;
    color: #fff;
}

.project-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
}

.project-image {
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: transform 0.3s ease-in-out;
}

.project-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 30px 15px 15px;
    text-align: left;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out;
}

.project-title {
    font-size: 18px;
	text-align: left;
    margin: 0;
    transition: transform 0.3s ease-in-out;
}

.project-category {
    font-size: 14px;
    background-color: #f59b1d;
    padding: 2px 10px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.project-item:hover .project-overlay {
    transform: translateY(0);
}

.project-item:hover .project-title {
    transform: translateY(-10px);
}

.project-item:hover .project-category {
    opacity: 1;
}
.swiper-button-next, .swiper-button-prev{
	color: #f59b1d;
	background-image: none;
}

/*Brands*/
.why-us{
	margin: 0px 0px 40px;
    padding: 40px 0;
}
.brands_title{
	font-family: Anta;
    font-size: 31px;
    font-weight: 900;
    text-align: center;
	margin-bottom: 30px;
}
.why-us .row{
	align-items: center;
	justify-content: center;
}
.why-us .row .col-md{
	flex-basis: auto;
	max-width: 150px;
}
/* Blog */
.blog_title{
	font-family: Anta;
    font-size: 31px;
    font-weight: 900;
    text-align: center;
	margin-bottom: 30px;
}
.blog-section{
	margin: 0px 0px 40px;
    padding: 40px 0;
}
@media screen and (max-width: 1200px){
	.wwo .row{
		flex-wrap: wrap;
	}
	.wwo .row .col-lg-6{
		width: 100%;
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
		margin-bottom: 30px;
	}
}
/* Project categories widget */
.project-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.project-categories li {
    padding: 5px 0;
}

.project-categories a {
    text-decoration: none;
    font-weight: bold;
    color: #f59b1d; /* Или ваш основной цвет */
}
.project-categories a:hover{
	color: #d7752a!important;
}
#project_categories_widget-2, #recent-posts-2, #categories-2{
	padding: 20px 30px;
}

.project-categories a:hover {
    text-decoration: underline;
}
.projects-sidebar h2, .post-sidebar h2{
	box-shadow: none;
	border: none;
	padding: 0px 0px 20px;
}
.projects-sidebar li::marker, .post-sidebar li::marker{
	display: none;
}
.projects-sidebar h2.widgettitle, .post-sidebar h2.widgettitle {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: block;
}

.projects-sidebar ul, .post-sidebar ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.projects-sidebar li, .post-sidebar li {
    list-style-type: none !important;
    list-style: none !important;
    padding-left: 0;
    margin-left: 0;
}

.projects-sidebar li::marker, .post-sidebar li::marker {
    display: none !important;
    content: "" !important;
}

.projects-sidebar li::before, .post-sidebar li::before {
    display: none !important;
    content: "" !important;
}
.iletisim-icon-alani{
	display: flex;
}
@media screen and (max-width: 769px){
	.iletisim-icon-alani{
		flex-direction: column;
		    margin-top: 0px;
	}
	.page-header .container h2{
		font-size: 30px !important;
		line-height: 40px !important;
		margin-bottom: 20px;
	}
	.page-header .container{
		padding-top: 80px;
	}
}
.iletisim-form-alani{
	padding: 2rem 0 5rem;
    margin-top: 0;
}
.tablo:not(:last-child) {
    margin-bottom: 2rem;
}
.marka{
	width: 100%;
}
.why-us .col-md{
	padding-left: 5px;
    padding-top: 5px;
}
.sectionbars4 .col-md{
	padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
}
.news-alani-sayfa .pagination {
    text-align: center;
    margin-top: 20px;
}

.news-alani-sayfa .pagination ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.news-alani-sayfa .pagination ul li {
    display: inline-block;
}

.news-alani-sayfa .pagination ul li a,
.news-alani-sayfa .pagination ul li span {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #f39200;
    color: #f39200;
    border-radius: 5px;
    font-weight: bold;
    transition: 0.3s ease-in-out;
}

.news-alani-sayfa .pagination ul li span.current {
    background-color: #f39200;
    color: #fff;
    border-color: #f39200;
}

.news-alani-sayfa .pagination ul li a:hover {
    background-color: #f39200;
    color: #fff;
}
.seo-content{
	margin: 50px 0px 0px;
}
.hizmet-kutu .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hizmet-kutu .icon-box .border-layer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-style-sol {
    position: relative;
    -webkit-transition: .5s;
    transition: var(--transition);
    width: 100%;
    height: 100%;
}
.box-style-sol .descontent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 5px 10px 5px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.box-style-sol h2 {
    font-family: Anta;
    font-size: 23px;
    color: #fff;
    font-weight: 900;
    text-align: center;
}
.box-style-sol:hover {
    -webkit-animation: electricef2 0.4s both;
    animation: electricef2 0.4s linear;
}
.box-style-sol.box-primary-color::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 193, 148, 0)), color-stop(61.98%, #0000003b), to(#f59b1d));
    background: linear-gradient(180deg, rgba(0, 193, 148, 0) 0%, #0000003b 61.98%, #f59b1d 100%);
    bottom: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}
.box-style-sol::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61.46%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.9)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 61.46%, rgba(255, 255, 255, 0.9) 100%);
    bottom: 0;
    border-radius: 5px;
}
.box-style-sol {
    position: relative;
    -webkit-transition: .5s;
    transition: var(--transition);
    width: 100%;
    height: 100%;
}
.box-style-sol:hover:before {
    background: none;
    transition: all 1s;
}
.box-style-sol.box-primary-color:hover::after {
    opacity: 1;
    visibility: visible;
}
.sol-cat .row .box-style img{
	height: 400px;
}
.sol-cat-cont{
	padding-top: 40px;
    padding-bottom: 20px;
}
.category-description{
	    margin-top: 30px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.6;
}
.category-video {
    margin-top: 20px;
    text-align: center;
}
.category-video iframe {
    max-width: 100%;
    height: 390;
    border-radius: 10px;
}
/* Solution Single */
.solution-single {
    text-align: center;
    padding: 40px 0;
}

.solution-header {
    margin: 0 auto;
}

.solution-image img {
    max-width: 100%;
    width: 100%;
    height: 500px;
    border-radius: 10px;
    object-fit: cover;
}

.solution-title {
    font-size: 32px;
    margin-top: 20px;
}

.solution-content {
    margin: 20px auto;
    text-align: left;
    line-height: 1.6;
}
.relevant-projects {
    margin-top: 40px;
    padding: 20px 0;
}

.relevant-projects .relevant-projects h2 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}

.relevant-projects .projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.relevant-projects .project-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.relevant-projects .project-image {
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center;

.relevant-projects .project-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 15px;
    text-align: center;
}

.relevant-projects .project-title {
    position: relative;
}
    font-size: 18px;
    margin: 0;
}

.relevant-projects .project-category {
    font-size: 14px;
    opacity: 0;
}
.category-video iframe{
	border-top: 10px solid #f59b1d;
    border-right: 20px solid #f59b1d;
    border-bottom: 10px solid #f59b1d;
    border-left: 10px solid #f59b1d;
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 1180px) {
    .slider .button-prev {
        display: block;
    }
	.slider .button-prev{
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: 85%;
	}
}
@media only screen and (max-width: 991px), only screen and (max-device-width: 1180px) {
    .slider .button-next {
        display: block;
    }
	.slider .button-next{
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: 85%;
	}
}
.post-kutu p{
	height: 72px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #000000;
}