/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root{
	--primary-color				: #950602;
	--bg-color					: #F1F2F4;
	--text-color				: #626C6D;
	--accent-color				: #18181B;
	--white-color				: #FFFFFF;
	--divider-color				: #9506021A;
	--dark-divider-color		: #FFFFFF1A;
	--error-color				: rgb(230, 87, 87);
	--default-font				: "Anek Bangla", sans-serif;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body{
	position: relative;
	font-family: var(--default-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--bg-color);
}

::-webkit-scrollbar-track{
	background-color: var(--secondary-color);
	border-left: 1px solid var(--secondary-color);
}
::-webkit-scrollbar{
	width: 7px;
	background-color: var(--secondary-color);
}
::-webkit-scrollbar-thumb{
	background: var(--primary-color);
}

::selection{
	color: var(--white-color);
	background-color: var(--primary-color);
}

p{
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin :0;
	font-weight: 600;
	line-height: 1.2em;
	color: #1A1A1A;
}

figure{
	margin: 0;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

html,
body{
	width: 100%;
	overflow-x: clip;
}

.container{
	max-width: 1480px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 15px;
    padding-left: 15px;
}

/* Laptoplarda container sağ-sol 40px nefes */
@media only screen and (max-width: 1480px){
	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl{
		max-width: 1480px;
		padding-right: 40px;
		padding-left: 40px;
	}
}

/* Mobilde sağ-sol boşluğu daralt */
@media only screen and (max-width: 767px){
	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl{
		padding-right: 12px;
		padding-left: 12px;
	}
}

.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1em;
	text-transform: capitalize;
	color: var(--white-color);
	background: var(--primary-color);
	border-radius: 10px;
	padding: 17px 55px 17px 20px;
	border: none;
	overflow: hidden;
	outline: none;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.btn-default:hover{
	color: var(--white-color);
}

.btn-default::before{
	content: '';
	position: absolute;
    top: 50%;
    right: 6px;
    width: 40px;
    height: 40px;
	background-color: var(--white-color);
    background-image: url('../images/arrow-primary.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
	border-radius: 6px;
    transform: translateY(-50%);
	transition: all 0.4s ease-in-out;
}

.btn-default:hover::before{
	background-color: var(--white-color);
}

.btn-default::after{ 
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: var(--accent-color);
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.btn-default:hover::after{
	right: auto;
	left: 0;
    width: 100%;
}

/* Kırmızı butonlarda hologram gradient animasyonu (referans site gibi) */
.btn-default:not(.btn-highlighted){
	background: linear-gradient(120deg, #950602, #e21307, #950602);
	background-size: 200% 200%;
	animation: sb-hologram 4s linear infinite;
}

.btn-default:not(.btn-highlighted):hover{
	box-shadow: none;
}

.dealer-btn .btn-default{
	animation: none;
	background: var(--white-color);
	background-size: auto;
}

@keyframes sb-hologram{
	0%{
		background-position: 0% 50%;
	}
	50%{
		background-position: 100% 50%;
	}
	100%{
		background-position: 0% 50%;
	}
}

@media (prefers-reduced-motion: reduce){
	.btn-default:not(.btn-highlighted){
		animation: none;
	}
}

.btn-default.btn-highlighted{
	background: var(--white-color);
	color: var(--primary-color);
}

.btn-default.btn-highlighted::before{
	background-color: var(--primary-color);
	background-image: url('../images/arrow-white.svg');
}

.btn-default.btn-highlighted:hover{
	color: var(--white-color);
}

.btn-default.btn-highlighted:hover::before{
	background-color: var(--white-color);
	background-image: url('../images/arrow-primary.svg');
}

.btn-default.btn-highlighted::after{
	background: var(--accent-color);
}

.readmore-btn{
	position: relative;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	color: var(--primary-color);
	padding-right: 28px;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover{
	color: var(--primary-color);
}

.readmore-btn::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	transform: translate(-3px, -50%);
    transition: all 0.3s ease-in-out;
}

.readmore-btn:hover::before{
	transform: translate(0px, -50%);
}

.cb-cursor:before{
	background: var(--accent-color);
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading{
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container{
	margin: 40px auto;
}

.loading{
	border: 1px solid transparent;
	border-color: transparent var(--accent-color) transparent var(--accent-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
	transition: all 0.5s ease-in-out;
}

#loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}
}

.dark-section{
	background-color: var(--primary-color);
}

.section-row{
	margin-bottom: 80px;
}

.section-row .section-title{
	margin-bottom: 0;
}

.section-row .section-title.section-title-center{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.section-btn{
	text-align: right;
}

.section-content-btn .section-btn{
	margin-top: 30px;
	text-align: left;
}

.section-title-content p{
	margin-bottom: 20px;
}

.section-title-content p:last-child{
	margin-bottom: 0;	
}

.section-title{
	margin-bottom: 40px;
}

.section-title h3{
	background-image: url('../images/icon-sub-heading-dark.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px auto;
	display: inline-block;
	font-size: 14px;
    font-weight: 600;
	letter-spacing: 0.2em;
	line-height: normal;
	text-transform: uppercase;
    color: #1A1A1A;
	padding-left: 30px;
    margin-bottom: 10px;
}

.section-title h1{
	font-size: 70px;
	font-weight: 700;
	line-height: 1.1em;
	margin-bottom: 0;
	cursor: none;
}

@media (max-width: 1366px) {
    .section-title h1 {
        font-size: 60px;
    }
}

.section-title h2{
	font-size: 45px;
	font-weight: 600;
	line-height: 1.1em;
	margin-bottom: 0;
	cursor: none;
}

.section-title p{
	margin-top: 20px;
	margin-bottom: 0;
}

.section-title p + p{
	margin-top: 14px;
}

/* Animasyonlu basliklar = Sofradan haberler duzeni */
.section-title .text-anime-style-1 .split-line,
.section-title .text-anime-style-2 .split-line,
.section-title .text-anime-style-3 .split-line,
.page-header-box .text-anime-style-1 .split-line,
.page-header-box .text-anime-style-2 .split-line,
.page-header-box .text-anime-style-3 .split-line{
	display: inline !important;
}

.section-title .text-anime-style-1 div,
.section-title .text-anime-style-2 div,
.section-title .text-anime-style-3 div,
.page-header-box .text-anime-style-1 div,
.page-header-box .text-anime-style-2 div,
.page-header-box .text-anime-style-3 div{
	display: inline !important;
}

.section-title .text-anime-style-3 .title-light{
	font-weight: 500;
	color: #950602;
}

.section-title .text-anime-style-3 .title-dot{
	color: #950602;
}

.dark-section .section-title .text-anime-style-3 .title-light,
.dark-section .section-title .text-anime-style-3 .title-dot{
	color: var(--white-color);
}

/* <br> yerine kullanilan satir kirimi — animasyonu bozmaz */
.text-anime-style-1 .sb-split-break,
.text-anime-style-2 .sb-split-break,
.text-anime-style-3 .sb-split-break{
	display: block !important;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	pointer-events: none;
}

.dark-section .section-title h3,
.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title p,
.dark-section .section-title-content p{
	color: var(--white-color);
}

.help-block.with-errors ul{
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li{
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header{
	position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px solid var(--dark-divider-color);
    z-index: 100;
	background: transparent;
}

header.main-header .header-sticky{
	position: relative;
	top: 0;
	width: 100%;
	z-index: 100;
}

header.main-header .header-sticky.hide{
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
    transform: translateY(0);
	background: transparent;
	border-bottom: 1px solid var(--dark-divider-color);
	padding: 0 15px;
}

.navbar{
	padding: 30px 0;
	align-items: center;
}

.navbar-brand{
	padding: 0;
	margin: 0;
}

.navbar-brand img{
	width: 180px;
	max-width: 250px;
	height: auto;
	filter: brightness(0) invert(1);
}

.main-menu .nav-menu-wrapper{
	flex: 0 1 auto;
	text-align: center;
	margin: 0 auto;
	width: max-content;
	max-width: 100%;
	background: #ffffff;
	border: 1px solid rgba(149, 6, 2, 0.30);
	border-radius: 100px;
	padding: 6px 10px;
	position: relative;
	z-index: 0;
}

@property --sb-angle{
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

.main-menu .nav-menu-wrapper::before{
	content: "";
	position: absolute;
	inset: -3px;
	border-radius: 100px;
	padding: 1px;
	z-index: -1;
	background: conic-gradient(from var(--sb-angle), rgba(149,6,2,0.15) 0%, rgba(149,6,2,0.15) 80%, rgba(149,6,2,0.55) 88%, #950602 93%, rgba(149,6,2,0.15) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: sb-border-spin 9s linear infinite;
	pointer-events: none;
}

@keyframes sb-border-spin{
	to{ --sb-angle: 360deg; }
}

.main-menu .nav-menu-wrapper > ul{
	align-items: center;
	display: inline-flex;
}

.main-menu ul li{
	margin: 0 2px;
	position: relative;
}

.main-menu ul li a{
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2em;
	padding: 10px 18px !important;
	color: #1c2420;
	text-transform: capitalize;
	border-radius: 100px;
	transition: none;
}

.main-menu .nav-menu-wrapper > ul > li.active > a,
.main-menu .nav-menu-wrapper > ul > li > a.active{
	background: linear-gradient(120deg, #950602, #e21307, #950602);
	background-size: 200% 200%;
	animation: sb-hologram 4s linear infinite;
	color: #fff;
}

.main-menu ul li.submenu > a:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: #18181b;
	background: #ececf0;
	opacity: 1;
}

.main-menu .nav-menu-wrapper > ul > li.active > a:hover,
.main-menu .nav-menu-wrapper > ul > li > a.active:hover{
	color: #fff;
	background: linear-gradient(120deg, #950602, #e21307, #950602);
	background-size: 200% 200%;
	animation: sb-hologram 4s linear infinite;
}

@media (prefers-reduced-motion: reduce){
	.main-menu .nav-menu-wrapper > ul > li.active > a,
	.main-menu .nav-menu-wrapper > ul > li > a.active,
	.main-menu .nav-menu-wrapper > ul > li.active > a:hover,
	.main-menu .nav-menu-wrapper > ul > li > a.active:hover{
		animation: none;
		background: #950602;
		background-size: auto;
	}
}

.main-menu ul ul{
	visibility: hidden;
	opacity: 0;
	transform: scale(1,0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 235px;
	border-radius: 12px;
	position: absolute;
	left: 0;
	top: 100%;
	background: var(--accent-color);
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul{
    width: 235px;
}

.main-menu ul ul ul{
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover > ul{
	visibility: visible;
	opacity: 1;
	transform: scale(1,1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content: '\f105';
    float: right;
}

.main-menu ul ul li{
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a{
	color: var(--primary-color);
	padding: 6px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
	color: var(--white-color);
	background-color: transparent;
	padding: 6px 20px 6px 23px !important;
}

.main-menu ul li.highlighted-menu{
    display: none;
}

.responsive-menu,
.navbar-toggle{
	display: none;
}

.responsive-menu{
	position: fixed;
	top: 15px;
	left: 0;
	bottom: 15px;
	width: min(330px, 88vw);
	z-index: 1200;
	transform: translate3d(-104%, 0, 0);
	transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
	pointer-events: none;
	will-change: transform;
}

body.sb-nav-open .responsive-menu{
	transform: translate3d(0, 0, 0);
	pointer-events: auto;
}

.sb-nav-overlay{
	position: fixed;
	inset: 0;
	z-index: 1150;
	background: rgba(24, 24, 27, 0.28);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

body.sb-nav-open .sb-nav-overlay{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.sb-nav-open{
	overflow: hidden;
}

.navbar-toggle{
	position: relative;
	z-index: 130;
	margin-left: auto;
}

body.sb-nav-open .navbar-toggle{
	z-index: 1250;
}

.slicknav_btn{
	background: #FFFFFF;
	border: 1px solid rgba(149, 6, 2, 0.12);
	box-shadow: 0 8px 22px rgba(0,0,0,0.12);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	border-radius: 12px;
	transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.slicknav_btn:hover,
.slicknav_btn:focus{
	background: #FFFFFF;
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(149, 6, 2, 0.18);
}

.slicknav_menutxt{
	display: none;
}

.slicknav_icon{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 18px;
	height: 14px;
	margin: 0 !important;
	float: none !important;
}

.slicknav_icon .slicknav_icon-bar{
	display: block;
	width: 18px;
	height: 2px;
	background-color: #950602;
	border-radius: 99px;
	margin: 0 !important;
	box-shadow: none !important;
	transition: transform 0.28s ease, opacity 0.2s ease, width 0.28s ease;
	transform-origin: center;
}

.navbar-toggle a.slicknav_btn.slicknav_open{
	background: #950602;
	border-color: #950602;
	box-shadow: 0 10px 26px rgba(149, 6, 2, 0.28);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar{
	background-color: #FFFFFF;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
	transform: translateY(6px) rotate(45deg);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
	opacity: 0;
	transform: scaleX(0);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
	transform: translateY(-6px) rotate(-45deg);
}

.slicknav_menu{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: none;
	border-radius: 0 24px 24px 0;
	box-shadow: 12px 0 40px rgba(24, 24, 27, 0.14);
	overflow: hidden;
}

.sb-drawer-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 22px 22px 18px 26px;
	border-bottom: 1px solid rgba(149, 6, 2, 0.08);
	flex-shrink: 0;
}

.sb-drawer-brand{
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	color: inherit;
}

.sb-drawer-brand img{
	width: auto;
	height: 40px;
	object-fit: contain;
}

.sb-drawer-close{
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(149, 6, 2, 0.12);
	border-radius: 12px;
	background: #fff;
	color: #950602;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.sb-drawer-close:hover,
.sb-drawer-close:focus{
	background: #950602;
	border-color: #950602;
	color: #fff;
}

.sb-drawer-body{
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 16px 14px 12px 18px;
}

.sb-drawer-foot{
	flex-shrink: 0;
	padding: 14px 18px 22px;
	border-top: 1px solid rgba(149, 6, 2, 0.08);
	background: linear-gradient(180deg, transparent, rgba(149, 6, 2, 0.03));
}

.sb-drawer-contacts{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 14px;
}

.sb-drawer-contact{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	background: #f7f4f4;
	color: #18181B;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	transition: background 0.2s ease, color 0.2s ease;
}

.sb-drawer-contact i{
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: rgba(149, 6, 2, 0.1);
	color: #950602;
	font-size: 12px;
	flex-shrink: 0;
}

.sb-drawer-contact span{
	min-width: 0;
	word-break: break-word;
}

.sb-drawer-contact:hover,
.sb-drawer-contact:focus{
	background: rgba(149, 6, 2, 0.08);
	color: #950602;
}

.sb-drawer-foot .btn-default{
	width: 100%;
	justify-content: center;
	text-align: center;
	margin: 0;
}

.slicknav_nav{
	display: block !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.slicknav_menu ul{
	margin: 0;
	padding: 0;
}

.slicknav_menu ul ul{
	margin: 4px 0 10px 10px;
	padding: 6px;
	background: #f7f4f4;
	border-radius: 14px;
	border-left: 2px solid rgba(149, 6, 2, 0.18);
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-transform: capitalize;
	padding: 14px 16px !important;
	color: #18181B !important;
	line-height: 1.3;
	margin: 0 0 4px;
	border-radius: 14px !important;
	background: transparent;
	transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, padding-left 0.22s ease;
}

.slicknav_nav > li > a,
.slicknav_nav > li > .slicknav_row{
	padding-left: 18px !important;
}

.slicknav_nav > li > a::before,
.slicknav_nav > li > .slicknav_row::before{
	content: '';
	position: absolute;
	left: 8px;
	top: 50%;
	width: 3px;
	height: 0;
	border-radius: 99px;
	background: #950602;
	transform: translateY(-50%);
	transition: height 0.22s ease;
}

.slicknav_nav li:last-child > a,
.slicknav_nav li:last-child > .slicknav_row{
	margin-bottom: 0;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
	background-color: rgba(149, 6, 2, 0.06) !important;
	color: #950602 !important;
	transform: translateX(2px);
}

.slicknav_nav > li > a:hover::before,
.slicknav_nav > li > a:focus::before,
.slicknav_nav > li > .slicknav_row:hover::before,
.slicknav_nav .slicknav_open > a::before,
.slicknav_nav .slicknav_open > .slicknav_row::before,
.slicknav_nav > li.active > a::before{
	height: 18px;
}

.slicknav_nav .slicknav_open > a,
.slicknav_nav .slicknav_open > .slicknav_row,
.slicknav_nav li.active > a{
	background-color: rgba(149, 6, 2, 0.08) !important;
	color: #950602 !important;
}

.slicknav_nav li.active > a:hover,
.slicknav_nav li.active > a:focus,
.slicknav_nav .slicknav_open > a:hover,
.slicknav_nav .slicknav_open > .slicknav_row:hover{
	background-color: rgba(149, 6, 2, 0.08) !important;
	color: #950602 !important;
}

.slicknav_menu ul ul li a{
	padding: 11px 14px !important;
	font-size: 15px;
	font-weight: 500;
	color: #3f3f46 !important;
	margin-bottom: 2px;
}

.slicknav_menu ul ul li a:hover,
.slicknav_menu ul ul li a:focus{
	background-color: rgba(149, 6, 2, 0.08) !important;
	color: #950602 !important;
}

.slicknav_arrow{
	font-size: 0 !important;
	margin-left: 8px;
}

.slicknav_arrow:after{
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 13px;
	margin-left: 0;
	color: inherit;
	position: static;
	right: auto;
	top: auto;
	transform: none;
	opacity: 0.7;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.slicknav_open > a .slicknav_arrow:after,
.slicknav_open > .slicknav_row .slicknav_arrow:after{
	content: '\f106';
	opacity: 1;
	color: inherit;
	transform: none;
}

/************************************/
/***         04. Hero css	      ***/
/************************************/

.hero{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0;
}

/* Hero Slider Fullscreen */

/* Dairy Hero (Swiper) */
.dairy-hero {
    position: relative;
    overflow: hidden;
}
.dairy-hero .swiper {
    width: 100%;
    height: 100vh;
}
.dairy-hero .swiper-slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
}
.dairy-hero .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}
.dairy-hero .container {
    position: relative;
    z-index: 2;
}
.dairy-hero .section-title h2 {
    color: var(--white-color);
    font-size: 48px;
    margin-bottom: 20px;
}
.dairy-hero .section-title p {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    margin-bottom: 30px;
}
.dairy-hero .btn-default {
    background: var(--primary-color);
    color: var(--white-color);
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    transition: background 0.3s ease;
}
.dairy-hero .btn-default:hover {
    background: var(--accent-color);
    color: var(--white-color);
}
.hero-slider{
	position: relative;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	min-height: 520px;
	display: block;
	overflow: hidden;
}

.hero-slider.dark-section{
	background-color: #111111;
}

.hero-slider .swiper{
	width: 100%;
	height: 100%;
}

.hero-slider .swiper-wrapper{
	height: 100%;
}

.hero-slider .swiper-slide{
	height: 100%;
}

.hero-slide{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: flex;
	align-items: center;
	padding: 170px 0 120px;
	background: #111111;
}

.hero-slide-media{
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.hero-slide-media img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.hero-media-desk{
	display: block;
}

.hero-media-mob{
	display: none;
}

.hero-pagination{
	position: absolute;
	bottom: 34px !important;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

.hero-pagination .swiper-pagination-bullet{
	width: 28px;
	height: 3px;
	border-radius: 100px;
	background: rgba(255,255,255,0.35);
	opacity: 1;
	margin: 0 5px !important;
	transition: all 0.3s ease-in-out;
}

.hero-pagination .swiper-pagination-bullet-active{
	width: 48px;
	border-radius: 100px;
	background: var(--white-color);
}




.hero::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 24%),
		linear-gradient(to top, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 28%);
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

.hero-slide::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, rgba(8,10,8,0.74) 0%, rgba(8,10,8,0.46) 44%, rgba(8,10,8,0.12) 68%, rgba(8,10,8,0.02) 82%);
	z-index: 1;
	pointer-events: none;
}

.hero-slide .container{
	position: relative;
	z-index: 2;
}

.hero .container{
	position: relative;
	z-index: 2;
}

.hero-content .section-title p{
	width: 100%;
	max-width: 560px;
	font-size: 18px;
	line-height: 1.65;
	color: rgba(255,255,255,0.88);
	text-shadow: 0 1px 12px rgba(0,0,0,0.45);
}

.hero-content .section-title h1{
	text-shadow: 0 2px 24px rgba(0,0,0,0.45);
	letter-spacing: -0.015em;
	line-height: 1.06;
}

.hero-btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px 30px;
	margin-top: 34px;
}

.hero-content{
	max-width: 640px;
}

.hero-btn .readmore-btn{
	color: var(--white-color);
}

.hero-btn .readmore-btn:hover{
	color: var(--white-color);
	opacity: 0.8;
}

.hero-btn .readmore-btn::before{
	background-image: url('../images/arrow-white.svg');
}

.hero-content-body{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.satisfy-client-img{
	position: relative;
	display: inline-block;
	border: 1px solid var(--primary-color);
    border-radius: 50%;
    overflow: hidden;
    margin-left: -16px;
	z-index: 1;
}

.satisfy-client-img:first-child{
    margin: 0;
}

.satisfy-client-img figure{
	display: block;
}

.satisfy-client-img img{
    max-width: 50px;
	border-radius: 50%;
}

.hero-counter-box h3{
	font-size: 20px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.hero-counter-box p{
	color: var(--white-color);
	margin: 0;
}

.hero-counter-box p i{
	color: var(--white-color);
}

.hero-counter-box p span{
	font-weight: 600;
}

/************************************/
/***   05. Scrolling Ticker css   ***/
/************************************/

.our-scrolling-ticker{
	position: relative;
	background-color: var(--accent-color);
	padding: 25px 0;
	z-index: 1;
}

.scrolling-ticker-box{
	--gap: 30px;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	align-items: center;
}

.scrolling-content{
	flex-shrink: 0;
	display: flex;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll 50s linear infinite;
}

.scrolling-content span{
	display: inline-block;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	color: var(--white-color);
}

.scrolling-content span img{
	width: 100%;
	max-width: 30px;
	margin-right: 30px;
}

@keyframes scroll{
	from{
		transform: translateX(0);
	}

	to{
		transform: translateX(calc(-100% - var(--gap)));
	}
}

/************************************/
/***   	   06. About Us css       ***/
/************************************/

.about-us{
	padding: 100px 0;
}

.about-us-images{
    position: relative;
    padding: 90px 195px 150px 20px;
    margin-right: 50px;
}

.about-image-1 figure,
.about-image-2 figure,
.about-image-3 figure{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.about-image-1 figure img,
.about-image-2 figure img,
.about-image-3 figure img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.about-image-1{
	transform: rotate(-7deg);
}

.about-image-1 figure img{
	aspect-ratio: 1 / 1.265;
}

.about-image-2{
	position: absolute;
	top: 10px;
    right: 5px;
	width: 100%;
	max-width: 340px;
	transform: rotate(5deg);
}

.about-image-2 figure img{
	aspect-ratio: 1 / 0.521;
}

.about-image-3{
	position: absolute;
	bottom: 15px;
    right: 20px;
	width: 100%;
	max-width: 255px;
	transform: rotate(9deg);
}

.about-image-3 figure img{
	aspect-ratio: 1 / 1.199;
}

.about-image-circle{
    position: absolute;
    top: -90px;
    left: 50px;
}

.about-image-circle a,
.about-image-circle a img{
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.about-image-circle a img{
	width: 100%;
	max-width: 140px;
	animation: infiniterotate 25s infinite linear;
}

@keyframes infiniterotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}

.about-image-circle a:hover img{
	animation-play-state: paused;
}

.about-us-list,
.about-us-body{
	margin-bottom: 40px;
}

.about-us-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.about-us-list ul li{
	position: relative;
	line-height: 1.4em;
	padding-left: 25px;
	margin-bottom: 15px;
}

.about-us-list ul li:last-child{
	margin-bottom: 0;
}

.about-us-list ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

.about-us-body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}

.about-body-image{
	width: calc(52% - 15px);
}

.about-body-content{
	width: calc(48% - 15px);
}

.about-body-image figure{
	display: block;
	border-radius: 20px;
}

.about-body-image img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 0.33;
	border-radius: 20px;
}

.about-body-content h3{
	font-size: 22px;
	line-height: 1.4em;
}

.about-body-content h3 span{
	color: var(--accent-color);
}

.about-us-footer{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 40px;
}

.contact-now-box{
	display: flex;
	align-items: center;
}

.contact-now-box .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color);
	border-radius: 50%;
	margin-right: 15px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.contact-now-box .icon-box::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    width: 100%;
    height: 100%;
	border-radius: 50%;
	transform: scale(0);
    transition: all 0.3s ease-in-out;
    z-index: 0;
}

.contact-now-box:hover .icon-box::before{
	transform: scale(1);
}

.contact-now-box .icon-box img{
	position: relative;
	width: 100%;
	max-width: 25px;
	z-index: 1;
}

.contact-now-box-content p{
	margin-bottom: 5px;
}

.contact-now-box-content h3{
	font-size: 20px;
}

.contact-now-box-content h3 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.contact-now-box-content h3 a:hover{
	color: var(--primary-color);
}


/************************************/
/***   	 07. Our Services css     ***/
/************************************/

.our-services{
	background-image: url('../images/section-bg-1.png');
	background-repeat: no-repeat;
	background-position: top -50px left -50px;
	background-size: auto;
	padding: 100px 0;
}

.our-services .row .col-lg-4:nth-child(even) .our-services-box{
	flex-direction: column-reverse;
}

.our-services-box{
	display: flex;
	flex-direction: column;
	gap: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.services-item{
	background: var(--white-color);
	border-radius: 20px;
	text-align: center;
	padding: 60px 40px;
}

.services-item-content{
	margin-bottom: 30px;
}

.services-item-content h3{
	font-size: 20px;
	color: #1A1A1A;
	margin-bottom: 30px;
}

.services-item-content h3 a{
	color: inherit;
}

.services-item-content p{
	color: var(--text-color);
	margin: 0;
}

.services-item .icon-box{
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.services-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: var(--accent-color);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.services-item:hover .icon-box::before{
	transform: scale(1);
}

.services-item .icon-box img{
	position: relative;
	max-width: 30px;
	filter: brightness(0) invert(1);
	z-index: 1;
}

.services-image{
	height: 100%;
}

.services-image figure{
	display: block;
	height: 100%;
	border-radius: 20px;
}

.services-image img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.869;
	object-fit: cover;
	border-radius: 20px;
}

.our-service-content{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.service-item{
	position: relative;
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
	overflow: hidden;
}

.service-item::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--accent-color);
	border-radius: 999px 999px 0 0;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.service-item.active::after,
.service-item:hover::after{
    height: 100%;
	border-radius: 0;
}

.service-item .icon-box{
	position: relative;
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--accent-color);
	border-radius: 50%;
	margin-bottom: 40px;
	z-index: 1;
}

.service-item .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.service-item.active .icon-box::before,
.service-item:hover .icon-box::before{
	transform: scale(1);
}

.service-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.service-item-content{
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
}

.service-item-content h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 15px;
	transition: all 0.4s ease-in-out;
}

.service-item-content h3 a{
	color: inherit;
}

.service-item-content p{
	margin-bottom: 0;
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.service-item.active .service-item-content h3,
.service-item:hover .service-item-content h3,
.service-item.active .service-item-content p,
.service-item:hover .service-item-content p{
	color: var(--white-color);
}

.service-readmore-btn{
	position: relative;
	color: var(--primary-color);
	z-index: 1;
}

.service-readmore-btn a{
	color: var(--primary-color);
}

.service-readmore-btn a::before{
	background-image: url('../images/arrow-primary.svg');
}

.service-item.active .service-readmore-btn a,
.service-item:hover .service-readmore-btn a{
	color: var(--white-color);
}

.service-item.active .service-readmore-btn a::before,
.service-item:hover .service-readmore-btn a::before{
	background-image: url('../images/arrow-white.svg');
	filter: none;
}

.service-cta-box{
	position: relative;
	background: url('../images/service-cta-box-bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
	align-content: center;
    height: calc(100% - 30px);
	margin-bottom: 30px;
    padding: 40px;
	overflow: hidden;
}

.service-cta-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.service-cta-box-info,
.service-cta-box .contact-now-box{
	position: relative;
	z-index: 1;
}

.service-cta-box-info{
	margin-bottom: 30px;
}

.service-cta-box-info h3{
	font-size: 20px;
	color: var(--white-color);
	margin-bottom: 10px;
}

.service-cta-box-info h2{
	font-size: 30px;
	color: var(--white-color);
}

.service-cta-box .contact-now-box-content p,
.service-cta-box .contact-now-box-content h3{
	color: var(--white-color);
}

.section-footer-text{
	margin-top: 30px;
	text-align: center;
}

.section-footer-text p{
	margin-bottom: 0;
}

.dark-section .section-footer-text p{
	color: var(--white-color);
}

.section-footer-text span{
	display: inline-block;
	line-height: 1em;
	color: var(--primary-color);
	background: var(--accent-color);
	border-radius: 30px;
	padding: 4px 12px;
	margin-right: 10px;
}

.section-footer-text p a{
	font-weight: 600;
	color: var(--accent-color);
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover{
	color: var(--primary-color);
}

.dark-section .section-footer-text p a:hover{
	color: var(--white-color);
}

/************************************/
/***   	07b. Product Groups css   ***/
/************************************/

.product-groups{
	padding: 110px 0 100px;
}

.product-groups .pg-label{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--white-color);
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 100px;
	padding: 8px 18px;
	margin-bottom: 20px;
}

.product-groups .pg-label::before{
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--white-color);
}

.product-groups .section-title .title-light{
	font-weight: 300;
	color: var(--white-color);
	opacity: 0.75;
}

.product-groups .section-title .title-dot{
	color: var(--white-color);
}

.product-groups .pg-head-side{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
	padding-left: 30px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.product-groups .pg-head-side p{
	color: rgba(255, 255, 255, 0.72);
	font-size: 17px;
	margin: 0;
}

.pg-grid{
	row-gap: 30px;
}

.pg-card{
	position: relative;
	display: block;
	border-radius: 24px;
	overflow: hidden;
	background: var(--white-color);
	height: calc(100% - 30px);
	margin-bottom: 30px;
	transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.pg-card:hover{
	transform: translateY(-8px);
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
}

.pg-media{
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1.02;
}

.pg-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;
}

.pg-card:hover .pg-media img{
	transform: scale(1.08);
}

.pg-media::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 55%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%);
}

.pg-num{
	position: absolute;
	top: 14px;
	left: 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.18em;
	color: var(--white-color);
	background: rgba(0, 0, 0, 0.45);
	backdrop-filter: blur(6px);
	border-radius: 100px;
	padding: 6px 14px;
	z-index: 2;
}

.pg-tag{
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 12px;
	font-weight: 600;
	color: var(--primary-color);
	background: var(--white-color);
	border-radius: 100px;
	padding: 6px 13px;
	z-index: 2;
}

.pg-body{
	padding: 22px 22px 20px;
}

.pg-body h3{
	font-size: 21px;
	color: #111111;
	margin-bottom: 8px;
}

.pg-body p{
	font-size: 15px;
	line-height: 1.55em;
	color: #626C6D;
	margin-bottom: 16px;
}

.pg-foot{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #EEEEEE;
	padding-top: 14px;
}

.pg-foot-text{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--primary-color);
}

.pg-arrow{
	position: relative;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #111111;
	transition: background 0.3s ease;
}

.pg-arrow::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translate(-60%, -50%) rotate(45deg);
	transition: transform 0.3s ease;
}

.pg-card:hover .pg-arrow{
	background: var(--primary-color);
}

.pg-card:hover .pg-arrow::after{
	transform: translate(-40%, -50%) rotate(45deg);
}

.pg-cta-strip{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 14px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(8px);
	border-radius: 20px;
	padding: 26px 32px;
}

.pg-cta-text h3{
	font-size: 24px;
	color: var(--white-color);
	margin-bottom: 4px;
}

.pg-cta-text p{
	color: rgba(255, 255, 255, 0.72);
	margin: 0;
}

.pg-cta-action{
	display: flex;
	align-items: center;
	gap: 18px;
}

.pg-phone{
	font-size: 22px;
	font-weight: 700;
	color: var(--white-color);
}

.pg-phone:hover{
	color: var(--white-color);
	opacity: 0.8;
}

.pg-cta-btn{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: var(--primary-color) !important;
	background: var(--white-color);
	border-radius: 12px;
	padding: 15px 34px;
	transition: all 0.3s ease-in-out;
}

.pg-cta-btn:hover{
	background: #111111;
	color: var(--white-color) !important;
}

@media only screen and (max-width: 991px){
	.product-groups{
		padding: 70px 0 60px;
	}

	.product-groups .pg-head-side{
		border-left: none;
		padding-left: 0;
		margin-top: 10px;
	}

	.pg-card{
		height: auto;
	}
}

@media only screen and (max-width: 767px){
	.pg-cta-strip{
		padding: 22px 20px;
	}

	.pg-phone{
		font-size: 19px;
	}
}

/************************************/
/***   	 08. Why Choose Us css    ***/
/************************************/

.why-choose-us{
	padding: 100px 0;
}

.why-choose-box{
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 30px;
}

.why-choose-content{
	width: calc(55% - 15px);
}

.why-choose-body{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.why-choose-content-box{
	width: calc(55% - 15px);
}

.why-choose-item{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
	padding-right: 3.646vw;
}

.why-choose-item .icon-box{
	margin-bottom: 20px;
}

.why-choose-item .icon-box img{
	width: 100%;
	max-width: 40px;
}

.why-choose-item-content h3{
	font-size: 20px;
	text-transform: capitalize;
}

.why-choose-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.why-choose-list ul li{
	position: relative;
	line-height: 1.4em;
	padding-left: 30px;
	margin-bottom: 15px;
}

.why-choose-list ul li:last-child{
	margin-bottom: 0;
}

.why-choose-list ul li:before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

.why-choose-btn{
	margin-top: 60px;
}

.why-choose-body-img{
	width: calc(45% - 15px);
}

.why-choose-body-img figure{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.why-choose-body-img img{
	width: 100%;
    aspect-ratio: 1 / 1.405;
	object-fit: cover;
	border-radius: 20px;
}

.why-choose-image{
	width: calc(45% - 15px);
	position: relative;
	padding: 0 50px 50px 0;
}

.why-choose-img figure{
	display: block;
	border-radius: 20px;
}

.why-choose-img img{
	width: 100%;
    aspect-ratio: 1 / 1.333;
	object-fit: cover;
	border-radius: 20px;
}

.company-experience-box{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 140px;
	height: 140px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-content: center;
	justify-content: center;
	background: var(--accent-color);
	border-radius: 50%;
	padding: 25px;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.company-experience-box:hover{
	background: var(--primary-color);
}

.company-experience-box h3{
	font-size: 30px;
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.company-experience-box p{
	line-height: 1.3em;
	color: var(--white-color);
	text-transform: capitalize;
	margin: 0;
	transition: all 0.3s ease-in-out;
}

.company-experience-box:hover h3,
.company-experience-box:hover p{
	color: var(--white-color);
}

/************************************/
/***   	 09. Intro Video css      ***/
/************************************/

.intro-video{
	position: relative;
	padding: 29.167vw 0 100px;
	background: url('../images/intro-video-bg.jpg');
	background-position: center center;
	background-size: cover;
}

.intro-video::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: linear-gradient(180deg, rgba(24, 85, 92, 0.00) 27.11%, var(--primary-color) 100%);
    width: 100%;
    height: 100%;
}

.intro-video .container{
	position: relative;
	z-index: 1;
}

.intro-video .section-title{
	margin-bottom: 0;
}

.intro-video .section-title h2{
	color: var(--white-color);
}

.video-play-button{
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-play-button a{
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	cursor: none;
}

.video-play-button a i{
	font-size: 20px;
	color: var(--white-color);
	margin-left: 2px;
}

.video-play-button p{
	font-size: 20px;
	font-weight: 600;
	color: var(--white-color);
	margin: 0;
}

.intro-video-list{
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.intro-video-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.intro-video-list ul li{
	position: relative;
	width: calc(25% - 22.5px);
	color: var(--white-color);
	line-height: 1.4em;
	padding-left: 30px;
}

.intro-video-list ul li:after{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

/************************************/
/***   	  10. What We Do css      ***/
/************************************/

.what-we-do{
	position: relative;
	padding: 80px 0;
}

.what-we-do-content{
	margin-right: 30px;
}

.what-we-do-body{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
}

.what-we-do-list{
	width: calc(100% - 210px);
}

.what-we-do-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.what-we-do-list ul li{
	position: relative;
	line-height: 1.4em;
	padding-left: 30px;
	margin-bottom: 15px;
}

.what-we-do-list ul li:last-child{
	margin-bottom: 0;
}

.what-we-do-list ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

.what-we-do-body .about-image-circle{
	position: initial;
}

.what-we-do-body .about-image-circle a img{
	position: initial;
	align-content: center;
	max-width: 180px;
}

.what-we-do-images{
	position: relative;
	padding: 15px 255px 155px 25px;
}

.what-we-do-img-1{
	transform: rotate(-6.46deg);
	border-radius: 20px;
	overflow: hidden;
}

.what-we-do-img-2{
	position: absolute;
	top: 15px;
    right: 25px;
	transform: rotate(10.67deg);
	width: 100%;
	max-width: 265px;
}

.what-we-do-img-2::before{
	content: '';
	position: absolute;
	bottom: 12px;
	right: 20px;
	background: url('../images/what-we-do-image-bg.svg') no-repeat;
	background-position: center center;
    background-size: contain;
	height: 125px;
    width: 95px;
	transform: translateY(100%);
}

.what-we-do-img-2,
.what-we-do-img-3{
	border: 9px solid var(--bg-color);
	border-radius: 20px;
}

.what-we-do-img-3{
	position: absolute;
	bottom: 20px;
    left: 10px;	
	transform: rotate(-7.87deg);
	width: 100%;
	max-width: 370px;
}

.what-we-do-img-1 figure{
	display: block;
}

.what-we-do-img-2 figure,
.what-we-do-img-3 figure{
	display: block;
	border-radius: 12px;
}

.what-we-do-img-1 img,
.what-we-do-img-2 img,
.what-we-do-img-3 img{
	width: 100%;
	object-fit: cover;
}

.what-we-do-img-1 img{
	aspect-ratio: 1 / 1.48;
}

.what-we-do-img-2 img{
	aspect-ratio: 1 / 1.405;
}

.what-we-do-img-3 img{
	aspect-ratio: 1 / 0.644;
}

.client-review-box{
	position: absolute;
	bottom: 45px;
	right: 0;
	display: block;
	width: 100%;
	max-width: 215px;
	background: var(--primary-color);
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0px 0px 11.8px 0px rgba(0, 0, 0, 0.12);
	animation: experienceobject 3s infinite linear alternate;
}

@keyframes experienceobject{
	50%{
		right: 40px;
	}
}

.client-review-images{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.client-review-image{
    display: inline-block;
    margin-left: -14px;
    overflow: hidden;
}

.client-review-image:first-child{
	margin: 0;
}

.client-review-image figure{
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid var(--primary-color);
    border-radius: 50%;
}

.client-review-image img{
	position: relative;
    width: 100%;
	z-index: 1;
}

.client-review-image.add-more{
	width: 40px;
	height: 40px;
	background-color: var(--white-color);
	border-radius: 50%;
	text-align: center;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	z-index: 1;
}

.client-review-image.add-more p{
	font-size: 14px;
	color: var(--primary-color);
	font-weight: 700;
	margin: 0;
}

.client-review-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.client-review-content p i{
	color: var(--accent-color);
	margin: 0 5px;
}

/************************************/
/***   	  11.  Our Facts css      ***/
/************************************/

/* Farm showcase: üstte yatay görsel, altta 4 hover sütunu */
.sb-farm{
	background: var(--bg-color);
	padding: 0;
}

/************************************/
/*** Fresh Delivery Banner        ***/
/************************************/

.fresh-banner{
	padding: 0;
	background: var(--bg-color);
}

.fresh-banner-inner{
	background: var(--primary-color);
	border-radius: 32px 32px 32px 32px;
	padding: 80px 60px;
	min-height: 680px;
	position: relative;
	display: flex;
	align-items: center;
}

.fresh-banner-inner::before{
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: rgba(255,255,255,0.03);
	border-radius: 50%;
}

.fresh-banner-inner::after{
	content: '';
	position: absolute;
	bottom: -80px;
	left: -80px;
	width: 300px;
	height: 300px;
	background: rgba(255,255,255,0.02);
	border-radius: 50%;
}

.fresh-badge{
	display: inline-block;
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.25);
	color: var(--white-color);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 8px 20px;
	border-radius: 50px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px);
}

.fresh-content h2{
	font-size: 62px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 20px;
	line-height: 1.1;
}

.fresh-lead{
	font-size: 20px;
	color: rgba(255,255,255,0.9);
	margin-bottom: 35px;
	line-height: 1.5;
	font-weight: 400;
}

.fresh-features{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 45px;
}

.fresh-feature-item{
	display: flex;
	align-items: flex-start;
	gap: 15px;
	color: var(--white-color);
	background: rgba(255,255,255,0.08);
	padding: 20px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.12);
	transition: all 0.3s ease;
}

.fresh-feature-item:hover{
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.2);
	transform: translateY(-2px);
}

.feature-icon{
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.15);
	border-radius: 10px;
	flex-shrink: 0;
}

.feature-icon i{
	font-size: 20px;
	color: var(--white-color);
}

.feature-text{
	flex: 1;
}

.feature-text strong{
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 4px;
}

.feature-text span{
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	line-height: 1.4;
}

.fresh-cta{
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.fresh-phone{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--white-color);
	font-size: 18px;
	font-weight: 600;
	padding: 12px 24px;
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 10px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.fresh-phone:hover{
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.5);
	color: var(--white-color);
}

.fresh-phone i{
	font-size: 16px;
}

.fresh-image{
	position: relative;
}

.fresh-image img{
	width: 100%;
	height: 100%;
	min-height: 500px;
	border-radius: 12px;
	object-fit: cover;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.fresh-badge-floating{
	position: absolute;
	bottom: 30px;
	left: 30px;
	background: var(--white-color);
	color: var(--primary-color);
	padding: 15px 25px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	font-size: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.badge-icon{
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 8px;
}

.badge-icon i{
	font-size: 20px;
}

@media only screen and (max-width: 991px){
	.fresh-banner-inner{
		padding: 50px 30px;
		min-height: auto;
	}
	
	.fresh-content h2{
		font-size: 40px;
	}
	
	.fresh-features{
		grid-template-columns: 1fr;
	}
	
	.fresh-cta{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.fresh-phone{
		width: 100%;
		justify-content: center;
	}
	
	.fresh-image{
		margin-top: 40px;
	}
	
	.fresh-badge-floating{
		bottom: 20px;
		left: 20px;
		padding: 12px 20px;
		font-size: 13px;
	}
}

.sb-farm .section-title{
	margin-bottom: 0;
}

.sb-farm .section-title .title-light{
	font-weight: 300;
	color: #950602;
}

.sb-farm .section-title .title-dot{
	color: #950602;
}

.sb-farm-visual{
	position: relative;
	min-height: 600px;
	border-radius: 32px 12px 32px 12px;
	overflow: hidden;
	background: #18181B;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.sb-farm-visual::before{
	content: '';
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-image:
		linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 30%, rgba(255,255,255,0.22) 100%),
		linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 30%, rgba(255,255,255,0.22) 100%),
		linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 30%, rgba(255,255,255,0.22) 100%);
	background-size: 1px 100%, 1px 100%, 1px 100%;
	background-repeat: no-repeat;
	background-position: 25% 0, 50% 0, 75% 0;
}

.sb-farm-slide{
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(1.06);
	transition: opacity 0.7s ease, transform 1.1s ease;
}

.sb-farm-slide.is-active{
	opacity: 1;
	transform: scale(1);
}

.sb-farm-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sb-farm-slide::after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(24,24,27,0.05) 0%, rgba(24,24,27,0) 35%, rgba(24,24,27,0.72) 78%, rgba(24,24,27,0.92) 100%);
}

.sb-farm-tag{
	position: absolute;
	left: 24px;
	top: 24px;
	bottom: auto;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: var(--white-color);
	background: rgba(24,24,27,0.55);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 100px;
	padding: 10px 18px;
	backdrop-filter: blur(8px);
}

.sb-farm-grid{
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-top: 1px solid rgba(255,255,255,0.18);
	background: rgba(24,24,27,0.28);
	backdrop-filter: blur(14px);
}

.sb-farm-item{
	position: relative;
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	background: transparent;
	border: none;
	border-right: 1px solid rgba(255,255,255,0.14);
	border-radius: 0;
	padding: 20px 22px 22px;
	cursor: pointer;
	transition: all 0.35s ease;
	overflow: hidden;
	backdrop-filter: none;
}

.sb-farm-item:last-child{
	border-right: none;
}

.sb-farm-item::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto;
	height: 3px;
	background: rgba(255,255,255,0.85);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
}

.sb-farm-item::after{
	content: attr(data-num);
	position: absolute;
	right: 16px;
	top: 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: rgba(255,255,255,0.35);
	transition: color 0.3s ease;
}

.sb-farm-item.is-active,
.sb-farm-item:hover{
	background: var(--primary-color);
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

.sb-farm-item.is-active::before,
.sb-farm-item:hover::before{
	transform: scaleX(1);
}

.sb-farm-icon{
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	border-radius: 50%;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.22);
	color: #FFFFFF;
	font-size: 32px;
	margin-bottom: 0;
	transition: all 0.35s ease;
}

.sb-farm-icon i{
	color: #FFFFFF;
	font-size: 20px !important;
	line-height: 1 !important;
}

.sb-farm-item.is-active .sb-farm-icon,
.sb-farm-item:hover .sb-farm-icon{
	background: rgba(255,255,255,0.18);
	border-color: rgba(255,255,255,0.5);
	color: var(--white-color);
}

.sb-farm-text{
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.sb-farm-item strong{
	font-size: 18px;
	font-weight: 600;
	color: var(--white-color);
	transition: color 0.3s ease;
}

.sb-farm-item em{
	font-style: normal;
	font-size: 13px;
	line-height: 1.5;
	color: rgba(255,255,255,0.72);
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sb-farm-item.is-active strong,
.sb-farm-item:hover strong{
	color: var(--white-color);
}

.sb-farm-item.is-active em,
.sb-farm-item:hover em{
	color: rgba(255,255,255,0.85);
}

.sb-farm-item.is-active::after,
.sb-farm-item:hover::after{
	color: rgba(255,255,255,0.7);
}

.sb-farm-thumb{
	display: none;
}

.sb-farm-main{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	min-width: 0;
	width: 100%;
}

@media only screen and (max-width: 991px){
	.sb-farm{
		padding: 60px 0 0;
	}

	.sb-farm-visual::before{
		display: none;
	}

	.sb-farm-visual{
		min-height: 0;
		height: auto;
		max-height: none;
		justify-content: flex-start;
		overflow: hidden;
		background: #18181B;
		border-radius: 24px 8px 24px 8px;
		gap: 0;
	}

	.sb-farm-slide{
		position: relative;
		inset: auto;
		display: none;
		opacity: 1;
		transform: none;
		border-radius: 0;
		overflow: hidden;
		background: transparent;
	}

	.sb-farm-slide.is-active{
		display: block;
		opacity: 1;
		transform: none;
	}

	.sb-farm-slide img{
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		object-position: center;
		display: block;
	}

	.sb-farm-slide::after{
		background: linear-gradient(180deg, rgba(24,24,27,0.04) 0%, rgba(24,24,27,0) 45%, rgba(24,24,27,0.18) 100%);
	}

	.sb-farm-grid{
		position: relative;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		gap: 0;
		min-height: 0;
		background: #18181B;
		backdrop-filter: none;
		border-top: none;
		padding: 0;
		border-radius: 0;
		overflow: hidden;
	}

	.sb-farm-item{
		position: relative;
		display: flex;
		grid-template-columns: none;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: none;
		min-height: 0;
		flex: none;
		gap: 0;
		padding: 0;
		overflow: hidden;
		border: none;
		border-right: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(255,255,255,0.12);
		border-radius: 0;
		background: transparent;
		text-align: center;
		pointer-events: auto;
	}

	.sb-farm-item:nth-child(even){
		grid-template-columns: none;
		border-right: none;
	}

	.sb-farm-item:nth-child(1),
	.sb-farm-item:nth-child(2),
	.sb-farm-item:last-child{
		grid-row: auto;
	}

	.sb-farm-item:nth-child(3),
	.sb-farm-item:nth-child(4){
		border-bottom: none;
	}

	.sb-farm-item:nth-child(even) .sb-farm-thumb,
	.sb-farm-item:nth-child(even) .sb-farm-main,
	.sb-farm-item:nth-child(even) .sb-farm-text{
		grid-column: auto;
		grid-row: auto;
		align-items: center;
		text-align: center;
	}

	.sb-farm-thumb{
		display: none;
	}

	.sb-farm-main{
		position: relative;
		z-index: 1;
		padding: 14px 14px 16px;
		gap: 10px;
		align-items: center;
		justify-content: center;
		width: 100%;
		flex-direction: column;
	}

	.sb-farm-icon{
		display: grid;
		width: 36px;
		height: 36px;
		background: rgba(255,255,255,0.14);
		border: 1px solid rgba(255,255,255,0.22);
		color: var(--white-color);
		flex-shrink: 0;
	}

	.sb-farm-icon i{
		font-size: 14px !important;
		color: var(--white-color);
	}

	.sb-farm-text{
		align-items: center;
		text-align: center;
	}

	.sb-farm-item strong{
		font-size: 15px;
		color: var(--white-color);
		text-shadow: none;
	}

	.sb-farm-item em{
		display: -webkit-box;
		max-height: none;
		opacity: 1;
		margin: 2px 0 0;
		font-size: 12px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: rgba(255,255,255,0.74);
	}

	.sb-farm-item::before{
		display: none;
	}

	.sb-farm-item::after{
		display: none;
	}

	.sb-farm-item:hover{
		background: transparent;
		transform: none;
	}

	.sb-farm-item.is-active{
		background: var(--primary-color);
		transform: none;
		border-color: transparent;
	}

	.sb-farm-item.is-active strong,
	.sb-farm-item:hover strong{
		color: var(--white-color);
	}

	.sb-farm-item.is-active em,
	.sb-farm-item:hover em{
		color: rgba(255,255,255,0.88);
	}

	.sb-farm-item.is-active .sb-farm-main,
	.sb-farm-item:hover .sb-farm-main{
		background: transparent;
	}

	.sb-farm-item.is-active .sb-farm-icon,
	.sb-farm-item:hover .sb-farm-icon{
		background: rgba(255,255,255,0.18);
		border-color: rgba(255,255,255,0.45);
		color: var(--white-color);
	}

	.sb-farm-nav{
		display: none !important;
	}
}

@media only screen and (max-width: 767px){
	.sb-farm-visual{
		border-radius: 20px 8px 20px 8px;
	}

	.sb-farm-slide{
		border-radius: 0;
	}

	.sb-farm-slide img{
		aspect-ratio: 4 / 3;
	}

	.sb-farm-main{
		padding: 12px 12px 14px;
		gap: 8px;
	}

	.sb-farm-item strong{
		font-size: 15px;
	}

	.sb-farm-item em{
		font-size: 12px;
		-webkit-line-clamp: 3;
	}
}

.our-facts .container{
	position: relative;
	background-color: #18181B;
	border-radius: 32px 12px 32px 12px;
	padding: 60px;
	overflow: hidden;
}

.our-facts .container::before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('../images/section-bg-1.png'), url('../images/section-bg-1.png');
	background-repeat: no-repeat, no-repeat;
	background-position: top -70px left -70px, bottom -100px right -60px;
	background-size: 440px auto, 560px auto;
	opacity: 0.14;
	filter: brightness(0) invert(1);
	pointer-events: none;
}

.our-facts .container::after{
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(600px 400px at 12% 10%, rgba(255,255,255,0.08), transparent 70%),
		radial-gradient(700px 500px at 88% 90%, rgba(255,255,255,0.06), transparent 70%);
	pointer-events: none;
}

.our-facts .container > .row{
	position: relative;
	z-index: 1;
}

.our-facts-image{
	margin-right: 65px;
	align-content: end;
	height: 100%;
}

.our-facts-image img{
	width: 100%;
	aspect-ratio: 1 / 1.55;
	object-fit: cover;
	margin-bottom: -50px;
}

.our-facts-content{
	height: 100%;
	align-content: center;
}

.facts-counter-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border-top: 1px solid var(--dark-divider-color);
	border-bottom: 1px solid var(--dark-divider-color);
	padding: 40px 0;
	margin: 40px 0;
}

.fact-counter-item{
	position: relative;
	width: calc(33.33% - 20px);
}

.fact-counter-item::before{
	content: '';
	position: absolute;
	top: 0;
	right: -15px;
	bottom: 0;
	background: var(--dark-divider-color);
	width: 1px;
	height: 100%;
}

.fact-counter-item:nth-child(3n + 3):before,
.fact-counter-item:last-child:before{
	display: none;
}

.fact-counter-item h2{
	font-size: 40px;
	color: var(--white-color);
	margin-bottom: 5px;
}

.fact-counter-item p{
	color: var(--white-color);
	margin: 0;
}

.our-facts-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.our-facts-list ul li{
	position: relative;
	width: calc(50% - 15px);
	color: var(--white-color);
	font-weight: 600;
	line-height: 1.4em;
	padding-left: 30px;
}

.our-facts-list ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--white-color);
}

.our-facts-btn{
	margin-top: 40px;
}

/************************************/
/***   	 12. Our Potential css    ***/
/************************************/

.our-potential{
	padding: 100px 0;
}

.our-potential-content{
	height: 100%;
}

.our-potential-counter{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 40px;
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.potential-counter-item{
	width: calc(50% - 15px);
	display: flex;
	align-items: center;
}

.potential-counter-item .counter-circle{
	width: 110px;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 10px solid #1A1A1A;
	border-radius: 50%;
	margin-right: 20px;
}

.potential-counter-item .counter-circle h2{
	font-size: 30px;
	font-weight: 700;
}

.potential-counter-content{
	width: calc(100% - 130px);
}

.potential-counter-content h3{
	font-size: 20px;
}

.potential-body-content{
	margin-bottom: 20px;
}

.potential-body-content h3{
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 20px;
}

.potential-body-content p:last-child{
	margin-bottom: 0;
}

.potential-body-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.potential-body-list ul li{
	position: relative;
	line-height: 1.4em;
	padding-left: 30px;
	margin-bottom: 15px;
}

.potential-body-list ul li:last-child{
	margin-bottom: 0;
}

.potential-body-list ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: #1A1A1A;
}

.our-potential-img{
	margin-left: 15px;
	height: 100%;
}

.our-potential-img figure{
	display: block;
	border-radius: 20px;
}

    .our-potential-img img{
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1 / 1.32;
        border-radius: 20px;
    }

/************************************/
/***   	13. Our Testimonial css   ***/
/************************************/

.our-testimonial{
	background-image: url('../images/testimonial-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
}

.our-testimonial-image{
	margin-right: 15px;
}

.our-testimonial-image figure{
	display: block;
	border-radius: 20px;
}

.our-testimonial-image img{
	width: 100%;
	aspect-ratio:  1 / 0.992;
	object-fit: cover;
	border-radius: 20px;
}

.testimonial-slider .swiper-wrapper{
	cursor: none;
}

.testimonial-rating{
	margin-bottom: 20px;
}

.testimonial-item .testimonial-rating i{
	color: var(--primary-color);
}

.testimonial-content{
	margin-bottom: 100px;
}

.testimonial-content p{
	font-size: 20px;
	font-weight: 500;
	color: var(--white-color);
	margin: 0;
}

.testimonial-body{
	display: flex;
	align-items: center;
}

.testimonial-body .author-image{
	margin-right: 15px;
}

.testimonial-body .author-image figure{
	border-radius: 10px;
}

.testimonial-body .author-image img{
	width: 60px;
	height: 60px;
	border-radius: 10px;
}

.testimonial-body .author-content{
	width: calc(100% - 75px);
}

.testimonial-body .author-content h3{
	font-size: 20px;
	color: var(--primary-color);
	text-transform: capitalize;
	margin-bottom: 2px;
}

.testimonial-body .author-content p{
	color: var(--white-color);
	margin: 0;
}

.testimonial-btn{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: right;
	margin-top: 30px;
	z-index: 2;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev{
	position: relative;
	width: 56px;
	height: 56px;
	background: var(--accent-color);
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.testimonial-slider .testimonial-button-next{
	margin-left: 20px;
}

.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover{
	background: var(--primary-color);
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before{
	content: '';
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: url('../images/arrow-white.svg') no-repeat;
	background-position: center center;
	background-size: 24px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.testimonial-slider .testimonial-button-prev::before{
	transform: rotate(180deg);
}

.testimonial-slider .testimonial-button-next:hover::before,
.testimonial-slider .testimonial-button-prev:hover::before{
	filter: brightness(0) invert(0);
}

.testimonial-company-slider{
	border-top: 1px solid var(--dark-divider-color);
	padding-top: 80px;
	margin-top: 80px;
}

.testimonial-company-slider .company-logo{
	text-align: center;
}

.testimonial-company-slider .company-logo img{
	width: 100%;
	max-height: 40px;
}

/************************************/
/***   	   14. Our Goals css      ***/
/************************************/

.our-goals{
	padding: 100px 0;
}

.goals-content-body{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.goals-item{
	position: relative;
	width: calc(50% - 15px);
	background: #1A1A1A;
	border-radius: 20px;
	padding: 30px;
	overflow: hidden;
}

.goals-item::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-color);
	border-radius: 999px 999px 0 0;
	width: 100%;
	height: 0;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.goals-item.active:before,
.goals-item:hover:before{
	height: 100%;
	border-radius: 0;
}

.goals-item .icon-box{
	position: relative;
	margin-bottom: 40px;
	z-index: 1;
}

.goals-item .icon-box img{
	width: 100%;
	max-width: 50px;
	transition: all 0.4s ease-in-out;
}

.goals-item.active .icon-box img,
.goals-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.goals-item-content{
	position: relative;
	z-index: 1;
}

.goals-item-content h3{
	font-size: 20px;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
}

.goals-item-content p{
	margin: 0;
	transition: all 0.3s ease-in-out;
}

.goals-item.active .goals-item-content h3,
.goals-item:hover .goals-item-content h3,
.goals-item.active .goals-item-content p,
.goals-item:hover .goals-item-content p{
	color: var(--white-color);
}

.goals-item-content h3{
	color: var(--white-color);
}

.goals-item-content p{
	color: rgba(255, 255, 255, 0.75);
}

.goals-content-footer{
	display: flex;
	align-items: center;
	gap: 20px 30px;
	margin-top: 60px;
}

.our-goals-images{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-left: 20px;
}

.goals-image-box{
	width: calc(50% - 5px);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.goals-image-box figure{
	display: block;
	width: 100%;
	border-radius: 20px;
}

.goals-image-box img{
	width: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.goals-img-2,
.goals-img-1,
.goals-img-4,
.goals-img-3{
	width: 100%;
}

.goals-img-1 img{
	aspect-ratio: 1 / 0.9672;
}

.goals-img-2 img{
	aspect-ratio: 1 / 1.068;
}

.goals-img-3 img{
	aspect-ratio: 1 / 1.2;
}

.goals-img-4 img{
	aspect-ratio: 1 / 1.085;
}

.our-goals-images .about-image-circle{
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
}

/************************************/
/***   	   15. Our FAQs css       ***/
/************************************/

.our-faqs{
	padding: 100px 0;
}

.our-faqs-content{
	position: sticky;
	top: 40px;
	margin-right: 30px;
}

.faq-cta-box{
	position: relative;
	display: inline-flex;
	background: var(--accent-color);
	border-radius: 20px;
	padding: 40px;
	overflow: hidden;
}

.faq-cta-box::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: var(--white-color);
	border-radius: 20px;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.faq-cta-box:hover:before{
	height: 100%;
}

.faq-cta-box .icon-box{
	position: relative;
	margin-right: 20px;
	z-index: 1;
}

.faq-cta-box .icon-box img{
	max-width: 60px;
}

.faq-cta-box .faq-cta-content{
	position: relative;
	width: calc(100% - 80px);
	z-index: 1;
}

.faq-cta-content p{
	color: var(--primary-color);
	margin-bottom: 10px;
}

.faq-cta-content p:last-child{
	margin-bottom: 0;
}

.faq-cta-content p a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.faq-cta-content p a:hover{
	color: var(--primary-color);
}

.faq-cta-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.faq-accordion .accordion-item{
    border-bottom: 1px solid var(--dark-divider-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.faq-accordion .accordion-item:last-child{
    margin-bottom: 0;
	padding-bottom: 0;
    border-bottom: none;
}

.faq-accordion .accordion-header .accordion-button{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    color: var(--white-color);
    padding-right: 30px;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed){
    color: var(--white-color);
    padding-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 0;    
    font-size: 20px;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    transform: rotate(180deg);
    color: var(--accent-color);
}

.faq-accordion .accordion-item .accordion-body{
    padding-right: 30px;
}

.faq-accordion .accordion-item:last-child .accordion-body{
    padding-bottom: 0;
}

.faq-accordion .accordion-item .accordion-body p{
    color: var(--white-color);
    margin-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-body p:last-child{
    margin-bottom: 0;
} 

/************************************/
/***   	   16. Our Blogs css      ***/
/************************************/

.our-blog{
	padding: 100px 0 70px;
}

.our-blog .section-row{
	margin-bottom: 40px;
}

.our-blog-header{
	align-items: center;
}

.our-blog-btn-desktop .section-btn{
	display: flex;
	justify-content: flex-end;
}

.our-blog-btn-mobile{
	display: none;
}

.our-blog .section-title h2{
	color: #000000;
	white-space: nowrap;
}

.our-blog .section-title h2 .split-line{
	white-space: nowrap;
	display: inline !important;
}

.our-blog .section-title h2 div{
	display: inline !important;
}

.our-blog .section-title h2 .title-light{
	font-weight: 500;
	color: #950602;
}

.our-blog .section-title h2 .title-dot{
	color: #950602;
}

.our-blog .section-title p{
	margin-top: 0;
}

.post-item{
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 32px 12px 32px 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
	padding: 16px;
	display: flex;
	flex-direction: column;
	transition: transform 0.5s ease, box-shadow 0.5s ease, border-color 0.5s ease;
}

.our-blog .post-item:hover{
	border-color: rgba(149, 6, 2, 0.18);
}

.post-featured-image{
	position: relative;
	overflow: hidden;
	border-radius: 22px 8px 22px 8px;
	background: #f9fafb;
	border: 1px solid #f4f4f5;
}

.post-featured-image a{
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.post-featured-image figure{
	display: block;
	margin: 0;
	position: relative;
}

.post-featured-image img{
    aspect-ratio: 1 / 0.68;
	width: 100%;
    object-fit: cover;
	display: block;
    transition: transform 0.7s ease;
}

.post-item:hover .post-featured-image img{
	transform: scale(1.06);
}

/* Proje stili: görsel üstü rozetler */
.post-badge-cat{
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: #18181b;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(149, 6, 2, 0.12);
	border-radius: 999px;
	padding: 6px 12px;
}

.post-badge-date{
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	background: rgba(24, 24, 27, 0.8);
	backdrop-filter: blur(6px);
	border-radius: 999px;
	padding: 6px 12px;
}

.post-item-body{
	padding: 20px 4px 4px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* Proje stili: meta satırı (süre / kategori) */
.post-meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #a1a1aa;
}

.post-meta span{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.post-meta-sep{
	opacity: 0.55;
}

.post-meta i{
	font-size: 12px;
	color: #a1a1aa;
}

.post-item-content{
	margin: 10px 0 0;
}

.post-item-content h2{
    font-size: 22px;
	font-weight: 500;
	line-height: 1.25em;
	letter-spacing: -0.02em;
	color: #18181b;
}

.post-item-content h2 a{
	display: inline-block;
    color: inherit;
	transition: color 0.3s ease;
}

.our-blog .post-item:hover .post-item-content h2 a{
	color: #950602;
}

.post-item-text{
	margin: 8px 0 0;
	font-size: 15.3px;
	line-height: 1.65em;
	color: #57575b;
}

/* Blog kartı "Devamını Oku" — blog.php (.page-blog) ile aynı */
.post-item-btn{
	margin-top: auto;
	padding-top: 16px;
}

.our-blog .post-item-btn,
.page-blog .post-item-btn{
	margin-top: auto;
	padding-top: 16px;
}

.our-blog .post-item-btn .readmore-btn,
.page-blog .post-item-btn .readmore-btn{
	position: relative;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	color: var(--primary-color);
	padding-right: 28px;
	transition: all 0.3s ease-in-out;
}

.our-blog .post-item-btn .readmore-btn:hover,
.page-blog .post-item-btn .readmore-btn:hover{
	color: var(--primary-color);
}

.our-blog .post-item-btn .readmore-btn::before,
.page-blog .post-item-btn .readmore-btn::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	transform: translate(-3px, -50%);
	transition: all 0.3s ease-in-out;
	display: block;
}

.our-blog .post-item-btn .readmore-btn:hover::before,
.page-blog .post-item-btn .readmore-btn:hover::before{
	transform: translate(0px, -50%);
}

.our-blog .post-item-btn .readmore-btn::after,
.page-blog .post-item-btn .readmore-btn::after{
	display: none;
}

/* Proje düzeni: solda featured + sağda alt alta yatay kartlar */
.blog-featured-row{
	align-items: stretch;
}

.post-item-featured{
	height: calc(100% - 30px);
}

.post-item-featured .post-featured-image img{
	aspect-ratio: 1 / 0.72;
}

.blog-side-list{
	display: flex;
	flex-direction: column;
	gap: 0;
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.blog-side-list .post-item-side{
	flex: 1;
	margin-bottom: 20px;
}

.blog-side-list .post-item-side:last-child{
	margin-bottom: 0;
}

.post-item-side{
	flex-direction: row;
	gap: 16px;
	align-items: stretch;
	padding: 12px;
	border-radius: 28px 12px 28px 12px;
}

.post-item-side .post-featured-image{
	width: 210px;
	min-width: 210px;
	align-self: stretch;
	border-radius: 18px 8px 18px 8px;
}

.post-item-side .post-featured-image a,
.post-item-side .post-featured-image figure{
	height: 100%;
}

.post-item-side .post-featured-image img{
	height: 100%;
	min-height: 170px;
	aspect-ratio: auto;
}

.post-item-side .post-item-body{
	padding: 6px 8px 6px 0;
	justify-content: center;
}

.post-item-side .post-item-content h2{
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.post-item-side .post-item-text{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.post-item-side.post-item .post-item-btn{
	padding-top: 10px;
}

@media only screen and (max-width: 991px){
	.blog-side-list{
		height: auto;
	}

	.post-item-featured{
		height: auto;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px){
	.post-item{
		padding: 12px;
	}

	.post-item-side{
		flex-direction: column;
	}

	.post-item-side .post-featured-image{
		width: 100%;
		min-width: 0;
	}

	.post-item-side .post-featured-image img{
		min-height: 0;
		aspect-ratio: 1 / 0.62;
	}

	.post-item-side .post-item-body{
		padding: 14px 4px 4px;
	}

	.post-item-content h2{
		font-size: 18px;
	}

	.post-item-side .post-item-content h2{
		font-size: 18px;
	}
}

/************************************/
/***   	    17. Footer css        ***/
/************************************/

footer.main-footer{
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 80px 0 0 0;
	background-color: #950602;
	background-image: none;
}

footer.main-footer::before{
	content: '';
	position: absolute;
	inset: -20px;
	z-index: 0;
	background: url('../images/footer.jpg') center center / cover no-repeat;
	filter: blur(6px);
	transform: scale(1.05);
}

footer.main-footer .container{
	position: relative;
	z-index: 1;
}

.footer-info-wrap{
	background: #FFFFFF;
	padding: 0;
}

.footer-info-bar{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0;
	background: #FFFFFF;
	padding: 30px 40px;
}

.footer-info-item{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	padding: 0 30px;
	border-right: 1px solid rgba(0,0,0,0.1);
}

.footer-info-item:last-child{
	border: none;
	padding-right: 0;
}

.footer-info-item .icon-box{
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	flex-shrink: 0;
	background: var(--primary-color);
	border-radius: 50%;
	color: var(--white-color);
	font-size: 20px;
	margin-right: 15px;
}

.footer-info-content h3{
	font-size: 17px;
	color: #1A1A1A;
	margin-bottom: 4px;
}

.footer-info-content p{
	color: var(--text-color);
	opacity: 1;
	font-size: 14px;
	margin: 0;
}

.footer-top-row{
	padding-bottom: 0;
	border-bottom: none;
	--bs-gutter-x: 40px;
	row-gap: 30px;
}

.footer-about{
	position: relative;
	overflow: hidden;
	padding: 22px 20px;
	border-radius: 20px 8px 20px 8px;
	border: 1px solid rgba(255,255,255,0.18);
}

.footer-about::before{
	content: '';
	position: absolute;
	inset: -28px;
	z-index: 0;
	background: url('../images/footer.jpg') center center / cover no-repeat;
	filter: blur(18px);
	transform: scale(1.12);
}

.footer-about > *{
	position: relative;
	z-index: 1;
}

.footer-about .footer-logo{
	margin-bottom: 20px;
}

.footer-logo-hr{
	display: none;
}

.footer-about .footer-logo img{
	filter: brightness(0) invert(1);
}

.footer-about p{
	color: #FFFFFF;
	opacity: 1;
	line-height: 1.7em;
	margin-bottom: 25px;
	text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}

.footer-contact-strip{
	display: flex;
	align-items: center;
	gap: 0;
	margin: 50px 0;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 20px;
	padding: 28px 32px;
}

.footer-contact-strip-item{
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1 1 0;
	padding: 0 28px;
	border-right: 1px solid rgba(255,255,255,0.2);
}

.footer-contact-strip-item:first-child{
	padding-left: 0;
}

.footer-contact-strip-item .icon-box{
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	flex-shrink: 0;
	background: var(--white-color);
	border-radius: 50%;
	color: var(--primary-color);
	font-size: 18px;
}

.footer-contact-strip-text{
	display: flex;
	flex-direction: column;
	line-height: 1.4;
	min-width: 0;
}

.footer-contact-strip-text em{
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #FFFFFF;
	opacity: 0.7;
}

.footer-contact-strip-text strong{
	font-size: 17px;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}

.footer-contact-strip-btn{
	margin-left: 28px;
	flex-shrink: 0;
}

.footer-middle-row{
	padding: 50px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.footer-note{
	color: #FFFFFF;
	opacity: 0.85;
	line-height: 1.7em;
	margin-bottom: 20px;
	text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}

.footer-check-list li{
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.footer-check-list li i{
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 5px;
	text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}

.footer-check-list li span{
	color: #FFFFFF;
	opacity: 0.9;
	text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}

.footer-districts{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.footer-districts li{
	margin-bottom: 0 !important;
}

.footer-districts li a{
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.35);
	background: rgba(255,255,255,0.08);
	border-radius: 100px;
	padding: 7px 16px;
	font-size: 13px;
}

.footer-districts li a:hover{
	background: var(--white-color);
	border-color: var(--white-color);
	color: var(--primary-color);
	opacity: 1;
	padding-left: 16px;
}

.footer-mini-link{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.footer-mini-link:hover{
	opacity: 0.7;
}

.footer-mini-link i{
	font-size: 12px;
}

.footer-pay-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}

.footer-pay-badges span{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	border: 1px solid rgba(255,255,255,0.35);
	background: rgba(255,255,255,0.08);
	border-radius: 8px;
	padding: 7px 12px;
}

.footer-working-hours{
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 25px;
}

.footer-working-hours > i{
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	background: var(--white-color);
	border-radius: 50%;
	color: var(--primary-color);
	font-size: 15px;
}

.footer-working-hours span{
	display: block;
	font-size: 13px;
	color: #FFFFFF;
	opacity: 0.85;
}

.footer-working-hours strong{
	display: block;
	font-size: 15px;
	color: #FFFFFF;
}

.footer-social{
	display: flex;
	gap: 10px;
}

.footer-social a{
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid var(--white-color);
	background: var(--white-color);
	color: var(--primary-color);
	font-size: 15px;
	transition: all 0.3s ease-in-out;
}

.footer-social a:hover{
	background: transparent;
	border-color: var(--white-color);
	color: var(--white-color);
}

.newsletter-form .form-group{
	display: flex;
	width: 85%;
}

.newsletter-form .form-group .form-control{
	width: calc(100% - 60px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--white-color);
	background: transparent;
	border: 1px solid var(--dark-divider-color);
	border-right: none;
	border-radius: 10px 0 0 10px;
	outline: none;
	box-shadow: none;
	padding: 17px 20px;
}

.newsletter-form .form-group .form-control::placeholder{
	color: var(--white-color);
}

.newsletter-form .form-group .newsletter-btn{
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--accent-color);
	border: none;
	border-radius: 0 10px 10px 0;
	transition: all 0.3s ease-in-out;
}

.newsletter-form .form-group .newsletter-btn:hover{
	background-color: var(--white-color);
}

.newsletter-form .form-group .newsletter-btn i{
	font-size: 28px;
	color: var(--white-color);
	margin-right: 3px;
}

.footer-link-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.footer-links{
	position: relative;
	overflow: hidden;
	padding: 22px 20px;
	border-radius: 20px 8px 20px 8px;
	border: 1px solid rgba(255,255,255,0.18);
}

.footer-links::before{
	content: '';
	position: absolute;
	inset: -28px;
	z-index: 0;
	background: url('../images/footer.jpg') center center / cover no-repeat;
	filter: blur(18px);
	transform: scale(1.12);
}

.footer-links > *{
	position: relative;
	z-index: 1;
}

.footer-links h3{
	font-size: 20px;
	text-transform: capitalize;
	color: #FFFFFF;
	margin-bottom: 25px;
	text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}

.footer-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links ul li{
	text-transform: capitalize;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.footer-links ul li:last-child{
	margin-bottom: 0;
}

.footer-links ul li a{
	color: #FFFFFF;
	transition: all 0.3s ease-in-out;
}

.footer-links ul li a:hover{
	color: #FFFFFF;
	opacity: 0.7;
	padding-left: 5px;
}

.footer-acc-toggle{
	display: block;
	width: 100%;
	border: none;
	background: transparent;
	padding: 0;
	margin: 0 0 25px;
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	color: #FFFFFF;
	text-shadow: 0 1px 8px rgba(0,0,0,0.35);
	cursor: default;
	font-family: inherit;
	line-height: 1.3;
}

.footer-acc-toggle i{
	display: none;
}

.footer-acc-body{
	display: block;
}

@media only screen and (max-width: 991px){
	.footer-about .footer-logo{
		margin-bottom: 14px;
	}

	.footer-about .footer-logo-hr{
		display: block;
		border: 0;
		border-top: 1px solid rgba(255,255,255,0.25);
		margin: 0 0 18px;
		opacity: 1;
		position: relative;
		z-index: 1;
	}

	.footer-links.footer-acc{
		background: #FFFFFF;
		border-color: rgba(255,255,255,0.35);
		padding: 0;
		overflow: hidden;
	}

	.footer-links.footer-acc::before{
		display: none;
	}

	.footer-acc-toggle{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin: 0;
		padding: 16px 18px;
		color: var(--accent-color);
		text-shadow: none;
		font-size: 16px;
		cursor: pointer;
	}

	.col-6 .footer-acc-toggle{
		padding: 14px 12px;
		gap: 6px;
	}

	.col-6 .footer-acc-body{
		padding: 0 12px 14px;
	}

	.footer-acc-toggle i{
		display: inline-block;
		font-size: 12px;
		color: var(--primary-color);
		transition: transform 0.25s ease;
	}

	.footer-acc.is-open .footer-acc-toggle i{
		transform: rotate(180deg);
	}

	.footer-acc-body{
		display: none;
		padding: 0 18px 16px;
	}

	.footer-acc.is-open .footer-acc-body{
		display: block;
	}

	.footer-acc .footer-links ul,
	.footer-acc-body ul{
		margin: 0;
	}

	.footer-acc-body ul li a{
		color: var(--text-color);
	}

	.footer-acc-body ul li a:hover{
		color: var(--primary-color);
		opacity: 1;
		padding-left: 0;
	}
}

.footer-cta-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background-color: var(--dark-divider-color);
	border-radius: 20px;
	margin-top: 60px;
	padding: 40px;
}



.footer-logo img{
	width: 100%;
	max-width: 168px;
}

.footer-contact-box{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0;
}

.footer-contact-item{
	padding-right: 40px;
	margin-right: 40px;
    border-right: 1px solid var(--dark-divider-color);
}

.footer-contact-item:last-child{
	padding: 0;
	margin: 0;
	border: none;
}

.footer-contact-item p{
	color: var(--white-color);
	opacity: 80%;
	margin-bottom: 10px;
}

.footer-contact-item h3{
	font-size: 20px;
	color: var(--white-color);	
}

.footer-contact-item h3 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-contact-item h3 a:hover{
	color: var(--white-color);
	opacity: 0.7;
}

.footer-contact-info ul li{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.footer-contact-info ul li i{
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 5px;
	width: 16px;
	text-align: center;
	text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}

.footer-contact-info ul li span{
	color: #FFFFFF;
}

.footer-mini-map{
	display: flex;
	gap: 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 12px;
	padding: 16px 18px;
	margin-top: 25px;
}

.footer-mini-map > i{
	font-size: 28px;
	color: #FFFFFF;
}

.footer-mini-map strong{
	display: block;
	font-size: 15px;
	color: #FFFFFF;
	margin-bottom: 2px;
}

.footer-mini-map span{
	display: block;
	font-size: 13px;
	color: #FFFFFF;
	opacity: 0.85;
	margin-bottom: 8px;
}

.footer-mini-map a{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: opacity 0.3s ease;
}

.footer-mini-map a:hover{
	opacity: 0.7;
}

.footer-mini-map a i{
	font-size: 12px;
	margin-left: 4px;
}

.footer-tags{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.footer-tags span{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	opacity: 0.85;
	margin-right: 5px;
}

.footer-tags a{
	font-size: 13px;
	color: #FFFFFF;
	border: 1px solid rgba(255,255,255,0.35);
	background: rgba(255,255,255,0.08);
	border-radius: 100px;
	padding: 7px 16px;
	transition: all 0.3s ease-in-out;
}

.footer-tags a:hover{
	background: var(--white-color);
	border-color: var(--white-color);
	color: var(--primary-color);
	opacity: 1;
}

.footer-copyright{
	padding: 30px 0;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.footer-copyright-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
}

.footer-copyright-text{
	order: 1;
}

.footer-copyright-text p{
	color: var(--white-color);
	margin: 0;
}

.footer-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.footer-cosmos{
	order: 2;
	text-align: right;
}

.footer-cosmos img{
	max-height: 25px;
	width: auto;
}

.footer-menu ul li{
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	line-height: normal;
	color: var(--white-color);
	margin-right: 40px;
	transition: all 0.3s ease-in-out;
}

.footer-menu ul li:last-child{
	margin-right: 0;
}

.footer-menu ul li::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -23px;
	margin: auto 0;
	background-color: var(--dark-divider-color);
	border-radius: 50%;
	height: 6px;
	width: 6px;
}

.footer-menu ul li:last-child:before{
	display: none;
}

.footer-menu ul li:hover{
	color: var(--white-color);
	opacity: 0.7;
}

.footer-menu ul li a{
	color: inherit;
}

/************************************/
/***    18. About Us Page css     ***/
/************************************/

.page-header{
	position: relative;
	background: url('../images/page-header-bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 260px 0 130px;
}

.page-header::before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0.55) 0%, rgba(10, 10, 12, 0.42) 55%, rgba(10, 10, 12, 0.62) 100%);
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-header-box{
	position: relative;
	z-index: 1;
	text-align: center;
}

.page-header-box h1{
	display: inline-block;
	font-size: 60px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 10px;
	cursor: none;
}

.page-header-box ol{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
	justify-content: center;
}

.page-header-box ol li.breadcrumb-item{
	font-size: 18px;
	text-transform: capitalize;
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
    color: var(--white-color);
}

.our-approach{
	padding: 100px 0;
}

.approach-goal-item{
	position: relative;
	margin-bottom: 20px;
}

.approach-goal-img figure{
	display: block;
	border-radius: 20px;
}

.approach-goal-img figure:before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(38, 81, 74, 0.00) 37.39%, rgba(38, 81, 74, 0.80) 93.02%);
    z-index: 1;
}

.approach-goal-img img{
	width: 100%;
	aspect-ratio: 1 / 0.32;
	object-fit: cover;
}

.approach-goal-content{
	position: absolute;
	right: 40px;
	bottom: 40px;
	left: 40px;
	z-index: 1;
}

.approach-goal-content h3,
.mission-vision-item h3{
	position: relative;
	font-size: 14px;
    font-weight: 600;
	letter-spacing: 0.2em;
	line-height: normal;
	text-transform: uppercase;
    color: var(--white-color);
	padding-left: 30px;
    margin-bottom: 15px;
}

.approach-goal-content h3::before,
.mission-vision-item h3::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('../images/icon-sub-heading.svg') no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	transition: all 0.4s ease-in-out;
}

.approach-goal-content h2{
	font-size: 22px;
	color: var(--white-color);
	text-transform: capitalize;
}

.our-approach-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.mission-vision-item{
	position: relative;
	width: calc(50% - 15px);
	background: url('../images/mission-vision-item-bg.svg') no-repeat;
	background-position: top left;
	background-size: auto;
	background: var(--bg-color);
    border-radius: 20px;
    padding: 30px;
    overflow: hidden;
}

.mission-vision-item::before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--accent-color);
	border-radius: 999px 999px 0 0;
    height: 0;
    width: 100%;
	transition: all 0.4s ease-in-out;
}

.mission-vision-item.active::before,
.mission-vision-item:hover::before{
	height: 100%;
	border-radius: 0;
}

.mission-vision-item.active h3::before,
.mission-vision-item:hover h3::before{
	filter: brightness(0) invert(0);
}

.mission-vision-item h3,
.mission-vision-item h2,
.mission-vision-item p{
	position: relative;
	z-index: 1;
}

.mission-vision-item h3{
	color: var(--primary-color);
	margin-bottom: 40px;
}

.mission-vision-item h2{
	font-size: 20px;
	margin-bottom: 20px;
}

.mission-vision-item p{
	color: var(--primary-color);
	margin: 0;
}

.our-features{
	padding: 100px 0;
}

.our-features-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
}

.our-features-item{
	width: calc(33.33% - 40px);
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}

.our-features-item:nth-child(even){
	flex-direction: column-reverse;
}

.our-features-image figure{
	display: block;
	border-radius: 20px;
}

.our-features-image img{
	width: 100%;
    aspect-ratio: 1 / 0.84;
	object-fit: cover;
	border-radius: 20px;
}

.our-features-content{
	display: flex;
	gap: 15px;
}

.our-features-body{
	width: calc(100% - 95px);
}

.our-features-body h2{
	font-size: 50px;
	margin-bottom: 25px;
}

.our-features-body h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.our-features-body p{
	margin: 0;
}

.our-features-content .icon-box img{
	width: 100%;
	max-width: 80px;
}

.our-team{
	padding: 100px 0 70px;
}

.team-item{
    height: calc(100% - 30px);
	background: var(--white-color);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
}

.team-image{
	position: relative;
}

.team-image a{
    display: block;
	cursor: none;
	overflow: hidden;
}

.team-image img{
    width: 100%;
    aspect-ratio: 1 / 1.14;
    object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.team-item:hover .team-image img{
	transform: scale(1.1);
}

.team-social-icon{
	position: absolute;
	top: 50%;
    left: 20px;
    right: 20px;
	opacity: 0;
	visibility: hidden;
    transform: translateY(50%);
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.team-item:hover .team-social-icon{
	transform: translateY(-50%);
	opacity: 1;
	visibility: visible;
}

.team-social-icon ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 15px;
}

.team-social-icon ul li a{
	width: 30px;
	height: 30px;
	color: var(--white-color);
	background: var(--primary-color);
	border-radius: 4px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.team-social-icon ul li a:hover{
	background: var(--accent-color);	
    color: var(--white-color);
}

.team-social-icon ul li a i{
	color: inherit;
	font-size: 16px;
}

.team-content{
	padding: 20px;
	text-align: center;
}

.team-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.team-content h3 a{
	display: inline-block;
	color: inherit;
}

.team-content p{
	text-transform: capitalize;
	margin: 0;
}

.our-expertise{
	padding: 100px 0;
}

.our-expertise-body ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

.our-expertise-body ul li{
	position: relative;
	line-height: 1.4em;
	padding-left: 30px;
}

.our-expertise-body ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

.skills-progress-bar{
	margin-bottom: 30px;
}

.skills-progress-bar:last-child{
	margin-bottom: 0px;
}

.skills-progress-bar .skill-data{
	display: flex;
    justify-content: space-between;
	gap: 10px;
    margin-bottom: 15px;
}

.skills-progress-bar .skill-data .skill-title,
.skills-progress-bar .skill-data .skill-no{
	color: var(--primary-color);
	text-transform: capitalize;
}

.skills-progress-bar .skillbar .skill-progress{
	position: relative;
	width: 100%;
	height: 16px;
	background: var(--divider-color);
	border-radius: 100px;
    overflow: hidden;
}

.skills-progress-bar .skillbar .skill-progress .count-bar{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--accent-color);
	border-radius: 100px;
}

.expertise-image{
	position: relative;
	padding: 0 0 60px 80px;
	overflow: hidden;
	margin-left: 15px;
}

.expertise-img figure{
	display: block;
	border-radius: 20px;
}

.expertise-img img{
	width: 100%;
	aspect-ratio: 1 / 0.891;
	object-fit: cover;
	border-radius: 20px;
}

.expertise-image-list{
	max-width: 216px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	z-index: 1;
}

.expertise-list-img{
	border: 6px solid var(--bg-color);
	border-radius: 20px;
	overflow: hidden;
}

.expertise-list-img img{
	width: 100%;
	aspect-ratio: 1 / 0.99;
	object-fit: cover;
}

.expertise-image .about-image-circle{
	top: auto;
	left: auto;
	right: 180px;
	bottom: 0;
}

/************************************/
/*** 	 19. Services Page css	  ***/
/************************************/

.page-services{
	padding: 100px 0 70px;
}

.page-services .service-item{
	background: var(--primary-color);
}

/************************************/
/*** 	 20. Service Single css	  ***/
/************************************/

.page-service-single{
	padding: 100px 0;
}

.page-single-sidebar{
	position: sticky;
	top: 20px;
	margin-right: 15px;
}

.page-category-list{
	border-radius: 20px;
    margin-bottom: 60px;
	overflow: hidden;
}

.page-category-list h3{
    font-size: 20px;
    text-transform: capitalize;
	color: var(--white-color);
	background: var(--accent-color);
    padding: 26px 40px;
}

.page-category-list ul{
	background-color: var(--primary-color);
    list-style: none;
    margin: 0;
    padding: 40px;
}

.page-category-list ul li{
	text-transform: capitalize;
	line-height: 1.5em;
    border-bottom: 1px solid var(--dark-divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.page-category-list ul li:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.page-category-list ul li a{
    position: relative;
    display: block;
    color: var(--white-color);
    padding-right: 30px;
    transition: all 0.3s ease-in-out;
}

.page-category-list ul li:hover a{
    color: var(--white-color);
}

.page-category-list ul li a::before{
	content: '';
    position: absolute;
    top: 50%;
    right: 0;
	transform: translateY(-50%);
	background: url('../images/arrow-white.svg') no-repeat;
	background-size: cover;
	background-position: center center;
    width: 22px;
    height: 22px;
}

.sidebar-cta-box{
	position: relative;
	background: url('../images/sidebar-cta-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 20px;    
	padding: 40px;
    overflow: hidden;
}

.sidebar-cta-box:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    background: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.sidebar-cta-logo,
.cta-contact-item,
.sidebar-cta-image{
	position: relative;
	z-index: 1;
}

.sidebar-cta-logo{
	margin-bottom: 20px;
}

.sidebar-cta-logo img{
	width: 100%;
	max-width: 168px;
}

.cta-contact-item{
	background: var(--dark-divider-color);
	backdrop-filter: saturate(140%) blur(10px);
	-webkit-backdrop-filter: saturate(140%) blur(10px);
	padding: 20px 30px;
	border-radius: 20px;
	margin-bottom: 30px;
}

.cta-contact-header{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.cta-contact-header img{
	width: 100%;
	max-width: 20px;
	margin-right: 10px;
}

.cta-contact-header p{
	color: var(--white-color);
	margin-bottom: 0;
}

.cta-contact-item-content h3{
	font-size: 24px;
	color: var(--white-color);
}

.cta-contact-item-content h3 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.cta-contact-item-content h3 a:hover{
	color: var(--white-color);
}

.sidebar-cta-image{
	border-radius: 20px;
	overflow: hidden;
}

.sidebar-cta-image figure{
	display: block;
}

.sidebar-cta-image img{
	width: 100%;
	aspect-ratio: 1 / 0.483;
	object-fit: cover;
}

.page-single-image{
    margin-bottom: 40px;
}

.page-single-image figure{
    display: block;
    border-radius: 20px;
}

.page-single-image img{
    width: 100%;
    aspect-ratio: 1 / 0.598;
    object-fit: cover;
    border-radius: 20px;
}

.service-entry{
    margin-bottom: 60px;
}

.service-entry p{
    margin-bottom: 20px;
}

.service-entry p:last-child{
    margin-bottom: 0;
}

.service-entry h2{
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-entry ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.service-entry ul li{
	position: relative;
	width: calc(50% - 10px);
	line-height: 1.5em;
	padding-left: 30px;
}

.service-entry ul li::before{
    content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

.service-deliver-box,
.service-quality-box,
.service-caring-box{
	margin-top: 60px;
}

.service-deliver-image-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.service-deliver-image,
.service-deliver-content{
	width: calc(50% - 15px);
}

.service-deliver-image figure{
	display: block;
	border-radius: 20px;
	height: 100%;
}

.service-deliver-image img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.75;
	object-fit: cover;
	border-radius: 20px;
}

.service-deliver-item{
	display: flex;
	background: var(--primary-color);
	border-radius: 20px;
	margin-bottom: 30px;
	padding: 30px;
}

.service-deliver-item:last-child{
	margin-bottom: 0;
}

.service-deliver-item .icon-box{
	position: relative;
    width: 50px;
    height: 50px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 20px;
}

.service-deliver-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: var(--white-color);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.service-deliver-item:hover .icon-box::before{
	transform: scale(1);
}

.service-deliver-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.service-deliver-item-content{
	width: calc(100% - 70px);
}

.service-deliver-item-content h3{
	font-size: 20px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 10px;
}

.service-deliver-item-content p{
	color: var(--white-color);
	margin-bottom: 0;
}

.service-quality-list,
.page-single-image-video{
	margin-top: 40px;
}

.page-single-image-video{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.page-single-image-video figure{
	display: block;
	border-radius: 20px;
}

.page-single-image-video figure::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-color);
	opacity: 70%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.page-single-image-video img{
	width: 100%;
	aspect-ratio: 1 / 0.35;
	object-fit: cover;
	border-radius: 20px;
}

.page-single-image-video .video-play-button{
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.page-single-image-video .video-play-button a{
	width: 50px;
	height: 50px;
	margin: 0;
}

.page-single-image-video .video-play-button a:before,
.page-single-image-video .video-play-button a:after{
	content: '';
	position: absolute;
	top: -50%;
    left: -50%;
    width: 160%;
    height: 160%;
	border: 50px solid var(--white-color);
	opacity: 30%;
	border-radius: 50%;
	transform: scale(0.6);
	z-index: -1;
	animation: border-zooming 1.2s infinite linear;
}

.page-single-image-video .video-play-button a:after{
	animation-delay: .3s;
}

@keyframes border-zooming{
	100%{
		transform: scale(1);
		opacity: 0;
	}
}

.service-caring-item-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.service-caring-item{
	position: relative;
	width: calc(50% - 15px);
	display: flex;
	border-left: 4px solid var(--accent-color);
	background: var(--primary-color);
	border-radius: 20px;
	padding: 20px;
	overflow: hidden;
	transition: all 0.6s ease-in-out;
}

.service-caring-item:hover{
	background: transparent;
}

.service-caring-item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: var(--accent-color);
	transition: all 0.4s ease-in-out;
}

.service-caring-item:hover::before{
	width: 100%;
}

.service-caring-item .icon-box{
	position: relative;
    width: 50px;
    height: 50px;
    background: var(--accent-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 20px;
	z-index: 1;
}

.service-caring-item .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: var(--white-color);
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.3s ease-in-out;
	z-index: 0;
}

.service-caring-item:hover .icon-box::before{
	transform: scale(1);
}

.service-caring-item .icon-box img{
	position: relative;
	width: 100%;
	max-width: 24px;
	z-index: 1;
}

.service-caring-item-content{
	position: relative;
	width: calc(100% - 70px);
	z-index: 1;
}

.service-caring-item-content h3{
	font-size: 20px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
	transition: all 0.4s ease-in-out;
}

.service-caring-item-content p{
	color: var(--white-color);
	margin-bottom: 0;
	transition: all 0.4s ease-in-out;
}

.service-caring-item:hover .service-caring-item-content h3,
.service-caring-item:hover .service-caring-item-content p{
	color: var(--primary-color);
}

.page-single-faqs .faq-accordion .accordion-item{
	border-bottom-color: var(--divider-color);
}

.page-single-faqs .faq-accordion .accordion-header .accordion-button{
	color: var(--primary-color);
}

.page-single-faqs .faq-accordion .accordion-item .accordion-button.collapsed::after{
	color: var(--primary-color);
}

.page-single-faqs .faq-accordion .accordion-item .accordion-body p{
	color: var(--text-color);
}

/************************************/
/*** 	 21. Blog Archive css	  ***/
/************************************/

.page-blog{
	padding: 100px 0;
}

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

.page-pagination ul{
    justify-content: center;
    padding: 0;
    margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--divider-color);
    color: var(--primary-color);
	border-radius: 10px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-weight: 600;
	line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{
    background: var(--accent-color);
	color: var(--white-color);
}

/************************************/
/*** 	 22. Blog Single css	  ***/
/************************************/

.page-single-post{
	padding: 100px 0;
}

.post-single-meta{
	margin-top: 5px;
}

.post-single-meta ol li{
	font-size: 18px;
	color: var(--white-color);
	margin-right: 15px;
}

.post-single-meta ol li:last-child{
	margin-right: 0;
}

.post-single-meta ol li i{
    font-size: 18px;
    color: var(--white-color);
    margin-right: 5px;
}

.post-image{
	position: relative;
	margin-bottom: 30px;
}

.post-image figure{
	display: block;	
	border-radius: 20px;
	overflow: hidden;
}

.post-image img{
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 20px;
}

.post-content{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.page-single-post .col-lg-8 .post-content{
	max-width: none;
	margin: 0;
}

.page-single-post .col-lg-8 .post-image img{
	aspect-ratio: 16 / 10;
}

/************************************/
/*** 	  Blog detay sidebar	  ***/
/************************************/

.sb-blog-sidebar-wrap{
	position: sticky;
	top: 110px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sb-blog-sidebar{
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 24px;
	padding: 22px 18px 18px;
	box-shadow: 0 16px 40px rgba(0,0,0,0.06);
}

.sb-blog-sidebar-head{
	margin-bottom: 16px;
	padding: 0 4px;
}

.sb-blog-search{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 6px 6px 14px;
	border: 1px solid var(--divider-color);
	border-radius: 100px;
	background: #fafafa;
}

.sb-blog-search input{
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 15px;
	font-weight: 500;
	color: var(--accent-color);
	padding: 8px 0;
}

.sb-blog-search input::placeholder{
	color: #a1a1aa;
	font-weight: 400;
}

.sb-blog-search button{
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 100px;
	background: linear-gradient(120deg, #950602, #e21307, #950602);
	background-size: 200% 200%;
	animation: sb-hologram 4s linear infinite;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.sb-blog-sidebar-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: 100px;
	background: rgba(149,6,2,0.08);
	color: var(--primary-color);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.sb-blog-sidebar-head h3{
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--accent-color);
	margin: 0;
	line-height: 1.25;
}

.sb-blog-sidebar-list{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 16px;
}

.sb-blog-sidebar-empty{
	font-size: 14px;
	line-height: 1.5;
	color: #71717a;
	margin: 0 0 14px;
	padding: 0 4px;
}

.sb-blog-side-card{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px;
	border-radius: 16px;
	border: 1px solid var(--divider-color);
	background: #fafafa;
	text-decoration: none;
}

.sb-blog-side-card:hover .sb-blog-side-thumb img{
	transform: scale(1.08);
}

.sb-blog-side-card:hover .sb-blog-side-body strong{
	color: var(--primary-color);
}

.sb-blog-side-thumb{
	flex: 0 0 78px;
	width: 78px;
	height: 78px;
	border-radius: 12px;
	overflow: hidden;
}

.sb-blog-side-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.sb-blog-side-body{
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.sb-blog-side-body em{
	font-style: normal;
	font-size: 12px;
	font-weight: 600;
	color: var(--primary-color);
	letter-spacing: 0.02em;
}

.sb-blog-side-body strong{
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--accent-color);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.25s ease;
}

.sb-blog-side-cats{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sb-blog-side-cats li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px solid var(--divider-color);
	background: #fafafa;
	color: var(--accent-color);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.25s ease;
}

.sb-blog-side-cats li a::after{
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 11px;
	color: var(--primary-color);
}

.sb-blog-side-cats li a:hover{
	border-color: var(--primary-color);
	background: var(--white-color);
	color: var(--primary-color);
}

.sb-blog-sidebar-cta{
	background:
		linear-gradient(160deg, rgba(149,6,2,0.94) 0%, rgba(24,24,27,0.92) 100%),
		url('../kurumsal/1.jpg') center / cover no-repeat;
	border: none;
	color: #FFFFFF;
}

.sb-blog-sidebar-cta .sb-blog-sidebar-badge{
	background: rgba(255,255,255,0.14);
	color: #FFFFFF;
}

.sb-blog-sidebar-cta .sb-blog-sidebar-head h3,
.sb-blog-sidebar-cta p{
	color: #FFFFFF;
}

.sb-blog-sidebar-cta p{
	font-size: 14px;
	line-height: 1.55;
	opacity: 0.88;
	margin: 0 0 16px;
	padding: 0 4px;
}

.sb-blog-sidebar-cta .sb-blog-sidebar-btn{
	background: #FFFFFF;
	color: var(--primary-color);
}

.sb-blog-side-link{
	display: block;
	text-align: center;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,0.88);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sb-blog-side-link:hover{
	color: #FFFFFF;
}

.sb-blog-sidebar-btn{
	width: 100%;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
}

@media only screen and (max-width: 991px){
	.sb-blog-sidebar-wrap{
		position: static;
		margin-top: 8px;
	}

	.sb-blog-sidebar{
		padding: 18px 14px 14px;
	}

	.sb-blog-sidebar-head h3{
		font-size: 20px;
	}

	.sb-blog-side-thumb{
		flex-basis: 72px;
		width: 72px;
		height: 72px;
	}
}

.post-entry{
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-weight: 700;
	line-height: 1.1em;
	margin: 0 0 0.4em;
}

.post-entry h1{
	font-size: 70px;
}

.post-entry h2{
	font-size: 50px;
}

.post-entry h3{
	font-size: 40px;
}

.post-entry h4{
	font-size: 30px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 20px;
}

.post-entry p{
	margin-bottom: 20px;
}

.post-entry p:last-child{
	margin-bottom: 0;
}

.post-entry p strong{
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ul{
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li{
    position: relative;
	font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    color: var(--text-color);
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
	background: url('../images/icon-blockquote.svg'), var(--primary-color);
	background-repeat: no-repeat;
	background-position: 30px 30px;
    background-size: 45px;
	border-radius: 20px;
    padding: 30px 30px 30px 90px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
	color: var(--white-color);
}

.post-entry blockquote p:last-child{
	margin-bottom: 0;
}

.tag-links{
    font-size: 20px;
	font-weight: 600;
    text-transform: capitalize;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1em;
	background: var(--primary-color);
    color: var(--white-color);
	border-radius: 10px;
    padding: 12px 20px;
	transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover{
	background: var(--accent-color);
	color: var(--white-color);
}

.post-social-sharing{
    text-align: right;
}

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
	margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: var(--primary-color);
    color: var(--white-color);
	border-radius: 10px;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a{
	background: var(--accent-color);
	color: var(--white-color);
}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}

/************************************/
/*** 	 23. Our Products css	  ***/
/************************************/

.page-product{
	padding: 100px 0;
}

.our-product-box{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.product-item{
	width: calc(25% - 22.5px);
	background: var(--white-color);
	border-radius: 20px;
	text-align: center;
	padding: 30px;
}

.product-image{
	margin-bottom: 15px;
}

.product-image img{
	width: 220px;
	height: 220px;
	object-fit: contain;
}

.product-rating{
	margin-bottom: 15px;
}

.product-rating i{
	color: var(--accent-color);
}

.product-item-content h2{
	font-size: 20px;
	margin-bottom: 10px;
}

.product-item-content h2 a{
	color: inherit;
}

.product-item-content h3{
	font-size: 20px;
	color: var(--primary-color);
}

.product-item-content h3 span{
	font-size: 14px;
	text-decoration: line-through;
	color: var(--primary-color);
	opacity: 30%;
}

.page-product .page-pagination{
	margin-top: 60px;
}

/* Ürünler sayfası: bootstrap grid içindeki index kartları */
.sb-products-grid{
	--bs-gutter-y: 24px;
}
.sb-products-grid .sb-product-card{
	width: 100%;
	height: 100%;
	min-height: 0;
	text-decoration: none;
}
.sb-products-grid .sb-product-card h3{
	font-size: 20px;
}

/* Ürünler sayfası: kategori sekmeleri */
.sb-tabs{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 34px;
	padding: 8px;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 100px;
	box-shadow: 0 8px 24px rgba(24,24,27,0.06);
}
.sb-tab{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: 100px;
	background: #FFFFFF;
	border: 1px solid #e4e4e7;
	font-size: 15px;
	font-weight: 500;
	color: #18181B;
	cursor: pointer;
	transition: all 0.3s ease;
}
.sb-tab:hover{
	border-color: #950602;
	color: #950602;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(149,6,2,0.12);
}
.sb-tab.is-active{
	background: linear-gradient(120deg, #950602, #e21307, #950602);
	background-size: 200% 200%;
	animation: sb-hologram 4s linear infinite;
	border-color: #950602;
	color: #FFFFFF;
}
.sb-tab-count{
	display: inline-grid;
	place-items: center;
	min-width: 26px;
	height: 26px;
	padding: 0 7px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 700;
	background: #f4f4f5;
	color: #71717a;
	transition: all 0.3s ease;
}
.sb-tab.is-active .sb-tab-count{
	background: #FFFFFF;
	color: #950602;
}
.sb-tabs-result{
	text-align: center;
	font-size: 14px;
	color: #71717a;
	margin: 0 0 30px;
}
.sb-tabs-result span{
	font-weight: 700;
	color: #18181B;
}

/************************************/
/*** 	 24. Product Single css	  ***/
/************************************/

.page-product-single{
	padding: 100px 0;
}

.product-about-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px 60px;
}

.product-single-content,
.team-member-image{
	width: calc(50% - 30px);
}

.team-member-image{
	background: var(--white-color);
	border-radius: 20px;
	text-align: center;
	align-content: center;
	padding: 100px 40px;
}

.team-member-image figure img{
	width: 100%;
	max-width: 400px;
}

.customer-rating-box{
	margin-bottom: 30px;
}

.customer-rating-box i{
	font-size: 18px;
	color: var(--accent-color);
	margin-right: 2px;
}

.customer-rating-box i:last-child{
	margin-right: 0;
}

.customer-rating-box span{
	font-size: 14px;
	color: var(--primary-color);
	margin-left: 5px;
}

.product-single-content h3{
	font-size: 30px;
	margin-bottom: 20px;
}

.product-single-content h3 span{
	font-size: 20px;
    color: var(--primary-color);
    opacity: 0.3;
    text-decoration: line-through;
}

.product-single-content h2{
	font-size: 46px;
	margin-bottom: 20px;
}

.product-single-content p{
	margin-bottom: 20px;
}

.product-single-content ul{
	list-style: disc;
    padding: 0 0 0 22px;
    margin: 0 0 20px 0;
}

.product-single-content ul li{
    line-height: 1.4em;
    margin-bottom: 12px;
}

.product-single-content ul li:last-child{
	margin-bottom: 0;
}

.product-cart-btn{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 30px;
}

.product-cart-btn input{
	display: block;
	width: 50px;
	background: transparent;
	border: 1px solid var(--divider-color);
	border-radius: 10px;
	text-align: center;
	padding: 5px;
}

.product-cart-btn input:focus-visible{
	outline: none;
}

.product-cart-btn .btn-default{
	padding: 17px 20px;
}

.product-cart-btn .btn-default::before{
	display: none;
}

.product-single-info{
	margin-top: 100px;
}

.product-step-nav{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.product-step-nav .nav-tabs{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	border: none;
}

.product-step-nav ul li{
	width: auto;
}

.product-step-nav ul li .nav-link{
	position: relative;
	width: 100%;
    background: transparent;
	border: none;
    color: var(--primary-color);
	font-size: 20px;
    font-weight: 600;
    line-height: 1em;
	padding: 0;
	border-radius: 0;
	margin: 0;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.product-step-nav ul li .nav-link.active,
.product-step-nav ul li .nav-link:hover{
    background: transparent;
    color: var(--primary-color);
}

.product-step-nav ul li .nav-link::before{
    content: '';
    display: block;
    position: absolute;
    top: auto;
    left: auto;
	bottom: -32px;
    right: 0;
    background: var(--primary-color);
    width: 0;
    height: 2px;
    transition: all 0.4s ease-in-out;
}

.product-step-nav ul li .nav-link.active::before,
.product-step-nav ul li .nav-link:hover:before{
	width: 100%;
	right: auto;
	left: 0;
}

.product-tab-item-box h3{
	font-size: 20px;
	margin-top: 20px;
}

.product-tab-item-box h2{
	font-size: 46px;
	margin-top: 20px;
}

.product-tab-item-box p{
	margin: 20px 0 0 0;
}

.product-tab-item-box ul{
	list-style: disc;
    padding: 0 0 0 22px;
    margin: 20px 0 0 0;
}

.product-tab-item-box ul li{
    line-height: 1.4em;
    margin-bottom: 12px;
}

.product-tab-item-box ul li:last-child{
	margin-bottom: 0;
}

.product-review-from-content{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
}

.review-form,
.customer-review-list{
	width: calc(50% - 30px);
}

.customer-review-item{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.customer-review-item:last-child{
	margin-bottom: 0;
}

.customer-review-item .icon-box{
	margin-right: 20px;
}

.customer-review-item .icon-box img{
	width: 100%;
	max-width: 60px;
	border-radius: 50%;
}

.customer-review-item-body{
	width: calc(100% - 80px);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}

.customer-review-item-content p{
	margin: 0 0 5px 0;
}

.customer-review-item-content p:last-child{
	margin-bottom: 0;
}

.customer-review-item-content p span{
	color: var(--primary-color);
	font-weight: 600;
}

.customer-review-item-rating i{
	color: var(--accent-color);
	font-size: 16px;
}

.review-form-content{
	margin-bottom: 30px;
}

.review-form-content h3{
	font-size: 20px;
	margin: 0;
}

.review-form-content p{
	margin: 15px 0 0 0;
}

.review-form .form-control{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.445em;
	color: var(--white-color);
	background-color: transparent;
	border: 1px solid var(--divider-color);
	border-radius: 10px;
	padding: 17px 20px;
	box-shadow: none;
	outline: none;
}

.review-form .form-control::placeholder{
	color: var(--primary-color);
}

.review-form-note{
	display: flex;
	align-items: baseline;
	gap: 5px;
}

.review-form-note .form-label{
	margin: 0;
}

.review-form .btn-default{
	width: 100%;
	padding: 17px;
	margin-top: 20px;
}

.review-form .btn-default::before{
	display: none;
}

.related-products-box{
	margin-top: 100px;
}

.related-products-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.related-products-box .section-title{
	max-width: 700px;
	margin: 0 auto 40px;
	text-align: center;
}

/* Ürün detay: Saraybeyi galeri + bilgi kartları */
.sb-detail{
	margin-bottom: 70px;
}

.sb-detail-gallery{
	position: relative;
	height: 100%;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 32px 12px 32px 12px;
	padding: 16px;
}

.sb-detail-badges{
	position: absolute;
	top: 28px;
	left: 28px;
	right: 28px;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	z-index: 2;
}

.sb-detail-badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 100px;
	background: rgba(255,255,255,0.92);
	border: 1px solid #f4f4f5;
	font-size: 13px;
	font-weight: 700;
	color: #18181B;
	backdrop-filter: blur(4px);
}

.sb-detail-badge i{
	color: #16a34a;
}

.sb-detail-badge-dark{
	background: #18181B;
	border-color: #18181B;
	color: #FFFFFF;
	font-weight: 500;
	letter-spacing: 0.08em;
	font-size: 12px;
}

.sb-detail-main{
	overflow: hidden;
	border-radius: 20px;
	background: #f9fafb;
	border: 1px solid #f4f4f5;
	margin: 0;
}

.sb-detail-main img{
	width: 100%;
	height: 420px;
	object-fit: cover;
	display: block;
}

.sb-zoomable{
	position: relative;
	cursor: zoom-in;
}

.sb-zoom-hint{
	position: absolute;
	right: 14px;
	bottom: 14px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(24,24,27,0.75);
	color: #FFFFFF;
	font-size: 17px;
	backdrop-filter: blur(4px);
	transition: all 0.3s ease;
	pointer-events: none;
}

.sb-zoomable:hover .sb-zoom-hint{
	background: #950602;
	transform: scale(1.08);
}

.sb-lightbox{
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	padding: 40px 20px;
	background: rgba(9,9,11,0.9);
	backdrop-filter: blur(6px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.sb-lightbox.is-open{
	opacity: 1;
	visibility: visible;
}

.sb-lightbox img{
	max-width: min(1000px, 92vw);
	max-height: 85vh;
	object-fit: contain;
	border-radius: 16px;
	box-shadow: 0 30px 80px rgba(0,0,0,0.5);
	transform: scale(0.96);
	transition: transform 0.3s ease;
}

.sb-lightbox.is-open img{
	transform: scale(1);
}

.sb-lightbox-close{
	position: absolute;
	top: 22px;
	right: 22px;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgba(255,255,255,0.1);
	color: #FFFFFF;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.sb-lightbox-close:hover{
	background: #950602;
	border-color: #950602;
	transform: rotate(90deg);
}

.sb-detail-thumbs{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-top: 12px;
}

.sb-detail-thumbs button{
	overflow: hidden;
	border-radius: 14px;
	border: 2px solid #f4f4f5;
	background: #f9fafb;
	padding: 0;
	cursor: pointer;
	transition: all 0.3s ease;
}

.sb-detail-thumbs button img{
	width: 100%;
	height: 76px;
	object-fit: cover;
	display: block;
}

.sb-detail-thumbs button:hover{
	transform: translateY(-2px);
}

.sb-detail-thumbs button.is-active{
	border-color: #950602;
	box-shadow: 0 8px 20px rgba(149,6,2,0.18);
}

.sb-detail-info{
	height: 100%;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 32px 12px 32px 12px;
	padding: 36px;
	display: flex;
	flex-direction: column;
}

.sb-detail-rating{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.sb-detail-stars i{
	color: var(--accent-color);
	font-size: 16px;
	margin-right: 2px;
}

.sb-detail-review-count{
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: #950602;
}

.sb-detail-info h2{
	font-size: 42px;
	letter-spacing: -0.03em;
	margin-bottom: 0;
}

.sb-detail-info h2 .sb-dot{
	color: #950602;
}

.sb-detail-desc{
	font-size: 16px;
	line-height: 1.7;
	color: #52525b;
	margin-top: auto;
	margin-bottom: auto;
	padding: 16px 0;
}

.sb-detail-price{
	font-size: 34px;
	font-weight: 700;
	color: #18181B;
	letter-spacing: -0.02em;
	margin-bottom: 20px;
}

.sb-detail-price span{
	font-size: 20px;
	font-weight: 400;
	color: #a1a1aa;
	text-decoration: line-through;
	margin-left: 6px;
}

.sb-detail-price em{
	font-style: normal;
	font-size: 14px;
	font-weight: 500;
	color: #71717a;
	margin-left: 4px;
}

.sb-detail-features{
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
	display: grid;
	gap: 10px;
}

.sb-detail-features li{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	color: #3f3f46;
}

.sb-detail-features li i{
	color: #16a34a;
	font-size: 18px;
	flex-shrink: 0;
}

.sb-detail-actions{
	display: flex;
	align-items: stretch;
	gap: 12px;
	margin-top: 0;
	padding-top: 6px;
}

.sb-qty{
	display: inline-flex;
	align-items: center;
	border: 1px solid #e4e4e7;
	border-radius: 100px;
	overflow: hidden;
	background: #FFFFFF;
}

.sb-qty button{
	width: 46px;
	height: 100%;
	min-height: 52px;
	border: none;
	background: transparent;
	font-size: 20px;
	color: #18181B;
	cursor: pointer;
	transition: all 0.3s ease;
}

.sb-qty button:hover{
	background: #f4f4f5;
}

.sb-qty input{
	width: 44px;
	border: none;
	outline: none;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #18181B;
	background: transparent;
	-moz-appearance: textfield;
	appearance: textfield;
}

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

.sb-detail-actions .btn-default{
	flex: 1;
	text-align: center;
	align-content: center;
}

.sb-whatsapp-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex: 1;
}

.sb-whatsapp-btn i{
	font-size: 1.1em;
	line-height: 1;
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 992px){
	.sb-whatsapp-btn.btn-default{
		padding: 16px 20px;
		background: #22c15e;
		background-size: auto;
		animation: none;
		color: #FFFFFF;
	}

	.sb-whatsapp-btn.btn-default::before,
	.sb-whatsapp-btn.btn-default::after{
		display: none;
	}

	.sb-whatsapp-btn.btn-default:hover{
		background: #1da851;
		color: #FFFFFF;
		transform: translateY(-1px);
		box-shadow: 0 10px 25px rgba(34,193,94,0.35);
	}

	.sb-whatsapp-btn i{
		font-size: 22px;
	}
}

.sb-detail-trust{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f4f4f5;
}

.sb-detail-trust-item{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #3f3f46;
}

.sb-detail-trust-item i{
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #f4f4f5;
	color: #950602;
	font-size: 14px;
}

/* Ürün detay: açıklama / değerlendirme sekmeleri */
.sb-detail-tabs{
	margin-bottom: 0;
}

.sb-detail-tabs .sb-tabs{
	justify-content: flex-start;
	margin: 0 0 26px;
}

.sb-tabs-start{
	justify-content: flex-start;
	margin: 0 0 26px;
}

.sb-tab.active{
	background: linear-gradient(120deg, #950602, #e21307, #950602);
	background-size: 200% 200%;
	animation: sb-hologram 4s linear infinite;
	border-color: #950602;
	color: #FFFFFF;
}

.sb-tab.active .sb-tab-count{
	background: #FFFFFF;
	color: #950602;
}

.sb-nutrition{
	margin-top: 0;
	overflow: hidden;
	border: none;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(24,24,27,0.08);
}

.sb-nutrition h4{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 17px;
	letter-spacing: -0.01em;
	padding: 18px 24px;
	margin: 0;
	background: linear-gradient(120deg, #950602, #c20d04);
	color: #FFFFFF;
}

.sb-nutrition h4 i{
	font-size: 18px;
}

.sb-nutrition h4 span{
	font-weight: 400;
	font-size: 13px;
	color: rgba(255,255,255,0.7);
}

.sb-nutrition-table{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 15px;
}

.sb-nutrition-table td{
	padding: 13px 24px;
	color: #3f3f46;
}

.sb-nutrition-table td:first-child{
	display: flex;
	align-items: center;
	gap: 10px;
}

.sb-nutrition-table td:first-child::before{
	content: '';
	width: 7px;
	height: 7px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #950602;
}

.sb-nutrition-table td:last-child{
	text-align: right;
}

.sb-nutrition-table td:last-child span{
	display: inline-block;
	min-width: 86px;
	text-align: center;
	padding: 6px 14px;
	border-radius: 100px;
	background: #f4f4f5;
	font-weight: 700;
	color: #18181B;
	font-size: 14px;
}

.sb-nutrition-table tr + tr td{
	border-top: 1px solid #f4f4f5;
}

.sb-nutrition-table tbody tr:nth-child(even){
	background: #fafafa;
}

.sb-nutrition-table tbody tr{
	transition: background 0.25s ease;
}

.sb-nutrition-table tbody tr:hover{
	background: #fef2f2;
}

.sb-detail-pane{
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 24px 10px 24px 10px;
	padding: 36px;
}

/* Dış başlıklar her iki bölümde de aynı ölçü */
.sb-desc-section .section-title h2,
.related-products-box .section-title h2{
	font-size: 45px;
}

.sb-detail-pane h3{
	font-size: 24px;
	letter-spacing: -0.02em;
	margin-bottom: 14px;
}

.sb-detail-pane p{
	color: #52525b;
	line-height: 1.7;
	margin-bottom: 0;
}

.sb-detail-pane ul{
	list-style: none;
	padding: 0;
	margin: 18px 0 0 0;
	display: grid;
	gap: 10px;
}

.sb-detail-pane ul li{
	position: relative;
	padding-left: 26px;
	color: #3f3f46;
	font-size: 15px;
}

.sb-detail-pane ul li::before{
	content: '\f00c';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 13px;
	color: #16a34a;
}

.sb-reviews{
	display: grid;
	gap: 16px;
}

.sb-gallery-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 24px 10px 24px 10px;
	padding: 20px;
}

.sb-gallery-item{
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid #f4f4f5;
	background: #f9fafb;
	padding: 0;
	cursor: zoom-in;
}

.sb-gallery-item img{
	width: 100%;
	height: 190px;
	object-fit: contain;
	background: #FFFFFF;
	display: block;
	transition: transform 0.5s ease;
}

.sb-gallery-item span{
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(24,24,27,0);
	color: #FFFFFF;
	font-size: 26px;
	opacity: 0;
	transition: all 0.3s ease;
}

.sb-gallery-item:hover img{
	transform: scale(1.06);
}

.sb-gallery-item:hover span{
	background: rgba(24,24,27,0.45);
	opacity: 1;
}

.sb-review-item{
	display: flex;
	gap: 16px;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 20px 8px 20px 8px;
	padding: 24px;
}

.sb-review-avatar{
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #18181B;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.02em;
}

.sb-review-body{
	flex: 1;
	min-width: 0;
}

.sb-review-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 6px;
}

.sb-review-head strong{
	font-size: 16px;
	color: #18181B;
}

.sb-review-head span{
	font-size: 13px;
	color: #a1a1aa;
}

.sb-review-stars{
	margin-bottom: 8px;
}

.sb-review-stars i{
	color: var(--accent-color);
	font-size: 14px;
	margin-right: 2px;
}

.sb-review-body p{
	color: #52525b;
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
}

.sb-review-form{
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 20px 8px 20px 8px;
	padding: 30px;
}

.sb-review-form h3{
	font-size: 20px;
	margin-bottom: 6px;
}

.sb-review-form > p{
	font-size: 14px;
	color: #71717a;
	margin-bottom: 20px;
}

.sb-review-form .form-control{
	font-size: 15px;
	border: 1px solid #e4e4e7;
	border-radius: 12px;
	padding: 13px 16px;
	color: #18181B;
	background: #fafafa;
}

.sb-review-form .form-control:focus{
	border-color: #18181B;
	background: #FFFFFF;
	box-shadow: none;
}

.sb-related-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 40px;
}

.sb-related-head .section-title{
	margin: 0;
	max-width: none;
	text-align: left;
}

.sb-related-head .btn-default{
	flex-shrink: 0;
}

/************************************/
/*** 	   25. Team Page css	  ***/
/************************************/

.page-team{
	padding: 100px 0 70px;
}

/************************************/
/*** 	 26. Team Single css	  ***/
/************************************/

.page-team-single{
	padding: 100px 0;
}

.team-single-image{
	margin-bottom: 60px;
}

.team-single-image figure{
	display: block;
	border-radius: 20px;
}

.team-single-image img{
	width: 100%;
	aspect-ratio: 1 / 1.58;
	object-fit: cover;
	border-radius: 20px;
}

.team-sidebar-category-box{
	background: var(--white-color);
	border-radius: 20px;
	padding: 40px;
}

.team-sidebar-category-item{
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.team-sidebar-category-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.team-sidebar-category-item h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.team-category-info{
	display: flex;
	align-items: center;
}

.team-category-info img{
	width: 100%;
	max-width: 20px;
	margin-right: 10px;
}

.team-category-info p{
	margin-bottom: 0;
}

.team-sidebar-category-item ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.team-sidebar-category-item ul li{
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.team-sidebar-category-item ul li:last-child{
	margin-right: 0;
}

.team-sidebar-category-item ul li a{
	background: var(--primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.team-sidebar-category-item ul li:hover a{
    background-color: var(--accent-color);
}

.team-sidebar-category-item ul li a i{
    color: var(--white-color);
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.team-sidebar-category-item ul li:hover a i{
    color: var(--white-color);
}

.team-member-about,
.team-member-service,
.team-skills-box{
	margin-bottom: 60px;
}

.team-member-about .section-title{
	margin-bottom: 0;
}

.member-service-list,
.member-service-counters{
	margin-top: 40px;
}

.member-service-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.member-service-list ul li{
	position: relative;
	line-height: 1.4em;
	padding-left: 25px;
	margin-bottom: 15px;
}

.member-service-list ul li:last-child{
	margin-bottom: 0;
}

.member-service-list ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--accent-color);
}

.member-service-counters{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.member-service-counter-item{
	position: relative;
	width: calc(33.33% - 20px);
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	padding: 40px 35px;
	overflow: hidden;
}

.member-service-counter-item::before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background-color: var(--primary-color);
    border-radius: 500px 500px 0 0;
    transition: all 0.4s ease-in-out;
}

.member-service-counter-item:hover:before{
	height: 100%;
	border-radius: 0;
}

.member-service-counter-item h2,
.member-service-counter-item p{
	position: relative;
	transition: all 0.3s ease-in-out;
	z-index: 1;
}

.member-service-counter-item h2{
	font-size: 50px;
	margin-bottom: 5px;
}

.member-service-counter-item:hover h2{
	color: var(--accent-color);
}

.member-service-counter-item p{
	margin-bottom: 0;
}

.member-service-counter-item:hover p{
	color: var(--white-color);
}

.team-skills-list{
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
	margin-top: 40px;
}

.team-skills-list .skills-progress-bar{
	width: calc(50% - 15px);
	margin-bottom: 0;
}

.team-skills-list .skills-progress-bar .skill-data .skill-title,
.team-skills-list .skills-progress-bar .skill-data .skill-no{
	color: var(--text-color);
}

.team-skills-list .skills-progress-bar .skillbar .skill-progress{
	background: var(--divider-color);
}

.team-skills-list .skills-progress-bar .skillbar .skill-progress .count-bar{
	background: var(--primary-color);
}

/************************************/
/***  27. Testimonials Page css	  ***/
/************************************/

.page-testimonials{
	padding: 100px 0 70px;
}

.page-testimonials .testimonial-item{
	background-color: var(--primary-color);
	border-radius: 20px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
}

.page-testimonials .testimonial-item .testimonial-content{
    margin-bottom: 40px;
}

/************************************/
/*** 	 28. Image Gallery css	  ***/
/************************************/

.page-gallery{
	padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery{
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a{
	cursor: none;
}

.page-gallery-box .photo-gallery figure{
	display: block;
	border-radius: 20px;
}

.page-gallery-box .photo-gallery img{
	width: 100%;
	aspect-ratio: 1 / 0.829;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	 29. Video Gallery css	  ***/
/************************************/

.page-video-gallery{
	padding: 100px 0 70px;
}

.video-gallery-image{
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a{
	position: relative;
	display: block;
	cursor: none;
}

.video-gallery-image a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
	border-radius: 20px;
    opacity: 0%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before{
    opacity: 50%;
    visibility: visible;
    transform: scale(1);
}

.video-gallery-image a::after{
    content: '\f04b';
	font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
	font-size: 20px;
	background: var(--accent-color);
	color: var(--white-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    cursor: none;
	display: flex;
	align-items: center;
	justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.video-gallery-image:hover a::after{
    opacity: 1;
    visibility: visible;
}

.video-gallery-image img{
	width: 100%;
	aspect-ratio: 1 / 0.829;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/*** 	  30. FAQs Page css		  ***/
/************************************/

.page-faqs{
	padding: 100px 0;
}

.page-faqs .page-faq-accordion{
    margin-bottom: 60px;
}

.page-faqs .page-faq-accordion:last-child{
    margin-bottom: 0px;
}

/************************************/
/*** 	31. Contact Us Page css	  ***/
/************************************/

.page-contact-us{
	padding: 100px 0;
}

.contact-us-content{
	margin-right: 20px;
}

.contact-info-item{
	display: flex;
    flex-wrap: wrap;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}
	
.contact-info-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.contact-info-item .icon-box{
	position: relative;
	background-color: var(--accent-color);
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
	z-index: 1;
}

.contact-info-item .icon-box::before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
	bottom: 0;
    border-radius: 50%;
    background-color: var(--primary-color);
	transform: scale(0);
    transition: all 0.4s ease-in-out;
    height: 100%;
	height: 100%;
}

.contact-info-item:hover .icon-box::before{
	transform: scale(1);
}

.contact-info-item .icon-box img{
	position: relative;
	max-width: 24px;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.contact-info-item:hover .icon-box img{
	filter: brightness(0) invert(1);
}

.contact-item-content{
	position: relative;
	width: calc(100% - 70px);
	z-index: 1;
}

.contact-item-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.contact-item-content p{
	margin: 0;
}

.contact-item-content p a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.contact-item-content p a:hover{
	color: var(--primary-color);
}

.contact-social-links{
	display: flex;
    align-items: center;
    gap: 20px;
	border-top: 1px solid var(--divider-color);
	margin-top: 30px;
	padding-top: 30px;
}

.contact-social-links h3{
	font-size: 20px;
}

.contact-social-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-social-links ul li{
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.contact-social-links ul li:last-child{
	margin-right: 0;
}

.contact-social-links ul li a{
	background: var(--primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.contact-social-links ul li:hover a{
    background-color: var(--accent-color);
}

.contact-social-links ul li a i{
    color: var(--white-color);
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.contact-social-links ul li:hover a i{
    color: var(--white-color);
}

.contact-us-form{
	position: relative;
	border-radius: 20px;
	padding: 40px;
}

.contact-form .form-control{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.445em;
	color: var(--white-color);
	background-color: var(--dark-divider-color);
	border: none;
	border-radius: 20px;
	padding: 17px 20px;
	box-shadow: none;
	outline: none;
}

.contact-form .form-control::placeholder{
	color: var(--white-color);
}

.contact-form .btn-default{
	width: 100%;
	padding: 17px;
}

.contact-form .btn-default::before{
	display: none;
}

.google-map{
    padding-bottom: 100px;
}

.google-map-iframe{
	height: 700px;
    border-radius: 32px 12px 32px 12px;
    overflow: hidden;
}

.google-map-iframe iframe{
	width: 100%;
	height: 700px;
	filter: grayscale(1);
	transition: all 0.4s ease-in-out;
}

.google-map-iframe iframe:hover{
	filter: grayscale(0);
}

/************************************/
/*** 	32. 404 Error Page css	  ***/
/************************************/

.error-page{
	padding: 100px 0;
}

.error-page-image{
	text-align: center;
	margin-bottom: 30px;
}

.error-page-image img{
	width: 100%;
	max-width: 45%;
}

.error-page-content{
	text-align: center;
}

.error-page-content .section-title{
	margin-bottom: 15px;
}

/************************************/
/*** Dealer CTA (Bayimiz Olun)  ***/
/************************************/

.dealer-cta{
	padding: 0;
	background: var(--bg-color);
}

.dealer-cta-inner{
	background: var(--primary-color);
	border-radius: 32px 12px 32px 12px;
	padding: 80px 60px;
	position: relative;
	overflow: hidden;
	min-height: 680px;
	display: flex;
	align-items: center;
}

.dealer-cta-inner::before{
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: rgba(255,255,255,0.03);
	border-radius: 50%;
}

.dealer-cta-inner::after{
	content: '';
	position: absolute;
	bottom: -80px;
	left: -80px;
	width: 300px;
	height: 300px;
	background: rgba(255,255,255,0.02);
	border-radius: 50%;
}

.dealer-content h3{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
	margin-bottom: 10px;
}

.dealer-badge{
	display: inline-block;
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.25);
	color: var(--white-color);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 8px 20px;
	border-radius: 50px;
	margin-bottom: 20px;
	backdrop-filter: blur(10px);
}

.dealer-content h2{
	font-size: 62px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 20px;
	line-height: 1.1;
}

.dealer-lead{
	font-size: 20px;
	color: rgba(255,255,255,0.9);
	margin-bottom: 35px;
	line-height: 1.5;
	font-weight: 400;
}

.dealer-stats{
	display: flex;
	gap: 40px;
	margin-bottom: 40px;
	padding-bottom: 35px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.stat-item h3{
	font-size: 42px;
	font-weight: 700;
	color: var(--white-color);
	margin-bottom: 5px;
	line-height: 1;
}

.stat-item h3 span{
	color: rgba(255,255,255,0.6);
}

.stat-item p{
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	margin: 0;
	font-weight: 500;
}

.dealer-features{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 45px;
}

.dealer-feature-item{
	display: flex;
	align-items: flex-start;
	gap: 15px;
	color: var(--white-color);
	background: rgba(255,255,255,0.08);
	padding: 20px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.12);
	transition: all 0.3s ease;
}

.dealer-feature-item:hover{
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.2);
	transform: translateY(-2px);
}

.feature-icon{
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.15);
	border-radius: 10px;
	flex-shrink: 0;
}

.feature-icon i{
	font-size: 20px;
	color: var(--white-color);
}

.feature-text{
	flex: 1;
}

.feature-text strong{
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 4px;
}

.feature-text span{
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	line-height: 1.4;
}

.dealer-btn{
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.dealer-phone{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--white-color);
	font-size: 18px;
	font-weight: 600;
	padding: 12px 24px;
	border: 2px solid rgba(255,255,255,0.3);
	border-radius: 10px;
	transition: all 0.3s ease;
	text-decoration: none;
}

.dealer-phone:hover{
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.5);
	color: var(--white-color);
}

.dealer-phone i{
	font-size: 16px;
}

.dealer-image{
	position: relative;
}

.dealer-badge-float{
	position: absolute;
	bottom: 30px;
	left: 30px;
	background: var(--white-color);
	color: var(--primary-color);
	padding: 15px 25px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	font-size: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.dealer-badge-float i{
	font-size: 24px;
}

.dealer-btn .btn-default{
	background: var(--white-color);
	color: var(--primary-color);
}

.dealer-btn .btn-default::before{
	background-color: var(--primary-color);
	background-image: url('../images/arrow-white.svg');
}

.dealer-btn .btn-default:hover{
	color: var(--white-color);
}

.dealer-btn .btn-default::after{
	background: var(--accent-color);
}

.dealer-image img{
	width: 100%;
	height: 100%;
	min-height: 500px;
	border-radius: 12px;
	object-fit: cover;
	box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

@media only screen and (max-width: 991px){
	.dealer-cta{
		padding: 0;
	}
	
	.dealer-cta-inner{
		padding: 50px 30px;
		min-height: auto;
	}
	
	.dealer-content h2{
		font-size: 40px;
	}
	
	.dealer-stats{
		gap: 25px;
		flex-wrap: wrap;
	}
	
	.stat-item h3{
		font-size: 32px;
	}
	
	.dealer-features{
		grid-template-columns: 1fr;
	}
	
	.dealer-btn{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.dealer-phone{
		width: 100%;
		justify-content: center;
	}
	
	.dealer-image{
		margin-top: 40px;
	}
	
	.dealer-badge-float{
		bottom: 20px;
		left: 20px;
		padding: 12px 20px;
		font-size: 13px;
	}
}

/************************************/
/***      33. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1024px){

	.main-menu ul li{
		margin: 0;
	}
}

@media only screen and (max-width: 991px){

	body{
		font-size: 16px;
	}
	
	.btn-default{
		font-size: 16px;
		padding: 14px 50px 14px 15px;
	}
	
	.btn-default::before{
		width: 35px;
    	height: 35px;
	}
	
	.navbar{
		padding: 20px 0;
	}

	.navbar-brand img{
		width: 130px;
		max-width: 130px;
	}
	
	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.responsive-menu,
    .navbar-toggle{
		display: block;
    }

	.navbar .container{
		position: relative;
	}

	.navbar-toggle{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	header.main-header .header-sticky{
		overflow: visible;
	}
	
	.header-btn{
		display: none;
	}
	
	.section-row{
		margin-bottom: 40px;
	}

	.section-row .section-title.section-title-center{
		max-width: 100%;
	}

	.section-content-btn .section-btn{
		margin-top: 20px;
	}
	
	.section-title{
		margin-bottom: 30px;
	}

	.section-title h3{
		padding-left: 25px;
		background-size: 18px auto;
	}

	.section-title h1{
		font-size: 50px;
	}

	.section-title h2{
		font-size: 38px;
	}

	.section-title p{
		margin-top: 10px;
	}

	.section-title-content{
        margin-top: 10px;
    }

	.section-btn{
        text-align: left;
        margin-top: 15px;
	}

	.hero{
		padding: 0;
	}

	.hero-slider{
		height: 100svh;
		min-height: 480px;
	}

	.hero-slide{
		align-items: center;
		justify-content: center;
		padding: 110px 0 90px;
		text-align: center;
	}

	.hero-slide .row,
	.hero-slide [class*="col-"]{
		justify-content: center;
		text-align: center;
	}

	.hero-media-desk{
		display: none;
	}

	.hero-media-mob{
		display: block;
	}

	.hero-content{
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.hero-content .section-title h1{
		font-size: 36px;
		line-height: 1.15;
	}

	.hero-content .section-title p{
		max-width: 100%;
		font-size: 15px;
		margin-left: auto;
		margin-right: auto;
	}

	.hero-btn{
		margin: 20px auto 0;
		justify-content: center;
	}

	.hero-pagination{
		bottom: 20px !important;
	}

	.our-scrolling-ticker{
		padding: 20px 0;
	}

	.scrolling-ticker-box{
		--gap: 20px;
	}

	.scrolling-content span{
		font-size: 24px;
	}

	.scrolling-content span img{
		max-width: 26px;
		margin-right: 20px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-us::before{
		bottom: 40px;
		width: 170px;
		height: 170px;
		opacity: 20%;
	}

	.about-us-images{
		max-width: 70%;
		margin: 0 auto 30px;
	}

	.about-image-circle{
		top: -65px;
	}

	.about-image-circle a img{
		max-width: 120px;
	}

	.about-us-list,
	.about-us-body{
		margin-bottom: 30px;
	}

	.about-us-list ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.about-us-footer{
		gap: 20px 30px;
	}

	.our-services{
		padding: 50px 0;
	}

	.service-item,
	.service-cta-box{
		padding: 30px;
	}

	.service-item .icon-box{
		height: 50px;
		width: 50px;
		margin-bottom: 30px;
	}

	.service-item .icon-box img{
		max-width: 26px;
	}

	.service-item-content{
		margin-bottom: 20px;
	}

	.service-item-content h3{
		margin-bottom: 10px;
	}

	.service-cta-box-info{
		margin-bottom: 20px;
	}

	.service-cta-box-info h2{
		font-size: 26px;
	}

	.section-footer-text{
		margin-top: 10px;
	}

	.why-choose-us{
		padding: 50px 0;
	}
	
	.why-choose-content,
	.why-choose-image{
		width: 100%;
	}

	.why-choose-item{
		margin-bottom: 30px;
		padding-bottom: 30px;
		padding-right: 0;
	}

	.why-choose-item-content h3{
		font-size: 20px;
	}

	.why-choose-list ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.why-choose-btn{
		margin-top: 30px;
	}

	.why-choose-body-img img{
		aspect-ratio: 1 / 0.9;
		object-position: top center;
	}
	
	.why-choose-image{
		padding: 0 0 50px 0;
	}
	
	.why-choose-image img{
		aspect-ratio: 1 / 0.8;
		object-position: top center;
	}

	.company-experience-box h3{
		font-size: 26px;
	}

	.intro-video{
		padding: 250px 0 50px;
	}

	.intro-video-list{
		margin-top: 30px;
		padding-top: 30px;
	}

	.intro-video-list ul{
		gap: 15px 20px;
	}

	.intro-video-list ul li{
		width: calc(50% - 10px);
		padding-left: 25px;
	}

	.what-we-do{
		padding: 50px 0;
	}

	.what-we-do-content{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.what-we-do-body{
		margin-bottom: 30px;
	}

	.what-we-do-list{
		width: calc(100% - 170px);
	}

	.what-we-do-list ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.what-we-do-body .about-image-circle a img{
		max-width: 140px;
	}
	
	.what-we-do-images{
		max-width: 80%;
		padding: 15px 240px 140px 25px;
		margin: 0 auto;
	}

	.what-we-do-img-1 img{
		aspect-ratio: 1 / 1.34;
	}

	.what-we-do-img-2{
		top: 5px;
    	right: 15px;
		max-width: 240px;
	}

	.what-we-do-img-2::before{
		right: 30px;
		height: 110px;
        width: 70px;
	}

	.what-we-do-img-2 img{
		aspect-ratio: 1 / 1.32;
	}

	.what-we-do-img-3{
		max-width: 330px;
	}

	.what-we-do-img-3 img{
		aspect-ratio: 1 / 0.62;
	}

	.client-review-box{
		padding: 15px;
	}

	.our-facts .container{
		padding: 40px 30px;
		border-radius: 24px 10px 24px 10px;
	}

	.our-facts-image{
		max-width: 60%;
		height: auto;
		margin: 0 auto;
	}

	.facts-counter-box{
		padding: 30px 0;
		margin: 30px 0;
	}

	.fact-counter-item h2{
		font-size: 34px;
	}

	.our-facts-content{
		height: auto;
		margin-bottom: 30px;
	}

	.our-facts-list ul{
		gap: 15px 30px;
	}

	.our-facts-list ul li{
		padding-left: 25px;
	}

	.our-facts-btn{
		margin-top: 30px;
	}

	.our-potential{
		padding: 50px 0;
	}

	.our-potential-content{
		height: auto;
		margin-bottom: 30px;
	}

	.our-potential-counter{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.potential-counter-item .counter-circle{
		width: 100px;
		height: 100px;
	}

	.potential-counter-item .counter-circle h2{
		font-size: 26px;
	}

	.potential-counter-content{
		width: calc(100% - 120px);
	}

	.potential-body-list ul li{
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.potential-body-content h3{
		margin-bottom: 15px;
	}

	.our-potential-img{
		margin-left: 0px;
	}

	.our-potential-img img{
		aspect-ratio: 1 / 0.9;
	}
	
	.our-testimonial{
		padding: 50px 0;
	}

	.our-testimonial-image{
		margin: 0 0 30px;
	}

	.our-testimonial-image img{
		aspect-ratio: 1 / 0.8;
	}

	.testimonial-rating{
		margin-bottom: 10px;
	}

	.testimonial-content{
		margin-bottom: 50px;
	}

	.testimonial-content p{
		font-size: 18px;
	}

	.testimonial-slider .testimonial-button-next,
	.testimonial-slider .testimonial-button-prev{
		width: 40px;
		height: 40px;
	}

	.testimonial-slider .testimonial-button-next::before,
	.testimonial-slider .testimonial-button-prev::before{
		background-size: 20px auto;
	}

	.testimonial-company-slider{
		padding-top: 40px;
		margin-top: 40px;
	}

	.our-goals{
		padding: 50px 0;
	}

	.our-goals-content{
		margin-bottom: 30px;
	}

	.goals-item{
		padding: 20px;
	}

	.goals-item .icon-box{
		margin-bottom: 30px;
	}

	.goals-content-footer{
		margin-top: 30px;
	}

	.our-goals-images{
		margin-left: 0px;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.our-faqs-content{
		position: initial;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.faq-cta-box{
		padding: 20px;
	}

	.faq-accordion .accordion-item{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.our-blog{
		padding: 50px 0 20px;
	}

	.our-blog-header{
		text-align: center;
		margin-bottom: 28px;
	}

	.our-blog-header .section-title{
		margin-left: auto;
		margin-right: auto;
	}

	.our-blog-header .section-title h2{
		white-space: normal;
		text-align: center;
	}

	.our-blog-header .section-title p{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.our-blog-btn-desktop{
		display: none !important;
	}

	.our-blog-btn-mobile{
		display: flex;
		justify-content: center;
		margin: 10px 0 20px;
	}

	.post-item-content{
		margin-bottom: 15px;
	}

	footer.main-footer{
		padding: 50px 0 0 0;
	}

	.footer-info-wrap{
		padding: 0;
	}

	.footer-info-bar{
		padding: 25px;
	}

	.footer-info-item{
		flex: 1 1 45%;
		padding-right: 0;
		border-right: none;
	}

	.footer-links h3{
		margin-bottom: 20px;
	}

	.footer-cta-box{
		margin-top: 30px;
		padding: 30px;
	}

	.footer-contact-item{
		padding-right: 20px;
		margin-right: 20px;
	}

	.footer-copyright{
		padding: 30px 0;
	}

	.footer-menu ul li{
		margin-right: 20px;
	}

	.footer-menu ul li::before{
		right: -14px;
	}

	.page-header{
		padding: 160px 0 70px;
	}
	
	.page-header-box h1{
		font-size: 50px;
	}

	.our-approach{
		padding: 50px 0;
	}

	.approach-goal-img img{
		aspect-ratio: 1 / 0.42;
	}

	.approach-goal-content{
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.approach-goal-content h3,
	.mission-vision-item h3{
		padding-left: 25px;
	}

	.approach-goal-content h3::before,
	.mission-vision-item h3::before{
		width: 18px;
    	height: 18px;
	}

	.approach-goal-content h3{
		margin-bottom: 10px;
	}

	.approach-goal-content h2{
		font-size: 20px;
	}

	.mission-vision-item{
		padding: 20px;
	}

	.mission-vision-item h3{
		margin-bottom: 30px;
	}

	.mission-vision-item h2{
		margin-bottom: 15px;
	}

	.our-features{
		padding: 50px 0;
	}

	.our-features-item{
		width: 100%;
		align-items: center;
		gap: 20px 30px;
	}

	.our-features-item:nth-child(even){
		flex-direction: row-reverse;
	}

	.our-features-image,
	.our-features-content{
		width: calc(50% - 15px);
	}

	.our-features-image img{
		aspect-ratio: 1 / 0.72;
	}

	.our-features-body{
		width: calc(100% - 75px);
	}

	.our-features-body h2{
		font-size: 38px;
		margin-bottom: 15px;
	}

	.our-features-content .icon-box img{
		max-width: 60px;
	}

	.our-team{
        padding: 50px 0;
    }

    .team-image img{
        aspect-ratio: 1 / 0.98;
    }

	.our-expertise{
		padding: 50px 0;
	}

	.our-expertise-content{
		margin-bottom: 30px;
	}

	.our-expertise-body ul{
		margin: 0 0 30px;
	}

	.our-expertise-body ul li{
		padding-left: 25px;
	}

	.skills-progress-bar{
		margin-bottom: 20px;
	}

	.expertise-image{
		margin-left: 0;
	}

	.expertise-image-list{
		max-width: 190px;
	}

	.page-services{
		padding: 50px 0 20px;
	}

	.page-service-single{
		padding: 50px 0;
	}
	
	.page-single-sidebar{
		position: initial;
		margin: 0 0 30px;
	}

	.page-category-list{
		margin-bottom: 30px;
	}

	.page-category-list h3{
		padding: 20px;
	}

	.page-category-list ul{
		padding: 30px;
	}

	.page-category-list ul li{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.page-category-list ul li a{
		padding-right: 25px;
	}

	.page-category-list ul li a::before{
		width: 20px;
		height: 20px;
	}

	.sidebar-cta-box{
		padding: 30px;
	}

	.sidebar-cta-logo{
		margin-bottom: 15px;
	}

	.cta-contact-item{
		padding: 15px 20px;
		margin-bottom: 20px;
	}
	
	.cta-contact-item-content h3{
		font-size: 22px;
	}

	.sidebar-cta-image img{
		aspect-ratio: 1 / 0.35;
	}

	.page-single-image{
		margin-bottom: 30px;
	}

	.service-entry{
		margin-bottom: 40px;
	}

	.service-entry p{
		margin-bottom: 15px;
	}

	.service-entry h2{
		font-size: 38px;
		margin-bottom: 15px;
	}

	.service-entry ul{
		gap: 10px 20px;
	}

	.service-entry ul li{
		padding-left: 25px;
	}

	.service-deliver-box,
	.service-quality-box,
	.service-caring-box{
		margin-top: 40px;
	}

	.service-deliver-image-content{
		margin-top: 30px;
	}

	.service-deliver-item{
		padding: 20px;
	}

	.service-quality-list,
	.page-single-image-video{
		margin-top: 30px;
	}

	.service-caring-item-list{
		gap: 20px;
		margin-top: 30px;
	}

	.service-caring-item{
		width: calc(50% - 10px);
	}

	.page-blog{
		padding: 50px 0;
	}

	.page-pagination{
		margin-top: 10px;
	}

	.page-single-post{
		padding: 50px 0;
    }
    
    .post-image{
        margin-bottom: 20px;
    }
    
    .post-entry h1,
    .post-entry h2,
    .post-entry h3,
    .post-entry h4,
    .post-entry h5,
    .post-entry h6{
        margin: 0 0 0.42em;
    }
    
    .post-entry h2{
        font-size: 38px;
    }
    
    .post-entry p{
        margin-bottom: 15px;
    }
    
    .post-entry ol li,
    .post-entry ul li{
		font-size: 16px;
        margin-bottom: 10px;
    }
    
    .post-entry blockquote{
        background-position: 20px 20px;
        background-size: 40px;
        padding: 20px 20px 20px 70px;
        margin-bottom: 20px;
    }
    
    .post-entry blockquote p{
        font-size: 18px;
    }
    
    .post-tags{
        margin-bottom: 20px;
    }

	.tag-links{
		gap: 10px;
	}
    
    .post-tags .tag-links a{
        padding: 10px 15px;
    }
    
    .post-social-sharing ul{
        text-align: left;
    }

	.page-product{
		padding: 50px 0;
	}

	.product-item{
    	width: calc(50% - 15px);
		padding: 20px;
	}

	.sb-products-grid .sb-product-card{
		width: 100%;
	}

	.product-image img{
		width: 200px;
		height: 200px;
	}

	.page-product .page-pagination{
		margin-top: 40px;
	}

	.page-product-single{
		padding: 50px 0;
	}

	.product-single-content,
	.team-member-image{
		width: 100%;
	}

	.team-member-image{
		padding: 30px;
	}

	.customer-rating-box{
		margin-bottom: 20px;
	}

	.product-single-content h3{
		font-size: 26px;
		margin-bottom: 10px;
	}

	.product-single-content h2{
		font-size: 36px;
		margin-bottom: 10px;
	}

	.product-single-content p{
		margin-bottom: 15px;
	}

	.product-single-content ul li{
		margin-bottom: 10px;
	}

	.product-cart-btn{
		margin-top: 20px;
	}

	.product-cart-btn .btn-default{
		padding: 15px;
	}

	.product-single-info{
		margin-top: 50px;
	}

	.product-step-nav{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.product-step-nav ul li .nav-link{
		font-size: 16px;
	}

	.product-step-nav ul li .nav-link::before{
		bottom: -21px;
	}

	.product-tab-item-box h2{
		font-size: 36px;
		margin-bottom: 10px;
	}

	.product-tab-item-box p{
		margin: 15px 0 0 0;
	}

	.product-tab-item-box ul li{
		margin-top: 10px;
	}

	.review-form,
	.customer-review-list{
		width: 100%;
	}

	.customer-review-item{
		margin-bottom: 30px;
	}

	.customer-review-item-content p{
		margin: 0 0 5px 0;
	}

	.review-form .form-control{
		font-size: 16px;
		padding: 12px 15px;
	}

	.related-products-box{
		margin-top: 50px;
	}

	.related-products-box .section-title{
		margin: 0 auto 30px;
	}

	.sb-detail{
		margin-bottom: 50px;
	}

	.sb-detail-info{
		padding: 28px;
	}

	.sb-detail-info h2{
		font-size: 34px;
	}

	.sb-detail-main img{
		height: 340px;
	}

	.sb-detail-tabs{
		margin-bottom: 60px;
	}

	.sb-detail-pane{
		padding: 28px;
	}

	.page-team{
		padding: 50px 0 20px;
	}

	.page-team-single{
		padding: 50px 0;
	}

	.team-single-image{
		margin-bottom: 30px;
	}

	.team-single-image img{
		aspect-ratio: 1 / 0.8;
	}

	.team-sidebar-category-box{
		padding: 30px;
	}

	.team-sidebar-category-item{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.team-sidebar-category-item ul li{
		margin-right: 10px;
	}

	.team-member-about,
	.team-member-service,
	.team-skills-box{
		margin-bottom: 40px;
	}

	.member-service-list,
	.member-service-counters{
		margin-top: 30px;
	}

	.member-service-list ul li{
		margin-bottom: 10px;
	}

	.member-service-counter-item{
		padding: 30px 25px;
	}

	.member-service-counter-item h2{
		font-size: 38px;
	}

	.team-skills-list{
		gap: 30px;
		margin-top: 30px;
	}

	.page-testimonials{
		padding: 50px 0 20px;
	}

	.page-testimonials .testimonial-item{
		padding: 20px;
	}

	.page-testimonials .testimonial-item .testimonial-content{
		margin-bottom: 20px;
	}

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-video-gallery{
		padding: 50px 0 20px;
	}

	.page-faqs{
		padding: 50px 0;
	}

	.page-faqs .page-faq-accordion{
		margin-bottom: 40px;
	}

	.page-contact-us{
		padding: 50px 0;
	}

	.contact-us-content{
		margin: 0 0 30px;
	}

	.contact-info-item{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.contact-social-links{
		margin-top: 20px;
		padding-top: 20px;
	}

	.contact-us-form{
		padding: 30px;
	}

	.contact-form .form-control{
		border-radius: 14px;
		padding: 13px 15px;
	}

	.contact-form .btn-default{
		padding: 14px;
	}

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 450px;
	}

	.error-page{
		padding: 50px 0;
	}
	
	.error-page-image{
		margin-bottom: 20px;
	}

	.error-page-image img{
		max-width: 80%;
	}
}

@media only screen and (max-width: 767px){

	.section-row{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 30px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.hero::before{
		background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 28%),
			linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 36%);
	}

	.hero-slide::before{
		background: linear-gradient(180deg, rgba(8,10,8,0.32) 0%, rgba(8,10,8,0.22) 40%, rgba(8,10,8,0.70) 100%);
	}

	.hero-slider{
		height: 100svh;
		min-height: 460px;
	}

	.hero-slide{
		align-items: center;
		justify-content: center;
		padding: 100px 0 84px;
		text-align: center;
	}

	.hero-slide .row,
	.hero-slide [class*="col-"]{
		justify-content: center;
		text-align: center;
	}

	.hero-media-desk{
		display: none;
	}

	.hero-media-mob{
		display: block;
	}

	.hero-content{
		margin: 0 auto;
		text-align: center;
	}

	.hero-content .section-title h1{
		font-size: 36px;
	}

	.hero-content .section-title p{
		margin-left: auto;
		margin-right: auto;
	}

	.hero-btn{
		justify-content: center;
		gap: 20px;
	}

	.hero-counter-box h3{
		font-size: 18px;
	}
	
	.our-scrolling-ticker{
		padding: 15px 0;
	}

	.scrolling-ticker-box{
        --gap: 15px;
    }

	.scrolling-content span{
        font-size: 20px;
    }

	.scrolling-content span img{
        max-width: 22px;
        margin-right: 15px;
    }

	.about-us-images{
		max-width: 100%;
		padding: 80px 90px 130px 16px;
	}

	.about-image-2{
		max-width: 240px;
	}

	.about-image-3{
		max-width: 190px;
	}

	.about-image-circle a img{
		max-width: 100px;
	}

	.about-us-body{
		gap: 20px;
	}

	.about-body-image,
	.about-body-content{
		width: 100%;
	}

	.about-body-content h3{
        font-size: 18px;
    }

	.about-us-footer{
        gap: 15px 20px;
    }

	.contact-now-box .icon-box{
		width: 44px;
		height: 44px;
		margin-right: 5px;
	}

	.contact-now-box .icon-box img{
		max-width: 20px;
	}

	.contact-now-box-content p{
		margin-bottom: 2px;
	}

	.contact-now-box-content h3{
        font-size: 18px;
    }

	.service-item{
		padding: 20px;
	}

	.service-item .icon-box{
        margin-bottom: 20px;
    }

	.service-item-content h3{
		font-size: 18px;
	}

	.service-cta-box{
        padding: 40px 20px;
    }

	.service-cta-box .contact-now-box .icon-box{
		margin-right: 15px;
	}

	.service-cta-box-info h3{
		font-size: 18px;
	}

	.service-cta-box-info h2{
        font-size: 22px;
    }

	.why-choose-content-box,
	.why-choose-body-img{
		width: 100%;
	}

	.why-choose-item{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

	.why-choose-item .icon-box{
		margin-bottom: 15px;
	}

	.why-choose-item-content h3{
        font-size: 18px;
    }

	.why-choose-btn{
        margin-top: 20px;
    }

	.why-choose-img img{
		object-position: center center;
	}

	.company-experience-box{
		width: 110px;
		height: 110px;
		padding: 15px;
	}

	.company-experience-box h3{
        font-size: 22px;
    }

	.company-experience-box p{
		font-size: 14px;
	}

	.intro-video .section-title{
		margin-bottom: 30px;
	}

	.video-play-button{
		justify-content: left;
	}

	.intro-video-list ul{
		gap: 10px;
	}

	.intro-video-list ul li{
        width: 100%;
    }

	.what-we-do-body{
		gap: 20px;
	}

	.what-we-do-list{
		width: 100%;
	}

	.what-we-do-body .about-image-circle a img{
        max-width: 100px;
    }

	.what-we-do-images{
		max-width: 100%;
		padding: 10px 150px 100px 15px;
	}

	.what-we-do-img-1 img{
        aspect-ratio: 1 / 1.45;
    }

	.what-we-do-img-2,
	.what-we-do-img-3{
		border-width: 4px;
	}

	.what-we-do-img-2 figure,
	.what-we-do-img-3 figure{
		border-radius: 16px;
	}

	.what-we-do-img-2{
        max-width: 150px;
    }

	.what-we-do-img-2::before{
        right: 18px;
        height: 80px;
        width: 40px;
    }

	.what-we-do-img-2 img{
        aspect-ratio: 1 / 1.4;
    }

	.what-we-do-img-3{
		bottom: 10px;
        max-width: 180px;
    }

	.client-review-box{
		bottom: 10px;
        max-width: 140px;
		padding: 10px;
    }

	.client-review-images{
		margin-bottom: 5px;
	}

	.client-review-image{
		margin-left: -6px;
	}

	.client-review-image figure,
	.client-review-image.add-more{
		width: 30px;
		height: 30px;
	}

	.client-review-image.add-more p{
		font-size: 10px;
	}

	.client-review-content p{
		font-size: 12px;
	}

	.our-facts{
		padding: 30px 0;
	}

	.our-facts .container{
		padding: 30px 20px;
	}

	.facts-counter-box{
		gap: 20px;
		padding: 20px 0;
        margin: 20px 0;
	}

	.fact-counter-item{
		width: calc(33.33% - 13.33px);
	}

	.fact-counter-item::before{
		right: -10px;
	}

	.fact-counter-item h2{
        font-size: 28px;
    }

	.our-facts-list ul{
		gap: 10px;
	}

	.our-facts-list ul li{
		width: 100%;
    }

	.our-facts-image{
        max-width: 100%;
    }

	.our-facts-image img{
		aspect-ratio: 1 / 1.29;
		object-fit: contain;
	}

	.our-potential-counter{
		gap: 20px;
	}

	.potential-counter-item{
		width: 100%;
	}

	.potential-counter-item .counter-circle{
		border-width: 6px;
		width: 80px;
		height: 80px;
		margin-right: 10px;
	}

	.potential-counter-content{
        width: calc(100% - 90px);
    }

	.potential-counter-item .counter-circle h2{
        font-size: 20px;
    }

	.potential-counter-content h3{
		font-size: 18px;
	}

	.potential-body-content h3{
        font-size: 18px;
    }

	.testimonial-content{
		margin-bottom: 20px;
	}

	.testimonial-content p{
		font-size: 16px;
	}

	.testimonial-body .author-content h3{
		font-size: 18px;
	}

	.testimonial-btn{
		position: initial;
		justify-content: center;
	}

	.testimonial-company-slider{
		padding-top: 30px;
		margin-top: 30px;
	}

	.goals-item{
        width: 100%;
    }

	.goals-item .icon-box{
        margin-bottom: 20px;
    }

	.goals-item .icon-box img{
		max-width: 40px;
	}

	.goals-item-content h3{
		font-size: 18px;
	}

	.goals-content-footer{
		gap: 15px;
	}

	.faq-cta-box .icon-box{
		margin-right: 10px;
	}

	.faq-cta-box .icon-box img{
		max-width: 45px;
	}

	.faq-cta-box .faq-cta-content{
		width: calc(100% - 55px);
	}

	.faq-cta-content p{
		margin-bottom: 5px;
	}

	.faq-cta-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.faq-accordion .accordion-header .accordion-button{
		font-size: 18px;
		padding-right: 20px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		font-size: 16px;
	}

	.faq-accordion .accordion-item .accordion-body{
		padding-right: 0px;
	}

	.post-item-content h2{
		font-size: 18px;
	}

	.footer-link-list{
		justify-content: initial;
		gap: 30px 60px;
	}

	.footer-links h3{
		font-size: 18px;
        margin-bottom: 15px;
    }

	.footer-links ul li{
		margin-bottom: 5px;
	}

	.footer-info-wrap{
		padding: 0;
	}

	.footer-info-bar{
		padding: 20px;
		gap: 15px;
	}

	.footer-info-item{
		flex: 1 1 100%;
	}

	.footer-tags{
		padding: 20px 0;
	}

	.footer-cta-box{
		padding: 20px;
	}

	.footer-logo,
	.footer-contact-box{
		width: 100%;
	}

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

	.footer-contact-box{
		justify-content: left;
	}

	.footer-contact-item{
		padding-right: 10px;
        margin-right: 10px;
	}

	.footer-contact-item::before{
		right: -10px;
	}

	.footer-contact-item:nth-of-type(2n + 2)::before{
		display: none;
	}

	.footer-contact-item p{
		margin-bottom: 5px;
	}

	.footer-contact-item h3{
		font-size: 16px;
	}

	.footer-copyright{
		padding: 30px 0;
		border-top: none;
	}

	.footer-copyright-inner{
		width: fit-content;
		max-width: 100%;
		margin: 0 auto;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px;
		text-align: center;
	}

	.footer-copyright-text{
		order: 3;
		margin-bottom: 0;
		text-align: center;
	}

	.footer-cosmos{
		order: 1;
		text-align: center;
	}

	.footer-cosmos-hr{
		display: block;
		order: 2;
		border: 0;
		border-top: 1px solid rgba(255,255,255,0.25);
		margin: 0;
		opacity: 1;
		width: 100%;
	}

	.footer-menu ul{
		text-align: center;
	}

	.page-header-box h1{
        font-size: 30px;
    }

	.page-header-box ol li.breadcrumb-item{
		font-size: 16px;
	}

	.approach-goal-img img{
        aspect-ratio: 1 / 0.82;
    }
	
	.approach-goal-content{
        right: 15px;
        bottom: 20px;
        left: 15px;
    }

	.approach-goal-content h2{
		font-size: 18px;
	}

	.our-approach-content{
		gap: 20px;
	}

	.mission-vision-item{
		width: 100%;
    }

	.mission-vision-item h3{
        margin-bottom: 15px;
    }

	.mission-vision-item h2{
		font-size: 18px;
        margin-bottom: 10px;
    }

	.our-features-item:nth-child(even){
		flex-direction: column;
	}

	.our-features-image,
	.our-features-content{
        width: 100%;
    }

	.our-features-image img{
        aspect-ratio: 1 / 0.67;
    }

	.our-features-body{
		width: calc(100% - 60px);
	}

	.our-features-body h2{
		font-size: 26px;
		margin-bottom: 10px;
	}

	.our-features-body h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.our-features-content .icon-box img{
		max-width: 45px;
	}

	.team-content{
        padding: 15px;
    }

    .team-content h3{
        font-size: 18px;
		margin-bottom: 5px;
    }

	.our-expertise-body ul{
		gap: 10px;
	}

	.our-expertise-body ul li{
		width: 100%;
	}

	.skills-progress-bar .skillbar .skill-progress{
		height: 14px;
	}

	.expertise-image{
		padding: 0 0 50px 40px;
	}

	.expertise-img figure,
	.expertise-img img{
		border-radius: 20px;
	}

    .expertise-image-list{
        max-width: 120px;
    }

	.expertise-list-img{
		border-width: 3px;
		border-radius: 12px;
	}

	.expertise-image .about-image-circle{
		right: 80px;
	}

	.page-category-list h3{
		font-size: 18px;
        padding: 15px 20px;
    }

	.page-category-list ul{
        padding: 20px;
    }

	.sidebar-cta-box{
		padding: 20px;
	}

	.cta-contact-header{
		margin-bottom: 5px;
	}

	.cta-contact-item-content h3{
		font-size: 20px;
	}

	.sidebar-cta-image img{
        aspect-ratio: 1 / 0.5;
    }

	.page-single-image{
        margin-bottom: 20px;
    }

	.service-entry h2{
		font-size: 26px;
	}

	.service-entry ul li{
		width: 100%;
	}

	.service-deliver-image-content{
		gap: 20px;
	}

	.service-deliver-image,
	.service-deliver-content{
		width: 100%;
	}

	.service-deliver-image figure,
	.service-deliver-image img{
		height: auto;
	}

	.service-deliver-item{
		margin-bottom: 20px;
	}

	.service-deliver-item-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.page-single-image-video img{
		aspect-ratio: 1 / 0.6;
	}

	.service-caring-item{
		width: 100%;
		padding: 15px;
	}

	.service-caring-item-content h3{
		font-size: 18px;
	}

	.page-single-faqs .faq-accordion .accordion-item .accordion-body figure,
	.page-single-faqs .faq-accordion .accordion-item .accordion-body p{
		width: 100%;
	}

	.post-single-meta ol li{
        font-size: 16px;
    }
    
    .post-single-meta ol li i{
        font-size: 16px;
    }
    
    .post-image img{
        aspect-ratio: 1 / 0.7;
    }
    
    .post-entry blockquote{
        background-position: 15px 15px;
        padding: 60px 15px 15px 15px;
    }
    
    .post-entry blockquote p{
        font-size: 16px;
    }
    
    .post-entry h2{
        font-size: 26px;
    }

	.tag-links{
		font-size: 18px;
	}

	.product-item{
		width: 100%;
	}

	.sb-products-grid{
		gap: 20px;
	}

	.sb-products-grid .sb-product-card{
		width: 100%;
	}

	.sb-tabs{
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: flex-start;
		padding-bottom: 8px;
	}

	.sb-tab{
		white-space: nowrap;
	}

	.product-image img{
        width: 180px;
        height: 180px;
    }

	.product-item-content h3,
	.product-item-content h2{
		font-size: 18px;
	}

	.customer-rating-box i{
		font-size: 16px;
	}

	.product-single-content h3{
		font-size: 24px;
	}

	.product-single-content h3 span{
		font-size: 18px;
	}

	.product-single-content h2{
		font-size: 26px;
	}

	.product-step-nav .nav-tabs{
		gap: 20px;
	}

	.product-tab-item-box h2{
		font-size: 26px;
	}

	.customer-review-item .icon-box{
		margin-right: 10px;
	}

	.customer-review-item .icon-box img{
		max-width: 50px;
	}

	.customer-review-item-body{
		width: calc(100% - 60px);
	}

	.sb-detail-main img{
		height: 280px;
	}

	.sb-detail-info{
		padding: 24px;
	}

	.sb-detail-info h2{
		font-size: 30px;
	}

	.sb-detail-price{
		font-size: 28px;
	}

	.sb-detail-actions{
		flex-direction: column;
	}

	.sb-detail-trust{
		grid-template-columns: 1fr;
	}

	.sb-detail-pane{
		padding: 24px;
	}

	.sb-review-item{
		padding: 20px;
	}

	.sb-gallery-grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.sb-gallery-item img{
		height: 150px;
	}

	.sb-review-form{
		padding: 22px;
	}

	.sb-related-head{
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
	}

	.team-single-image img{
        aspect-ratio: 1 / 1.05;
    }

	.team-sidebar-category-box{
        padding: 20px;
    }

	.team-sidebar-category-item h3{
		font-size: 18px;
	}

	.member-service-counters{
		gap: 20px;
	}

	.member-service-counter-item{
        width: calc(50% - 10px);
        padding: 15px;
    }

	.member-service-counter-item h2{
		font-size: 26px;
	}

	.team-skills-list{
		gap: 20px;
	}

	.team-skills-list .skills-progress-bar{
		width: 100%;
	}

	.contact-info-item .icon-box{
		margin-right: 10px;
	}

	.contact-item-content{
		width: calc(100% - 60px);
	}

	.contact-item-content h3,
	.contact-social-links h3{
		font-size: 18px;
	}

	.contact-social-links{
		gap: 10px;
	}

	.contact-social-links ul li{
		margin-right: 5px;
	}

	.contact-social-links ul li a{
		width: 36px;
		height: 36px;
	}

	.contact-us-form{
        padding: 20px;
    }

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 350px;
	}
}

/************************************/
/***  SB Products Showcase (Proje) ***/
/************************************/

.sb-products-showcase{
	background: #F1F2F4;
	border-top: none;
	padding: 100px 0 100px;
	overflow: hidden;
}

.sb-products-mobile-header{
	display: none;
}

.sb-showcase-inner{
	display: flex;
	gap: 24px;
	align-items: stretch;
}

.sb-showcase-left{
	position: relative;
	z-index: 10;
	flex-shrink: 0;
	width: 350px;
	display: flex;
}

.sb-showcase-card{
	position: relative;
	overflow: hidden;
	flex: 1;
	display: flex;
	flex-direction: column;
	background:
		linear-gradient(180deg, rgba(149,6,2,0.78) 0%, rgba(90,3,1,0.86) 100%),
		url('../kurumsal/4.jpg') center center / cover no-repeat;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 32px 12px 32px 12px;
	padding: 32px;
	min-height: 460px;
	isolation: isolate;
}

.sb-showcase-card > *{
	position: relative;
	z-index: 1;
}

/* Sağ üst — ince dekoratif halka */
.sb-showcase-card::before{
	content: '';
	position: absolute;
	top: -95px;
	right: -95px;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	border: 26px solid rgba(255,255,255,0.09);
	z-index: 0;
	pointer-events: none;
}

/* Sol alt — ince dekoratif halka (üsttekiyle simetrik) */
.sb-showcase-card::after{
	content: '';
	position: absolute;
	left: -95px;
	bottom: -95px;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	border: 26px solid rgba(255,255,255,0.09);
	z-index: 0;
	pointer-events: none;
}

.sb-showcase-eyebrow{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.18em;
	color: rgba(255,255,255,0.6);
}

.sb-showcase-line{
	width: 24px;
	height: 1px;
	background: rgba(255,255,255,0.2);
}

.sb-showcase-card h2{
	margin-top: 12px;
	font-size: 44px;
	font-weight: 600;
	line-height: 0.9;
	letter-spacing: -0.04em;
	color: #FFFFFF;
}

.sb-showcase-card h2 .sb-thin{
	font-weight: 300;
	color: rgba(255,255,255,0.8);
}

.sb-showcase-card h2 .sb-dot{
	color: #FFFFFF;
}

.sb-showcase-card p{
	margin-top: 16px;
	font-size: 17px;
	line-height: 1.6;
	color: rgba(255,255,255,0.7);
}

.sb-showcase-nav{
	margin-top: auto;
	padding-top: 24px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.sb-nav-btn{
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	color: #950602;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 8px 20px rgba(0,0,0,0.12);
	box-sizing: border-box;
}

.sb-nav-btn:hover{
	background: var(--primary-color);
	border: 2px solid #FFFFFF;
}

.sb-nav-btn:hover::after{
	background-image: url('../images/arrow-white.svg');
}

.sb-nav-btn i{
	display: none;
}

.sb-nav-btn::after{
	content: '';
	width: 22px;
	height: 22px;
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 22px auto;
}

.sb-products-prev::after{
	transform: rotate(180deg);
}

.sb-nav-btn.sb-dark::after{
	background-image: url('../images/arrow-white.svg');
}

.sb-nav-btn.sb-dark{
	background: #18181B;
	border-color: #18181B;
	color: #FFFFFF;
}

.sb-nav-btn.sb-dark:hover{
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.sb-counter{
	margin-left: 8px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.sb-counter .sb-current{
	color: #FFFFFF;
}

.sb-counter .sb-total{
	color: rgba(255,255,255,0.3);
}

.sb-showcase-card .btn-default{
	margin-top: 16px;
	align-self: stretch;
	text-align: center;
}

.sb-mobile-bar .btn-default{
	flex: 1;
	text-align: center;
	font-size: 15px;
	padding: 12px 50px 12px 18px;
}

.sb-showcase-right{
	flex: 1;
	min-width: 0;
}

.sb-products-swiper{
	overflow: hidden;
}

.sb-products-swiper-2{
	overflow: hidden;
}

.sb-products-swiper .swiper-wrapper,
.sb-products-swiper-2 .swiper-wrapper{
	align-items: stretch;
}

.sb-products-swiper .swiper-slide,
.sb-products-swiper-2 .swiper-slide{
	height: auto;
}

.sb-product-card{
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 32px 12px 32px 12px;
	padding: 12px;
	transition: all 0.5s ease;
}

.sb-product-media{
	overflow: hidden;
	border-radius: 20px;
	background: #f9fafb;
	border: 1px solid #f4f4f5;
}

.sb-product-media img{
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center center;
	transition: transform 0.7s ease;
}

.page-product .sb-product-media img,
.sb-products-showcase .sb-product-media img{
	height: 280px;
	object-fit: contain;
	object-position: center center;
	transform: scale(1.14);
	transform-origin: center center;
}

.sb-product-card:hover .sb-product-media img{
	transform: scale(1.07);
}

.page-product .sb-product-card:hover .sb-product-media img,
.sb-products-showcase .sb-product-card:hover .sb-product-media img{
	transform: scale(1.2);
}

@media only screen and (min-width: 992px){
	.page-product .sb-product-media img,
	.sb-products-showcase .sb-product-media img{
		height: 260px;
		object-fit: cover;
		object-position: center center;
		transform: none;
	}

	.page-product .sb-product-card:hover .sb-product-media img,
	.sb-products-showcase .sb-product-card:hover .sb-product-media img{
		transform: scale(1.06);
	}
}

.sb-product-info{
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.sb-product-cat{
	font-size: 12px;
	letter-spacing: 0.10em;
	color: #950602;
}

.sb-product-info h3{
	margin-top: 6px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.03em;
	color: #18181B;
}

.sb-product-info h3 .sb-dot{
	color: #950602;
}

.sb-product-info p{
	margin-top: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: #57575b;
}

.sb-product-foot{
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #f4f4f5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.sb-foot-meta{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2em;
	color: #3f7d4e;
	letter-spacing: 0;
}

.sb-foot-meta i{
	color: #4f9a61;
	font-size: 14px;
}

.sb-foot-meta em{
	font-style: normal;
	color: #6aa87a;
	font-weight: 400;
}

.sb-foot-meta span:last-child{
	color: #3f7d4e;
	font-weight: 500;
}

.sb-foot-text.readmore-btn{
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2em;
	text-transform: capitalize;
	letter-spacing: 0;
	color: var(--primary-color);
	padding-right: 22px;
	transition: all 0.3s ease-in-out;
}

.sb-foot-text.readmore-btn::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	transform: translate(-2px, -50%);
	transition: all 0.3s ease-in-out;
	display: block;
}

.sb-product-card:hover .sb-foot-text.readmore-btn{
	color: var(--primary-color);
}

.sb-product-card:hover .sb-foot-text.readmore-btn::before{
	transform: translate(0px, -50%);
}

.sb-foot-arrow{
	display: none;
}

.sb-mobile-bar{
	margin-top: 24px;
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.sb-mobile-bar .btn-default{
	margin-top: 0;
}

.sb-mobile-nav{
	display: flex;
	align-items: center;
	gap: 8px;
}

.sb-swipe-hint{
	display: none;
}

.sb-mobile-nav .sb-nav-btn{
	border-color: #e4e4e7;
	box-shadow: none;
}

@media only screen and (max-width: 1199px){
	.sb-showcase-left{
		width: 320px;
	}

	.sb-showcase-card h2{
		font-size: 38px;
	}
}

@media only screen and (max-width: 991px){
	.sb-products-mobile-header{
		display: block;
		text-align: center;
		margin-bottom: 28px;
	}

	.sb-products-mobile-header .section-title{
		margin-left: auto;
		margin-right: auto;
	}

	.sb-products-mobile-header .section-title h2{
		text-align: center;
		white-space: nowrap;
	}

	.sb-products-mobile-header .section-title h2 .split-line{
		white-space: nowrap;
		display: inline !important;
	}

	.sb-products-mobile-header .section-title h2 div{
		display: inline !important;
	}

	.sb-products-mobile-header .section-title h2 .title-light{
		font-weight: 500;
		color: #950602;
	}

	.sb-products-mobile-header .section-title h2 .title-dot{
		color: #950602;
	}

	.sb-products-mobile-header .section-title p{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.sb-showcase-inner{
		flex-direction: column;
	}

	.sb-showcase-left{
		display: none !important;
	}

	.sb-showcase-card{
		min-height: 0;
	}

	.sb-showcase-nav{
		display: none;
	}

	.sb-showcase-card .btn-default{
		display: none;
	}

	.sb-products-swiper,
	.sb-products-swiper-2{
		overflow: hidden;
	}

	.sb-mobile-bar{
		display: flex;
		justify-content: center;
	}

	.sb-mobile-nav{
		display: none;
	}

	.sb-swipe-hint{
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		padding: 10px 4px;
	}

	.sb-swipe-hint-row{
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}

	.sb-swipe-arrow{
		display: block;
		width: 18px;
		height: 18px;
		flex-shrink: 0;
		background-image: url('../images/arrow-primary.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 18px auto;
		opacity: 0.55;
		animation: sbSwipeArrowPulse 1.6s ease-in-out infinite;
	}

	.sb-swipe-arrow-prev{
		transform: rotate(180deg);
		animation-name: sbSwipeArrowPulsePrev;
	}

	.sb-swipe-track{
		position: relative;
		display: block;
		width: 56px;
		height: 4px;
		border-radius: 100px;
		background: rgba(24,24,27,0.12);
		overflow: hidden;
		flex-shrink: 0;
	}

	.sb-swipe-thumb{
		position: absolute;
		top: 0;
		left: 0;
		width: 22px;
		height: 100%;
		border-radius: 100px;
		background: var(--primary-color);
		animation: sbSwipeHint 1.6s ease-in-out infinite;
	}

	.sb-swipe-hint em{
		font-style: normal;
		font-size: 13px;
		font-weight: 500;
		color: var(--text-color);
		letter-spacing: 0.02em;
		text-align: center;
	}

	@keyframes sbSwipeHint{
		0%{
			left: 0;
		}
		50%{
			left: calc(100% - 22px);
		}
		100%{
			left: 0;
		}
	}

	@keyframes sbSwipeArrowPulse{
		0%, 100%{
			opacity: 0.4;
			transform: translateX(0);
		}
		50%{
			opacity: 1;
			transform: translateX(3px);
		}
	}

	@keyframes sbSwipeArrowPulsePrev{
		0%, 100%{
			opacity: 0.4;
			transform: rotate(180deg) translateX(0);
		}
		50%{
			opacity: 1;
			transform: rotate(180deg) translateX(3px);
		}
	}

	.sb-mobile-bar .btn-default{
		display: none !important;
	}
}

/* Reverse showcase: siyah kart + üst çizgisiz bitişik görünüm */
.sb-products-showcase.sb-reverse{
	border-top: none;
	padding-top: 0;
}

.sb-showcase-card-dark{
	background: #18181B;
	border-color: rgba(255,255,255,0.08);
}

@media only screen and (max-width: 991px){
	.sb-reverse-inner{
		flex-direction: column;
	}
}

/* Farm highlights: hover'da görsel açılan kurumsal kartlar */
.sb-highlights{
	background: var(--bg-color);
	padding: 100px 0;
}

.sb-highlights .section-title{
	margin-bottom: 0;
}

.sb-highlights-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 50px;
}

.sb-highlight-card{
	position: relative;
	display: block;
	min-height: 380px;
	border-radius: 32px 12px 32px 12px;
	overflow: hidden;
	background: #18181B;
	border: 1px solid rgba(0,0,0,0.06);
	isolation: isolate;
}

.sb-highlight-media{
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var(--sb-bg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transform: scale(1.12);
	transition: opacity 0.6s ease, transform 0.8s ease;
}

.sb-highlight-card::after{
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(24,24,27,0) 30%, rgba(24,24,27,0.55) 70%, rgba(24,24,27,0.9) 100%);
	opacity: 0;
	transition: opacity 0.5s ease;
}

.sb-highlight-card:hover .sb-highlight-media{
	opacity: 1;
	transform: scale(1);
}

.sb-highlight-card:hover::after{
	opacity: 1;
}

.sb-highlight-body{
	position: absolute;
	inset: auto 0 0 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 28px 26px;
}

.sb-highlight-icon{
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--white-color);
	color: var(--primary-color);
	font-size: 20px;
	margin-bottom: 6px;
	transition: all 0.4s ease;
}

.sb-highlight-card:hover .sb-highlight-icon{
	background: var(--primary-color);
	color: var(--white-color);
}

.sb-highlight-body strong{
	font-size: 22px;
	font-weight: 600;
	color: #18181B;
	transition: color 0.4s ease;
}

.sb-highlight-body em{
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-color);
	transition: color 0.4s ease;
}

.sb-highlight-card:hover .sb-highlight-body strong,
.sb-highlight-card:hover .sb-highlight-body em{
	color: var(--white-color);
}

@media only screen and (max-width: 991px){
	.sb-highlights{
		padding: 60px 0;
	}

	.sb-highlights-grid{
		grid-template-columns: repeat(2, 1fr);
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px){
	.sb-highlights-grid{
		grid-template-columns: 1fr;
	}

	.sb-highlight-card{
		min-height: 320px;
	}
}

/************************************/
/***        Farm CTA css           ***/
/************************************/

.farm-cta{
	background: var(--bg-color);
	padding: 0 0 100px;
}

.farm-cta-box{
	position: relative;
	background: url('../images/service-cta-box-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 20px;
	padding: 60px;
	overflow: hidden;
}

.farm-cta-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 0.88;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.farm-cta-box .row{
	position: relative;
	z-index: 1;
}

.farm-cta-content .section-title{
	margin-bottom: 0;
}

.farm-cta-content .section-title h3{
	background-image: url('../images/icon-sub-heading.svg');
	color: var(--white-color);
}

.farm-cta-content .section-title h2,
.farm-cta-content .section-title p{
	color: var(--white-color);
}

.farm-cta-btn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 40px;
	margin-top: 40px;
}

.farm-cta-btn .contact-now-box{
	display: flex;
	align-items: center;
}

.farm-cta-btn .contact-now-box .icon-box{
	margin-right: 15px;
}

.farm-cta-btn .contact-now-box .icon-box img{
	max-width: 50px;
}

.farm-cta-btn .contact-now-box-content p{
	color: var(--white-color);
	opacity: 0.8;
	margin-bottom: 5px;
}

.farm-cta-btn .contact-now-box-content h3{
	font-size: 22px;
	color: var(--white-color);
	margin: 0;
}

.farm-cta-btn .contact-now-box-content h3 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.farm-cta-btn .contact-now-box-content h3 a:hover{
	opacity: 0.7;
}

.farm-cta-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.farm-cta-list ul li{
	position: relative;
	color: var(--white-color);
	font-weight: 500;
	line-height: 1.4em;
	padding: 20px 20px 20px 55px;
	background: var(--dark-divider-color);
	backdrop-filter: saturate(140%) blur(10px);
	-webkit-backdrop-filter: saturate(140%) blur(10px);
	border-radius: 12px;
}

.farm-cta-list ul li::before{
	content: '\f14a';
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 20px;
	font-weight: 900;
	color: var(--white-color);
}

@media only screen and (max-width: 991px){
	.farm-cta{
		padding: 0 0 50px;
	}

	.farm-cta-box{
		padding: 40px 30px;
	}

	.farm-cta-content{
		margin-bottom: 30px;
	}

	.farm-cta-btn{
		margin-top: 30px;
		gap: 20px 30px;
	}
}

@media only screen and (max-width: 767px){
	.farm-cta-box{
		padding: 30px 20px;
	}

	.farm-cta-list ul li{
		padding: 15px 15px 15px 50px;
	}

	.farm-cta-list ul li::before{
		top: 15px;
		left: 15px;
	}
}

/************************************/
/*** SB CTA Banner (Proje birebir) ***/
/************************************/

.sb-cta-banner{
	background: #f1f2f4;
	overflow: hidden;
}

.sb-cta-wrap{
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 40px;
}

.sb-cta-box{
	position: relative;
	overflow: hidden;
	border-radius: 32px 12px 32px 12px;
	background: #09090b;
}

.sb-cta-bg{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sb-cta-overlay-r{
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(9,9,11,0.9), rgba(9,9,11,0.6), rgba(9,9,11,0.2));
}

.sb-cta-overlay-b{
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.4), transparent, transparent);
}

.sb-cta-overlay-red{
	position: absolute;
	inset: 0;
	background: rgba(149,6,2,0.20);
	mix-blend-mode: multiply;
}

.sb-cta-ring{
	position: absolute;
	right: -80px;
	top: -80px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	border: 28px solid rgba(255,255,255,0.10);
	pointer-events: none;
}

.sb-cta-blur{
	position: absolute;
	bottom: -96px;
	right: 160px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: rgba(255,255,255,0.10);
	filter: blur(40px);
	pointer-events: none;
}

.sb-cta-inner{
	position: relative;
	z-index: 10;
	padding: 95px 60px;
	min-height: 600px;
	display: flex;
	align-items: center;
}

.sb-cta-inner .container{
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.sb-cta-content{
	flex: 1;
	max-width: 680px;
	width: 100%;
}

.sb-cta-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 999px;
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255,255,255,0.15);
	padding: 6px 16px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.16em;
	color: #fff;
	line-height: 1.4;
}

.sb-cta-dot{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--primary-color);
	animation: sb-cta-pulse 1.6s ease-in-out infinite;
}

@keyframes sb-cta-pulse{
	0%,100%{ opacity: 1; transform: scale(1); }
	50%{ opacity: 0.55; transform: scale(0.8); }
}

.sb-cta-title{
	margin: 20px 0 0;
	font-size: 50px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: #fff;
	padding-bottom: 0.12em;
}

.sb-cta-title-light{
	font-weight: 300;
	color: rgba(255,255,255,0.80);
}

.sb-cta-title-dot{
	color: #fff;
}

.sb-cta-text{
	margin: 20px 0 0;
	max-width: 54ch;
	font-size: 18px;
	line-height: 1.7;
	color: rgba(255,255,255,0.70);
}

.sb-cta-btns{
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.sb-cta-btns .btn-default::after{
	background: #FFFFFF;
}

.sb-cta-btns .btn-default:hover{
	color: var(--primary-color);
}

.sb-cta-btns .btn-default:hover::before{
	background-color: var(--primary-color);
	background-image: url('../images/arrow-white.svg');
}

.sb-cta-primary{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: #fff;
	padding: 8px 8px 8px 28px;
	font-size: 16px;
	font-weight: 600;
	color: #18181b;
	text-decoration: none;
	box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

.sb-cta-fill{
	position: absolute;
	right: 8px;
	top: 8px;
	height: 44px;
	width: 44px;
	border-radius: 999px;
	background: #950602;
	transition: all 0.5s cubic-bezier(0.22,1,0.36,1);
}

.sb-cta-primary-label{
	position: relative;
	z-index: 2;
	transition: color 0.5s;
}

.sb-cta-primary-icon{
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	height: 44px;
	width: 44px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #950602;
	color: #fff;
	transition: all 0.5s;
	font-size: 16px;
}

.sb-cta-primary:hover .sb-cta-fill{
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.sb-cta-primary:hover .sb-cta-primary-label{
	color: #fff;
}

.sb-cta-primary:hover .sb-cta-primary-icon{
	background: #fff;
	color: #950602;
}

.sb-cta-secondary{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.20);
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: 14px 28px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	transition: background 0.3s;
}

.sb-cta-secondary:hover{
	background: rgba(255,255,255,0.10);
	color: #fff;
}

.sb-cta-secondary i{
	font-size: 14px;
}

@media only screen and (max-width: 991px){
	.sb-cta-wrap{
		padding: 0 24px;
	}

	.sb-cta-inner{
		padding: 48px 32px;
		min-height: 0;
	}

	.sb-cta-title{
		font-size: 54px;
	}

	.sb-cta-blur{
		display: none;
	}
}

@media only screen and (max-width: 767px){
	.sb-cta-banner{
		padding: 0;
	}

	.sb-cta-wrap{
		padding: 0 16px;
	}

	.sb-cta-inner{
		padding: 32px 20px;
	}

	.sb-cta-title{
		font-size: 36px;
	}

	.sb-cta-text{
		font-size: 16px;
	}
}

/************************************/
/*** SB Why (Neden Saraybeyi)     ***/
/************************************/

.sb-why{
    padding: 100px 0;
    background: var(--bg-color);
}

.sb-why .row.align-items-center{
    align-items: stretch;
    justify-content: center;
    --bs-gutter-x: 12px;
}

.sb-why .row.align-items-center > [class*="col-"]{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sb-why-media{
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 12px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 600px;
    flex: 1 1 auto;
    align-content: stretch;
}

.sb-why-sq{
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    aspect-ratio: auto;
    height: auto;
    min-height: 0;
    min-width: 0;
}

.sb-why-sq img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.sb-why-sq:hover img{
    transform: scale(1.06);
}

.sb-why-circle{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 148px;
    height: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    border: 6px solid #f1f2f4;
    border-radius: 50%;
    overflow: hidden;
    padding: 16px;
    animation: sb-circle-spin 10s linear infinite;
}

@keyframes sb-circle-spin{
    from{ transform: translate(-50%, -50%) rotate(0deg); }
    to{ transform: translate(-50%, -50%) rotate(360deg); }
}

.sb-why-circle img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.sb-why-content{
    background: var(--white-color);
    border: 1px solid var(--divider-color);
    border-radius: 32px 12px 32px 12px;
    padding: 36px 36px 34px;
    box-shadow: 0 20px 55px rgba(0,0,0,0.08);
    flex: 1 1 auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sb-why-content .section-title{
    margin-bottom: 30px;
}

.sb-why-content .section-title h2{
    font-weight: 600;
}

.sb-why-content .section-title .title-light{
    font-weight: 500;
    color: var(--primary-color);
}

.sb-why-content .section-title .title-dot{
    color: var(--primary-color);
}

.sb-why-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 26px;
}

.sb-why-item{
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #f1f2f4;
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 18px;
    transition: all 0.3s ease;
}

.sb-why-item:hover{
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(0,0,0,0.10);
    border-color: transparent;
}

.sb-why-icon{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 26px;
}

.sb-why-icon i{
    color: #FFFFFF;
    font-size: 26px !important;
    line-height: 1;
}

.sb-why-item strong{
    display: block;
    font-size: 16px;
    color: var(--accent-color);
    margin-bottom: 4px;
}

.sb-why-item span{
    font-size: 13px;
    line-height: 1.55;
    color: var(--text-color);
}

.sb-why-stats{
    display: flex;
    gap: 0;
    background: var(--accent-color);
    border-radius: 16px;
    padding: 20px 10px;
    margin-bottom: 28px;
}

.sb-why-stat{
    flex: 1;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.14);
    padding: 4px 10px;
}

.sb-why-stat:last-child{
    border-right: none;
}

.sb-why-stat strong{
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: var(--white-color);
    line-height: 1.1;
}

.sb-why-stat span{
    font-size: 12px;
    color: rgba(255,255,255,0.65);
}

.sb-why-btns{
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.sb-why-phone{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--accent-color);
    text-decoration: none;
}

.sb-why-phone i{
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid var(--divider-color);
    background: var(--white-color);
    color: var(--primary-color);
    font-size: 15px;
}

.sb-why-phone:hover{
    color: var(--primary-color);
}

@media only screen and (max-width: 1399px){
    .sb-why-media{
        min-height: 640px;
    }
}

@media only screen and (max-width: 991px){
    .sb-why{
        padding: 60px 0;
    }

    .sb-why .row.align-items-center{
        align-items: center;
    }

    .sb-why-media{
        margin-right: 0;
        margin-bottom: 24px;
        height: auto;
        min-height: 0;
        grid-template-rows: auto;
    }

    .sb-why-sq{
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
    }

    .sb-why-circle{
        width: 120px;
        height: 120px;
        padding: 12px;
        border-width: 5px;
    }

    .sb-why-content{
        align-items: center;
        text-align: center;
    }

    .sb-why-content .section-title{
        width: 100%;
        text-align: center;
    }

    .sb-why-content .section-title h2,
    .sb-why-content .section-title p{
        text-align: center;
    }

    .sb-why-content .section-title .split-line{
        text-align: center !important;
    }

    .sb-why-grid{
        display: none;
    }

    .sb-why-btns{
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px){
    .sb-why-media{
        gap: 12px;
    }

    .sb-why-stats{
        flex-direction: column;
        gap: 14px;
        padding: 20px;
    }

    .sb-why-stat{
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.14);
        padding-bottom: 14px;
    }

    .sb-why-stat:last-child{
        border-bottom: none;
        padding-bottom: 0;
    }
}

/************************************/
/*** SB Contact (iletisim.html)   ***/
/************************************/

.page-contact-us{
    background: var(--bg-color);
}

.page-contact-us .row.align-items-center{
    align-items: stretch;
}

.sb-contact-top{
    margin-bottom: 50px;
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
}

.sb-contact-top-card{
    height: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
    background: var(--white-color);
    border: 1px solid var(--divider-color);
    border-top: 4px solid var(--primary-color);
    border-radius: 20px;
    padding: 26px 26px 24px;
    text-decoration: none;
    box-shadow: 0 14px 40px rgba(0,0,0,0.07);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.sb-contact-top-card::after{
    content: '';
    display: block;
    position: absolute;
    right: -55px;
    top: -55px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(149,6,2,0.08) 0%, rgba(149,6,2,0) 70%);
    pointer-events: none;
}

.sb-contact-top-card::before{
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    bottom: -45px;
    width: 110px;
    height: 110px;
    border-radius: 28px;
    background: rgba(149,6,2,0.05);
    transform: rotate(18deg);
    pointer-events: none;
}

a.sb-contact-top-card:hover{
    transform: translateY(-5px);
    border-color: var(--primary-color);
    box-shadow: 0 22px 55px rgba(149,6,2,0.16);
}

.sb-contact-top-card strong{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9aa0a6;
}

.sb-contact-top-card em{
    font-style: normal;
    font-size: 17px;
    font-weight: 600;
    color: var(--accent-color);
}

.sb-contact-top-text small{
    font-size: 13px;
    color: #9aa0a6;
}

.sb-contact-top-card .sb-contact-icon{
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 21px;
    position: relative;
    z-index: 1;
}

.sb-contact-top-card strong{
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--primary-color);
}

.sb-contact-top-text{
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sb-contact-map{
    height: 100%;
    min-height: 100%;
}

.sb-contact-map iframe{
    height: 100%;
    min-height: 560px;
}

.sb-contact-main{
    align-items: stretch;
}

.sb-contact-main > [class*="col-"]{
    display: flex;
    flex-direction: column;
}

.sb-contact-map-card{
    flex: 1;
    height: auto;
    display: flex;
    flex-direction: column;
    background: var(--white-color);
    border: 1px solid var(--divider-color);
    border-radius: 28px;
    padding: 10px;
    box-shadow: 0 20px 55px rgba(0,0,0,0.08);
    overflow: hidden;
}

.sb-contact-map-card .sb-contact-map{
    flex: 1;
    min-height: 380px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--divider-color);
}

.sb-contact-map-card .sb-contact-map iframe{
    height: 100%;
    min-height: 380px;
    border-radius: 0;
}

.sb-contact-map-foot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 12px 8px;
}

.sb-contact-map-addr{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.sb-contact-map-addr-icon{
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--white-color);
    font-size: 15px;
}

.sb-contact-map-addr-title{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--accent-color);
}

.sb-contact-map-addr-sub{
    margin: 2px 0 0;
    font-size: 13px;
    color: #9aa0a6;
}

.sb-contact-map-open,
a.sb-contact-map-btn.btn-default{
    flex-shrink: 0;
    white-space: nowrap;
}

.sb-contact-info{
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 32px 12px 32px 12px;
    padding: 42px 40px 36px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 48%),
        var(--primary-color);
    color: var(--white-color);
    overflow: hidden;
    position: relative;
}

.sb-contact-info::after{
    content: '';
    position: absolute;
    right: -90px;
    bottom: -90px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 24px solid rgba(255,255,255,0.08);
    pointer-events: none;
}

.sb-contact-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    background: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.22);
    color: var(--white-color);
    border-radius: 100px;
    padding: 8px 16px;
    margin-bottom: 20px;
}

.sb-contact-badge i{
    font-size: 12px;
}

.sb-contact-info h2{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--white-color);
    margin: 0 0 12px;
    position: relative;
    z-index: 1;
}

.sb-contact-info h2 span{
    font-weight: 300;
    color: rgba(255,255,255,0.85);
}

.sb-contact-desc{
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255,255,255,0.75);
    margin: 0 0 28px;
    position: relative;
    z-index: 1;
}

.sb-contact-items{
    display: grid;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.sb-contact-item{
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 16px;
    padding: 14px 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

a.sb-contact-item:hover{
    background: rgba(255,255,255,0.18);
    transform: translateY(-2px);
}

.sb-contact-icon{
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--white-color);
    color: var(--primary-color);
    font-size: 17px;
}

.sb-contact-text{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sb-contact-text strong{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.65);
}

.sb-contact-text em{
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
}

.sb-contact-social{
    margin-top: auto;
    padding-top: 26px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    z-index: 1;
}

.sb-contact-social-icons{
    display: flex;
    gap: 8px;
}

.sb-contact-social-icons a{
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--white-color);
    border: 1px solid var(--white-color);
    color: var(--primary-color);
    font-size: 15px;
    transition: all 0.3s ease;
}

.sb-contact-social-icons a:hover{
    background: transparent;
    color: var(--white-color);
    transform: translateY(-3px);
}

.sb-contact-form{
    flex: 1;
    height: auto;
    background: var(--white-color);
    border: 1px solid var(--divider-color);
    border-radius: 32px 12px 32px 12px;
    padding: 42px 40px 38px;
    box-shadow: 0 20px 55px rgba(0,0,0,0.08);
}

.sb-contact-alert{
    margin: 0 0 18px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.45;
}

.sb-contact-alert-success{
    background: rgba(22, 163, 74, 0.1);
    border: 1px solid rgba(22, 163, 74, 0.25);
    color: #166534;
}

.sb-contact-alert-error{
    background: rgba(185, 28, 28, 0.08);
    border: 1px solid rgba(185, 28, 28, 0.22);
    color: #991b1b;
}

.sb-contact-badge-light{
    background: rgba(149,6,2,0.08);
    border-color: rgba(149,6,2,0.15);
    color: var(--primary-color);
}

.sb-contact-form h2{
    font-size: 34px;
    font-weight: 600;
    line-height: 1.15;
    color: var(--accent-color);
    margin: 0 0 28px;
}

.sb-contact-form h2 span{
    font-weight: 300;
    color: var(--primary-color);
}

.sb-contact-form label{
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--accent-color);
    margin-bottom: 8px;
}

.sb-contact-form .form-control{
    font-size: 15px;
    color: var(--accent-color);
    background: #f1f2f4;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 14px 16px;
    box-shadow: none;
    outline: none;
    transition: all 0.3s ease;
}

.sb-contact-form .form-control::placeholder{
    color: #9aa0a6;
}

.sb-contact-form .form-control:focus{
    background: var(--white-color);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(149,6,2,0.08);
}

.sb-contact-form select.form-control{
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23950602' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

.sb-contact-form textarea.form-control{
    resize: vertical;
    min-height: 120px;
}

.sb-contact-form .btn-default{
    width: auto;
    text-align: left;
}

.sb-contact-form-center{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sb-contact-form-center .sb-contact-badge{
    align-self: center;
}

.sb-contact-form-center h2{
    text-align: center;
    margin-bottom: 10px;
}

.sb-contact-head{
    display: inline-block;
    margin-bottom: 28px;
}

.sb-contact-head h2{
    margin-bottom: 10px;
}

.sb-contact-hr{
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: rgba(149,6,2,0.12);
    position: relative;
    overflow: hidden;
}

.sb-contact-hr span{
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
    animation: sb-contact-hr-flow 2.2s ease-in-out infinite;
}

@keyframes sb-contact-hr-flow{
    0%{ left: -40%; }
    100%{ left: 100%; }
}

.sb-contact-form-center form{
    width: 100%;
    text-align: left;
}

@media only screen and (max-width: 991px){
    .page-contact-us{
        padding: 40px 0;
    }

    .sb-contact-top{
        margin-bottom: 24px;
        --bs-gutter-x: 0.75rem;
        --bs-gutter-y: 0.85rem;
    }

    .sb-contact-top-card{
        margin-bottom: 0;
        padding: 18px 16px;
        gap: 14px;
    }

    .sb-contact-top-card .sb-contact-icon{
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .sb-contact-top-card em{
        font-size: 15px;
    }

    .sb-contact-map iframe{
        min-height: 320px;
    }

    .sb-contact-map-card{
        margin-top: 0;
        margin-bottom: 20px;
        padding: 8px;
        border-radius: 20px;
    }

    .sb-contact-map-card .sb-contact-map,
    .sb-contact-map-card .sb-contact-map iframe{
        min-height: 260px;
        border-radius: 14px;
    }

    .sb-contact-map-foot{
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 12px 6px 6px;
    }

    a.sb-contact-map-btn.btn-default{
        display: none;
    }

    .sb-contact-info{
        margin-bottom: 24px;
        padding: 28px 22px 24px;
    }

    .sb-contact-info h2{
        font-size: 32px;
    }

    .sb-contact-form{
        padding: 24px 18px 22px;
        border-radius: 20px;
    }

    .sb-contact-form h2{
        font-size: 24px;
    }

    .sb-contact-form-center .sb-contact-badge{
        margin-bottom: 10px;
    }

    .sb-contact-head{
        margin-bottom: 18px;
    }

    .google-map{
        padding-bottom: 0;
    }
}

/************************************/
/*** 	  Hakkımızda sayfası	  ***/
/************************************/

.sb-about-page{
	padding: 100px 0 60px;
}

.sb-about-page + .sb-about-page{
	padding-top: 40px;
}

.sb-about-page:last-of-type{
	padding-bottom: 100px;
}

.sb-about-media{
	position: relative;
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 32px 12px 32px 12px;
	padding: 16px;
	box-shadow: 0 20px 55px rgba(0,0,0,0.08);
}

.sb-about-media figure{
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: 20px;
}

.sb-about-media img{
	width: 100%;
	height: 480px;
	object-fit: cover;
	display: block;
}

.sb-about-media-badge{
	position: absolute;
	left: 32px;
	bottom: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 18px 22px;
	background: linear-gradient(120deg, #950602, #c20d04);
	border-radius: 16px;
	color: #FFFFFF;
	box-shadow: 0 12px 30px rgba(149,6,2,0.35);
}

.sb-about-media-badge strong{
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.03em;
}

.sb-about-media-badge span{
	font-size: 14px;
	opacity: 0.9;
	margin-top: 4px;
}

.sb-about-content{
	background: #FFFFFF;
	border: 1px solid #f4f4f5;
	border-radius: 32px 12px 32px 12px;
	padding: 40px 36px;
	box-shadow: 0 20px 55px rgba(0,0,0,0.08);
	height: 100%;
}

.sb-about-content .sb-contact-badge{
	margin-bottom: 18px;
}

.sb-about-content .section-title{
	margin-bottom: 28px;
}

.sb-about-content .section-title h2{
	font-weight: 600;
	color: #1a1a1a;
}

.sb-about-content .section-title .title-light{
	font-weight: 500;
	color: var(--primary-color);
}

.sb-about-list{
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.sb-about-list li{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 16px;
	color: #18181B;
	margin-bottom: 14px;
}

.sb-about-list li:last-child{
	margin-bottom: 0;
}

.sb-about-list li i{
	color: #950602;
	margin-top: 3px;
}

@media (max-width: 991px){
	.sb-about-page{
		padding: 60px 0 40px;
	}

	.sb-about-page + .sb-about-page{
		padding-top: 20px;
	}

	.sb-about-page:last-of-type{
		padding-bottom: 60px;
	}

	.sb-about-media img{
		height: 360px;
	}

	.sb-about-content{
		padding: 32px 28px;
	}
}

@media (max-width: 575px){
	.sb-about-media img{
		height: 280px;
	}

	.sb-about-media-badge{
		left: 24px;
		bottom: 24px;
		padding: 14px 16px;
	}

	.sb-about-media-badge strong{
		font-size: 28px;
	}
}

/************************************/
/*** 	  Bayilik başvuru modal	  ***/
/************************************/

.sb-dealer-modal .modal-dialog{
	max-width: 1000px;
	margin: 1.75rem auto;
	transform: none;
}

.sb-dealer-modal.fade .modal-dialog{
	transform: scale(0.92);
	opacity: 0;
	transition: transform 0.28s ease, opacity 0.28s ease;
}

.sb-dealer-modal.show .modal-dialog{
	transform: scale(1);
	opacity: 1;
}

.sb-dealer-modal .modal-content{
	border: none;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(24,24,27,0.28);
	background: #FFFFFF;
}

.sb-dealer-modal .modal-backdrop.show{
	opacity: 0.55;
}

.sb-dealer-close{
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 5;
	width: 42px;
	height: 42px;
	border: none;
	border-radius: 50%;
	background: rgba(24,24,27,0.08);
	color: #18181B;
	display: inline-grid;
	place-items: center;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.25s ease;
}

.sb-dealer-close:hover{
	background: #950602;
	color: #FFFFFF;
	transform: rotate(90deg);
}

.sb-dealer-grid{
	display: grid;
	grid-template-columns: 0.92fr 1.08fr;
	min-height: 520px;
}

.sb-dealer-aside{
	position: relative;
	padding: 44px 36px;
	background:
		linear-gradient(160deg, rgba(149,6,2,0.92) 0%, rgba(24,24,27,0.88) 100%),
		url('../kurumsal/1.jpg') center / cover no-repeat;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
}

.sb-dealer-aside-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	align-self: flex-start;
	padding: 8px 14px;
	border-radius: 100px;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.2);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.sb-dealer-aside h2{
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.15;
	margin-bottom: 14px;
	color: #FFFFFF;
}

.sb-dealer-aside h2 .sb-dot{
	color: #FFFFFF;
}

.sb-dealer-aside > p{
	font-size: 15px;
	line-height: 1.65;
	color: rgba(255,255,255,0.82);
	margin-bottom: 28px;
}

.sb-dealer-perks{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.sb-dealer-perks li{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	color: #FFFFFF;
}

.sb-dealer-perks li i{
	color: #FFFFFF;
}

.sb-dealer-aside-foot{
	margin-top: auto;
	padding-top: 28px;
}

.sb-dealer-aside-foot a{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: opacity 0.25s ease;
}

.sb-dealer-aside-foot a:hover{
	opacity: 0.85;
	color: #FFFFFF;
}

.sb-dealer-body{
	padding: 44px 40px 36px;
	position: relative;
}

.sb-dealer-body label{
	display: block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.03em;
	color: #18181B;
	margin-bottom: 8px;
}

.sb-dealer-body .form-control{
	font-size: 15px;
	color: #18181B;
	background: #f4f4f5;
	border: 1px solid transparent;
	border-radius: 14px;
	padding: 13px 16px;
	box-shadow: none;
	outline: none;
	transition: all 0.25s ease;
}

.sb-dealer-body .form-control::placeholder{
	color: #a1a1aa;
}

.sb-dealer-body .form-control:focus{
	background: #FFFFFF;
	border-color: #950602;
	box-shadow: 0 0 0 4px rgba(149,6,2,0.08);
}

.sb-dealer-body textarea.form-control{
	resize: vertical;
	min-height: 90px;
}

.sb-dealer-submit{
	width: 100%;
	text-align: center;
	margin-top: 4px;
}

.sb-dealer-note{
	margin: 12px 0 0;
	font-size: 12px;
	color: #a1a1aa;
	text-align: center;
}

.sb-dealer-success{
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px;
	background: #FFFFFF;
}

.sb-dealer-success[hidden]{
	display: none !important;
}

.sb-dealer-success-icon{
	display: inline-grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(22,163,74,0.1);
	color: #16a34a;
	font-size: 32px;
	margin-bottom: 18px;
}

.sb-dealer-success h3{
	font-size: 26px;
	font-weight: 600;
	color: #18181B;
	margin-bottom: 10px;
}

.sb-dealer-success p{
	font-size: 15px;
	color: #71717a;
	margin: 0;
	max-width: 280px;
}

@media (max-width: 991px){
	.sb-dealer-modal .modal-dialog{
		margin: 1rem 10px;
		max-width: calc(100% - 20px);
	}

	.sb-dealer-modal .modal-content{
		border-radius: 20px;
	}

	.sb-dealer-grid{
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.sb-dealer-aside{
		padding: 32px 28px 28px;
		min-height: 240px;
	}

	.sb-dealer-aside h2{
		font-size: 28px;
	}

	.sb-dealer-body{
		padding: 28px 24px 24px;
	}

	.sb-dealer-close{
		background: rgba(255,255,255,0.9);
	}
}

/* Mobil: anasayfa section bosluklarini daralt */
@media only screen and (max-width: 991px){
	.sb-why{
		padding: 50px 0 !important;
	}

	.sb-cta-banner{
		padding: 0 !important;
	}

	.sb-products-showcase,
	.sb-products-showcase.sb-reverse{
		padding: 50px 0 0 !important;
	}

	.sb-farm{
		padding: 40px 0 0 !important;
	}

	.our-blog{
		padding: 50px 0 30px !important;
	}

	.our-blog-btn-mobile{
		margin: 4px 0 10px !important;
	}

	.sb-farm-nav{
		display: none !important;
	}

	.footer-contact-strip{
		display: none !important;
	}

	.footer-copyright{
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 0;
		border-top: none;
	}
}

@media only screen and (max-width: 767px){
	.sb-why,
	.sb-highlights,
	.page-product,
	.page-product-single,
	.page-blog,
	.page-contact-us{
		padding: 40px 0 !important;
	}

	.sb-products-showcase,
	.sb-products-showcase.sb-reverse{
		padding: 40px 0 0 !important;
	}

	.sb-farm{
		padding: 32px 0 0 !important;
	}

	.sb-cta-banner{
		padding: 0 !important;
	}

	.our-blog{
		padding: 40px 0 24px !important;
	}

	.our-blog-header{
		margin-bottom: 20px !important;
	}

	.our-blog-btn-mobile{
		margin: 0 0 8px !important;
	}

	.page-header{
		padding: 140px 0 56px !important;
	}

	.sb-about-page,
	.sb-about-page:last-of-type{
		padding: 48px 0 40px !important;
	}

	.sb-about-page + .sb-about-page{
		padding-top: 16px !important;
	}

	.farm-cta{
		padding: 0 0 48px !important;
	}

	footer.main-footer{
		padding-top: 40px !important;
	}

	.footer-contact-strip{
		display: none !important;
	}

	.footer-copyright{
		padding: 30px 0 !important;
		border-top: none !important;
	}

	.sb-cta-inner{
		padding: 40px 20px !important;
		min-height: 0 !important;
	}

	.sb-detail{
		margin-bottom: 40px !important;
	}

	.sb-detail-tabs{
		margin-bottom: 40px !important;
	}

	.hero-slide{
		padding: 100px 0 70px !important;
	}

	.our-scrolling-ticker{
		padding: 16px 0 !important;
	}

	.post-item{
		height: auto !important;
		margin-bottom: 16px !important;
	}
}