/*-----------------------------------------------------------------------------------

Theme Name:  - 
Theme URI:   - 
Description: - 
Author:      - Adem Duran - 
Author URI:  - https://bionluk.com/adeemdrn - https://aduran.com - @frontend.adem -
Version:     - 1.0 - 

-----------------------------------------------------------------------------------*/

/*==================================================
===| Global Css
===================================================*/
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	font-size: 100%;
	box-sizing: border-box;
	box-sizing: inherit;
}

input,
button,
select,
textarea {
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none !important;
}

section {
	margin: 100px 0;
}

body {
	overflow-x: hidden;
	flex-direction: column;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif !important;
	font-weight: var(--fw-4) !important;
	font-size: var(--fs-15) !important;
	color: var(--textColor) !important;
	background-color: #f7fafd !important;
	letter-spacing: -0.8px;
}

/*==================================================
===| Roote Settings
===================================================*/

:root {
	/* Theme Color */
	--blackColor: #0f172a;
	--textColor: #8d93a1;
	--whiteColor: #fff;

	/* Font Size */
	--fs-14: 14px;
	--fs-15: 15px;
	--fs-16: 16px;
	--fs-17: 17px;
	--fs-18: 18px;
	--fs-19: 19px;
	--fs-20: 20px;
	--fs-21: 21px;
	--fs-22: 22px;
	--fs-23: 23px;
	--fs-24: 24px;
	--fs-25: 25px;
	--fs-26: 26px;
	--fs-27: 27px;
	--fs-28: 28px;
	--fs-29: 29px;
	--fs-30: 30px;
	--fs-31: 31px;
	--fs-32: 32px;
	--fs-33: 33px;
	--fs-34: 34px;
	--fs-35: 35px;
	--fs-40: 40px;
	--fs-45: 45px;
	--fs-50: 50px;
	--fs-55: 55px;
	--fs-60: 60px;
	--fs-65: 65px;
	--fs-70: 70px;
	--fs-75: 75px;

	/* Font Weight */
	--fw-1: 100;
	--fw-2: 200;
	--fw-3: 300;
	--fw-4: 400;
	--fw-5: 500;
	--fw-6: 600;
	--fw-7: 700;
	--fw-8: 800;
	--fw-9: 900;
}

/*==================================================
===| Theme Settings
===================================================*/

html ::-webkit-scrollbar {
	width: 2px;
}

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

html ::-webkit-scrollbar-track-piece {
	background-color: transparent;
}

html ::-webkit-scrollbar-thumb {
	background-color: var(--blackColor);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
}

html ::-webkit-scrollbar-thumb:hover {
	background-color: var(--textColor);
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
}

html ::-webkit-scrollbar-corner {
	background-color: transparent;
}

html ::-webkit-resizer {
	background-color: var(--blackColor);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type='number'] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}

/*==================================================
===| Header
===================================================*/
.header .head__menu .nav-link,
.header .nav-item.dropdown .dropdown-item,
.offcanvas .head__menu .nav-link {
	color: var(--textColor);
	font-weight: var(--fw-5);
	font-size: var(--fs-17);
	transition: all 0.4s ease-in-out;
}
.header .nav-item.dropdown .dropdown-item:active,
.header .nav-item.dropdown .dropdown-item.active {
	background-color: var(--blackColor) !important;
	color: var(--whiteColor) !important;
}
.header .nav-item.dropdown .dropdown-item:hover {
	background-color: #0f172a13 !important;
	color: var(--blackColor) !important;
}
.header .head__menu .nav-link.active,
.offcanvas .head__menu .nav-link.active {
	color: var(--bs-primary);
}
.header .head__menu .nav-link:hover,
.offcanvas .head__menu .nav-link:hover {
	color: var(--blackColor);
}
.header.menu_sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: var(--blackColor);
	z-index: 1030;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
		rgba(0, 0, 0, 0.05) 0px 5px 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px,
		rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.head__logo img {
    width:150px;
}
/*==================================================
===| Banner Content
===================================================*/
.banner__content .video {
	height: 650px;
}
.banner__content .video:before {
	background-color: #0e0e0fa2;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
}

.banner__content .video video {
	height: auto;
	height: 650px;
	min-width: 100%;
	width: 100%;
	z-index: 0;
}

/*==================================================
===| Header Top
===================================================*/
.about__wrapper .content__list p {
	color: var(--textColor);
}

/*==================================================
===| Services Call
===================================================*/
.services__call {
	position: relative;
	z-index: 1;
	padding-top: 100px;
}
.services__call:before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40%;
	background-color: var(--blackColor);
}
.services__call:after {
	content: '';
	position: absolute;
	z-index: -1;
	opacity: 0.1;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/call-shap1.png);
}

/*==================================================
===| Header Top
===================================================*/
.services__call .services__item {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transition: all 0.5s ease-in;
}
.services__call .services__item .services__img img {
	height: 275px;
	object-fit: cover;
	width: 100%;
}
.services__call .services__item:hover {
	transform: translateY(-5px);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/*==================================================
===| Header Top
===================================================*/
.contact__wrapper {
	position: relative;
	padding: 100px 0;
}
.contact__wrapper:before {
	content: '';
	position: absolute;
	z-index: 0;
	opacity: 0.1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/call-shap1.png);
}
.contact__wrapper .contact__list {
	margin-top: 110px;
}
.contact__wrapper .contact__list .card {
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
	border: 0 !important;
}

/*==================================================
===| Footer Css
===================================================*/
.footer {
	padding: 100px 0 40px;
	background-color: var(--blackColor);
}

/*==================================================
===| Container Css
===================================================*/
.text__content img {
	height: 550px;
	object-fit: cover;
	margin-bottom: 70px;
}

.phone__fixed {
	text-align: center;
	z-index: 99999;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
}
/*==================================================
===| Container Css
===================================================*/

/*==================================================
===| Container Css
===================================================*/

/*==================================================
===| Container Css
===================================================*/
/* Mobil ekranlar (max-width değeri, mobil ekranın genişliğini belirler) */
@media only screen and (max-width: 767px) {
	/* Buraya mobil ekranlara özel stil tanımlamalarınızı ekleyebilirsiniz */
	.contact__wrapper .contact__list {
		margin-top: 50px;
	}
}

/* Tablet ekranlar (768px - 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* Buraya tablet ekranlara özel stil tanımlamalarınızı ekleyebilirsiniz */
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 820px !important;
	}
}

/* 12" - 15" ekranlar (1024px - 1365px) */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
	/* Buraya 12" - 15" ekranlara özel stil tanımlamalarınızı ekleyebilirsiniz */
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1140px !important;
	}
}

/* 15" - 19" ekranlar (1366px - 1599px) */
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
	/* Buraya 15" - 19" ekranlara özel stil tanımlamalarınızı ekleyebilirsiniz */
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1200px !important;
	}
}

/* 19" ve üzeri ekranlar (1600px ve üzeri) */
@media only screen and (min-width: 1600px) {
	/* Buraya 19" ve üzeri ekranlara özel stil tanımlamalarınızı ekleyebilirsiniz */
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1440px !important;
	}
}