html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: middle;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Poppins';
background: var(--site_bg);
color: var(--main_text, #333333); /* Yeterli kontrast için varsayılan renk eklendi */
width: 100%;
outline: 0 !important;
}
body:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
visibility: hidden;
z-index: 1;
}
body.offcanvas-menu:before {
opacity: 1;
z-index: 10500; /* Duyuru çubuğu (10000) ve Navbar (9999) üzerinde olmalı */
visibility: visible;
}
main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
ol,
ul {
list-style: none;
}
a {
text-decoration: none !important;
}
:focus {
outline: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.left--title {
text-align: left;
position: relative;
padding-left: 30px;
margin-bottom: 50px;
}
.left--title .content__title-text {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
}
.left--title .content__title-title {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.left--title::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10px;
opacity: 0.2;
background: var(--bg_2);
border-radius: 13px;
}
section#page__text .page__text-container h5 {
font-weight: 700;
font-size: 19px;
line-height: 26px;
color: var(--main_text);
border-bottom: 1px solid #F4F8FB;
margin-bottom: 30px;
padding-bottom: 30px;
}
.ctn-preloader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 900;
}
.ctn-preloader .animation-preloader {
position: absolute;
z-index: 100;
}
.ctn-preloader .animation-preloader .spinner {
-webkit-animation: spinner 1s infinite linear;
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: #000000;
height: 9em;
margin: 0 auto 0 auto;
width: 9em;
}
.ctn-preloader .loader-section {
background-color: #ffffff;
height: 100%;
position: fixed;
top: 0;
width: calc(50% + 1px);
}
.ctn-preloader .loader-section.section-left {
left: 0;
}
.ctn-preloader .loader-section.section-right {
right: 0;
}
.loaded .animation-preloader {
opacity: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.loaded .loader-section.section-left {
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
-webkit-transform: translateX(101%);
transform: translateX(101%);
-webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
.pd50 {
padding: 50px 0;
}
.pd30 {
padding-top: 0;
padding-bottom: 30px !important;
}
.bgsoft {
background: var(--section_bg);
}
:root {
--site_bg: #fafbfd;
--bg_1: #2e3647;
--bg_2: #f5476a;
--bg_3: #fafbfd;
--site_header: #fff;
--alpha: 0.8;
--kutu_1: #F9F2F5;
--kutu_1_buton: #E34565;
--kutu_2: #F2F4F7;
--kutu_2_buton: #5D6C85;
--main_text: #2e3647;
--text_1: #677894;
--text_white: #ffffff;
--section_bg: #f4f8fb;
--breadcumb_background: #f4f8fb;
--size: calc(calc(100vw / var(--Nhexa)) - var(--gap));
}
.content__title {
margin-bottom: 50px;
text-align: center;
}
.content__title .content__title-title {
font-weight: 600;
font-size: 22px;
line-height: 33px;
color: var(--main_text);
margin-bottom: 4px;
}
.content__title .content__title-text {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--subtext);
color: var(--text_1);
}
.dropdown dd {
margin: 0px;
padding: 0px;
position: relative;
}
.dropdown dd ul {
background: var(--site_bg);
display: block !important;
left: 0px;
list-style: none;
border-radius: 5px;
}
.dropdown dd ul li a {
padding: 0 15px;
display: block;
font-size: 14px;
font-weight: 500;
color: var(--text_1);
cursor: pointer;
padding: 5px;
padding-left: 15px;
display: block;
}
.dropdown dd ul li:not(:last-child) {
border-bottom: 1px solid var(--section_bg);
}
.dropdown dt {
margin: 0px;
padding: 0px;
}
.dropdown dt a {
background: #fff;
padding-left: 15px;
display: block;
padding-right: 20px;
}
.dropdown dt a span {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: var(--text_1);
}
.dropdown ul {
margin: 0px;
padding: 0px;
}
.dropdown a {
color: #816c5b;
text-decoration: none;
outline: none;
}
.dropdown a:visited {
color: #816c5b;
text-decoration: none;
outline: none;
}
.dropdown span.value {
display: none;
}
.dropdown img.flag {
border: none;
vertical-align: middle;
margin-left: 10px;
}
#sample {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#sample li {
margin-right: 0 !important;
}
.page-wrapper {
z-index: 2;
}
.page-wrapper .sidebar-wrapper {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .page-content {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .theme {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 4px;
margin: 2px;
}
.page-wrapper .theme.chiller-theme {
background: #1e2229;
}
.sidebar-wrapper {
position: absolute;
top: 30px;
right: 0;
z-index: 1100;
border-radius: 8px;
opacity: 0;
visibility: hidden;
}
.sidebar-wrapper .sidebar-brand {
padding: 10px 15px 10px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
min-width: 151px;
}
.sidebar-wrapper .sidebar-brand>a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
font-weight: bold;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.sidebar-wrapper .sidebar-brand #close-sidebar {
cursor: pointer;
font-size: 20px;
margin-left: auto;
}
.sidebar-wrapper .sidebar-brand #close-sidebar svg {
vertical-align: middle;
}
.sidebar-wrapper .sidebar-brand #close-sidebar svg .sidebar-wrapper .sidebar-dropdown>a:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
padding-left: 25px;
font-size: 13px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 400;
font-style: normal;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
font-size: 8px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge {
float: right;
margin-top: 0px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
float: right;
margin-top: 0px;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
padding: 5px 0;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
font-style: normal;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background: 0 0;
position: absolute;
right: 15px;
top: 14px;
}
.sidebar-wrapper .sidebar-menu ul li a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
width: 100%;
text-decoration: none;
position: relative;
padding: 10px 20px 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--text_1);
}
.sidebar-wrapper .sidebar-menu ul li a:not(:last-child) {
margin-bottom: 10px;
}
.sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
display: inline-block;
-webkit-animation: swing ease-in-out 0.5s 1 alternate;
animation: swing ease-in-out 0.5s 1 alternate;
}
.sidebar-wrapper .sidebar-menu ul li a i {
margin-right: 10px;
font-size: 12px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
.sidebar-wrapper .sidebar-menu ul li a span.label {
float: right;
margin-top: 8px;
margin-left: 5px;
}
.sidebar-wrapper .sidebar-menu ul li a span.badge {
float: right;
margin-top: 8px;
margin-left: 5px;
}
.sidebar-wrapper .sidebar-menu .header-menu span {
font-weight: bold;
font-size: 14px;
padding: 15px 20px 5px 20px;
display: inline-block;
}
.sidebar-wrapper .sidebar-menu .sidebar-submenu {
display: none;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
right: 17px;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.sidebar-wrapper ul li a i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sidebar-wrapper a {
text-decoration: none;
}
#show-sidebar {
left: 0;
margin-bottom: 1px;
padding: 0;
margin: 0;
border: none;
line-height: 55px;
color: var(--text_1);
font-weight: 500;
font-size: 13px;
line-height: 18px;
display: flex;
align-items: center;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #ECF9FF;
border-radius: 0;
position: relative;
}
#show-sidebar::after {
content: "";
position: absolute;
left: 0;
background: var(--text_1);
opacity: 0.2;
width: 1px;
height: 100%;
}
#show-sidebar img {
margin-right: 10px;
}
#show-sidebar i {
margin-left: 8px;
font-size: 15px;
}
#show-sidebar i.bi-globe {
margin-left: 0;
font-size: 20px;
margin-right: 8px;
}
#show-sidebar i.ri-global-line {
margin-left: 0;
font-size: 18px;
margin-right: 8px;
}
#show-sidebar svg {
-webkit-animation: rotate 4s infinite;
animation: rotate 4s infinite;
vertical-align: middle;
}
#show-sidebar svg path {
fill: #fff;
}
#close-sidebar {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper.toggled .sidebar-wrapper {
opacity: 1;
visibility: visible;
}
#header__top {
z-index: 1000;
position: relative;
background: var(--bg_1);
}
#header__top .header__container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
}
#header__top .header__container .header__left ul {
display: flex;
align-items: center;
}
#header__top .header__container .header__left ul li {
font-weight: 500;
font-size: 13px;
line-height: 17px;
color: var(--text_1);
display: flex;
align-items: center;
}
#header__top .header__container .header__left ul li i {
font-size: 18px;
line-height: 18px;
margin-right: 7px;
vertical-align: middle;
color: var(--passive);
}
#header__top .header__container .header__left ul li:not(:last-child) {
margin-right: 15px;
}
#header__top .header__container .header__right {
display: flex;
align-items: center;
}
#header__top .header__container .header__right ul {
display: flex;
align-items: center;
}
#header__top .header__container .header__right ul li:not(:last-child) {
margin-right: 13px;
}
#header__top .header__container .header__right ul li a {
display: flex;
align-items: center;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--text_1);
}
#header__top .header__container .header__right ul li a i {
font-size: 18px;
line-height: 18px;
font-weight: 400;
}
.site-navbar {
margin-bottom: 0px;
z-index: 9999;
position: relative;
width: 100%;
background: var(--site_header);
}
.site-navbar .toggle-button {
right: 0px;
}
.site-navbar .toggle-button a {
color: var(--main__text);
}
.site-navbar .toggle-button a span i {
color: var(--main__text);
font-size: 25px;
}
.site-navbar .site-navigation.border-bottom {
border-bottom: 1px solid gray !important;
}
.site-navbar .site-navigation .site-menu {
margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu a {
text-decoration: none !important;
display: inline-block;
}
.site-navbar .site-navigation .site-menu>li {
display: inline-block;
}
.site-navbar .site-navigation .site-menu>li:not(:last-child) {
padding-right: 26px;
}
.site-navbar .site-navigation .site-menu>li>a {
font-weight: 500;
font-size: 15px;
line-height: 100px;
mix-blend-mode: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--main_text);
padding: 0;
}
.site-navbar .site-navigation .site-menu>li>a i {
margin-left: 2px;
}
.site-navbar .site-navigation .site-menu .has-children {
position: relative;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
visibility: hidden;
opacity: 0;
top: 100%;
position: absolute;
text-align: left;
border-radius: 0 0 3px 3px;
padding: 0px 0;
margin-top: 20px;
margin-left: 0px;
background: white;
transition: 0.3s ease-in-out;
border-radius: 8px;
overflow: hidden;
padding: 10px 13px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
position: absolute;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
display: none;
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: white;
border-width: 10px;
margin-left: -10px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
text-transform: none;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
list-style: none;
padding: 0;
margin: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
min-width: 175px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li:last-child {
margin-bottom: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
padding: 9px 10px;
display: block;
position: relative;
z-index: 0;
transition: 0.3s ease-in-out;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
z-index: -1;
opacity: 0;
transition: 0.3s ease-in-out;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover::after {
background: var(--bg_2);
opacity: 0.04;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
color: var(--text_1);
}
.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
margin-top: 0px;
visibility: visible;
opacity: 1;
}
.site-navbar .site__menu-contact {
margin-left: 32px;
}
.site-navbar .site__menu-contact a {
font-weight: 500;
font-size: 15px;
background: var(--bg_2);
padding: 15px 30px;
border-radius: 8px;
line-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--text_white);
}
.site-navbar .site__menu-contact a i {
margin-right: 8px;
font-size: 20px;
}
.site-mobile-menu {
width: 300px;
position: fixed;
left: 0;
z-index: 11000; /* Perde (10500) üzerinde olması için en yüksek değer */
padding-top: 20px;
background: white;
height: calc(100vh);
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.offcanvas-menu .site-mobile-menu {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
width: 100%;
float: left;
padding-right: 20px;
padding-bottom: 15px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close .mobilelogo img {
max-width: 87px;
-o-object-fit: contain;
object-fit: contain;
max-height: 31px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
font-size: 30px;
display: inline-block;
padding-left: 20px;
padding-right: 0px;
line-height: 1;
cursor: pointer;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span i {
color: var(--main_text);
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
color: gray;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
float: left;
margin-top: 10px;
margin-left: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
display: inline-block;
text-transform: uppercase;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
max-width: 70px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
padding: 0 20px 20px 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 80px;
min-height: 0;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-track {
opacity: 0;
display: none;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-thumb {
opacity: 0;
display: none;
}
.site-mobile-menu .site-mobile-menu-body::-webkit-scrollbar-thumb:hover {
opacity: 0;
display: none;
}
.site-mobile-menu .site-nav-wrap {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
.site-mobile-menu .site-nav-wrap a {
padding: 0;
display: block;
position: relative;
color: var(--main_text);
}
.site-mobile-menu .site-nav-wrap li {
position: relative;
display: block;
margin: 20px 0;
margin-bottom: 5px;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
position: absolute;
right: 0px;
top: 10px;
z-index: 20;
width: 36px;
height: 36px;
text-align: center;
cursor: pointer;
border-radius: 50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
font-size: 12px;
z-index: 20;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-180deg);
transform: translate(-50%, -50%) rotate(-180deg);
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap>li {
display: block;
position: relative;
float: left;
width: 100%;
}
.site-mobile-menu .site-nav-wrap>li>a {
font-size: 16px;
font-weight: 500;
}
.site-mobile-menu .site-nav-wrap>li>ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-mobile-menu .site-nav-wrap>li>ul>li {
display: block;
margin-top: 20px;
margin-bottom: 0;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>a {
padding-left: 20px;
font-size: 15px;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
padding: 0;
margin: 0;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
display: block;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
font-size: 16px;
padding-left: 60px;
}
.site-mobile-menu .site-nav-wrap[data-class="social"] {
float: left;
width: 100%;
margin-top: 30px;
padding-bottom: 5em;
}
.site-mobile-menu .site-nav-wrap[data-class="social"]>li {
width: auto;
}
.site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a {
padding-left: 15px !important;
}
.site-mobile-menu .site-mobile-menu-footer {
width: 100%;
padding: 12px 20px;
background: white;
border-top: 1px solid #e5e5e5;
z-index: 10;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-top: auto;
position: -webkit-sticky;
position: sticky;
bottom: 0;
left: 0;
right: 0;
}
.site-mobile-menu .site-mobile-menu-footer .mobile-menu-phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 10px 0;
}
.site-mobile-menu .site-mobile-menu-footer .mobile-menu-phone i {
font-size: 24px;
color: var(--main_text);
margin-right: 12px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-footer .mobile-menu-phone a {
font-size: 16px;
font-weight: 500;
color: var(--main_text);
text-decoration: none;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-footer .mobile-menu-phone a:hover {
color: var(--primary_color, #007bff);
text-decoration: none;
}
.sticky-wrapper {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 999;
width: 100%;
-webkit-transition: box-shadow 0.3s ease, background 0.3s ease;
transition: box-shadow 0.3s ease, background 0.3s ease;
}
.sticky-wrapper .site-navbar {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
width: 100% !important;
}
.sticky-wrapper .site-navbar .site-logo img {
max-height: 50px;
max-width: 100%;
}
.sticky-wrapper .site-navbar ul li a {
color: var(--main_text);
font-size: 15px;
font-weight: 500;
border-radius: 8px;
}
.sticky-wrapper .site-navbar ul li a.active {
color: white !important;
}
.sticky-wrapper.is-sticky .site-navbar {
background: rgba(255, 255, 255, 0.97);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.10);
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.10);
-webkit-transition: background 0.3s ease, box-shadow 0.3s ease;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
.sticky-wrapper.is-sticky .site-navbar ul li a {
color: var(--main_text);
}
.sticky-wrapper.is-sticky .site-navbar ul li a.active {
color: var(--primary_color, #007bff) !important;
}
/* Mobilde sticky kapalı — mobil menü ayrı çalışıyor */
@media (max-width: 991.98px) {
.sticky-wrapper {
position: relative;
top: auto;
}
}
.sticky-wrapper .shrink {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.page-wrapper {
z-index: 1001;
position: relative;
}
.page-wrapper .sidebar-wrapper {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .page-content {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-wrapper .theme {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 4px;
margin: 2px;
}
.page-wrapper .theme.chiller-theme {
background: #1e2229;
}
.hero--item {
overflow: hidden;
position: relative;
}
.hero--content {
z-index: 0;
position: relative;
background: var(--bg_3);
}
.iteck-animated-lines {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden;
}
.iteck-animated-lines span {
position: absolute;
height: 100%;
width: 1px;
z-index: -1;
}
.iteck-animated-lines span::after {
content: "";
position: absolute;
height: 100%;
width: 1px;
left: 0;
opacity: 0.04;
background: var(--text_1);
}
.iteck-animated-lines span:nth-of-type(1) {
right: 18%;
}
.iteck-animated-lines span:nth-of-type(2) {
right: 34%;
}
.iteck-animated-lines span:nth-of-type(3) {
right: 50%;
}
.iteck-animated-lines span::before {
position: absolute;
content: "";
left: 0;
top: -20px;
height: 25px;
width: 1px;
background-color: var(--bg_2);
animation: afterline 5s ease-in-out infinite;
}
.iteck-animated-lines span:nth-of-type(1)::before {
animation-delay: -2s;
}
.iteck-animated-lines span:nth-of-type(2)::before {
animation-delay: -1s;
}
.iteck-animated-lines span:nth-of-type(3)::before {
animation-delay: 0;
}
@keyframes afterline {
0% {
top: -20px;
}
100% {
top: 100%;
}
}
section#hero {
position: relative;
height: 700px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 0;
}
section#hero .slider--img {
position: relative;
z-index: 0;
}
section#hero .slider--img img {
animation-delay: 1.5s;
animation-fill-mode: both;
animation-duration: 1.5s;
opacity: 0;
}
.owl-item.active .slider--img img {
animation-name: fadeInUp;
}
.owl-item.active .hero__container .hero__links a {
animation-name: fadeInUp;
}
#pxl_image-5eab401-7044 {
position: absolute;
right: 0;
box-sizing: border-box;
display: inline-block;
line-height: 28.0001px;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
#pxl_image-95b3efc-4726 {
position: absolute;
left: 0;
bottom: 0;
}
div#pxl_image-95b3efc-4726.pxl-image-single.pxl-image-move2.style-default {
animation: animationFramesTwo 14s linear 0s infinite alternate none running;
border-radius: inherit;
box-sizing: border-box;
color: #5d666f;
font-size: 18px;
line-height: 28.0001px;
}
@keyframes animationFramesOne {
0% {
transform: translate(0px, 0px);
}
10% {
transform: translate(40px, -20px);
}
25% {
transform: translate(30px, 30px);
}
50% {
transform: translate(80px, 80px);
}
70% {
transform: translate(-60px, 50px);
}
85% {
transform: translate(50px, -70px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(40px, -5px);
}
40% {
transform: translate(60px, 40px);
}
60% {
transform: translate(40px, 60px);
}
80% {
transform: translate(-40px, 60px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes animationFramesFive {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(-20px, 40px);
}
40% {
transform: translate(40px, 40px);
}
60% {
transform: translate(60px, -60px);
}
80% {
transform: translate(-40px, 40px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes pxl_top_bottom {
0% {
transform: translateX(0px);
}
25% {
transform: translateY(-40px);
}
50% {
transform: translateY(0px);
}
75% {
transform: translateY(40px);
}
100% {
transform: translateY(0px);
}
}
@keyframes animationFramesTwo {
0% {
transform: translate(0px, 0px);
}
20% {
transform: translate(-5px, 40px);
}
40% {
transform: translate(40px, 60px);
}
60% {
transform: translate(60px, 40px);
}
80% {
transform: translate(60px, -40px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes pxl_float_two {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-20px);
}
}
@keyframes pxl_right_left {
0% {
transform: translateX(0px);
}
25% {
transform: translateX(40px);
}
50% {
transform: translateX(0px);
}
75% {
transform: translateX(-40px);
}
100% {
transform: translateX(0px);
}
}
div#pxl_image-5eab401-7044.pxl-image-single.slide-up-down.style-default {
animation: pxl_float_two 1.2s ease 0s infinite alternate none running;
border-radius: inherit;
box-sizing: border-box;
font-size: 18px;
line-height: 28.0001px;
}
div.pxl-item--inner {
border-radius: inherit;
box-sizing: border-box;
font-size: 18px;
line-height: 28.0001px;
}
div.pxl-item--image {
border-radius: inherit;
box-sizing: border-box;
font-size: 18px;
line-height: 28.0001px;
}
img.no-lazyload.attachment-full {
border-radius: inherit;
box-shadow: none;
box-sizing: border-box;
font-size: 18px;
height: auto;
line-height: 28.0001px;
max-width: 100%;
vertical-align: middle;
width: auto;
}
@keyframes pxl_float_two {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-20px);
}
}
section#hero .absolute--item {
position: absolute;
z-index: -1;
}
section#hero .hero__container {
max-width: 660px;
z-index: 1;
}
section#hero .hero__container .hero__top {
font-weight: 500;
font-size: 19px;
line-height: 28px;
color: var(--text_1);
margin-bottom: 5px;
animation-delay: 1.0s;
animation-fill-mode: both;
animation-duration: 1.0s;
}
.owl-item.active .hero__container .hero__top {
animation-name: fadeInUp;
}
section#hero .hero__container .hero__title {
font-weight: 600;
font-size: 60px;
line-height: 73px;
margin-bottom: 30px;
/* --- RENKLİ GEÇİŞ (GRADIENT) EFEKTİ BAŞLANGIÇ --- */
background: linear-gradient(
to right,
#d61f2d 0%,
#e63946 20%,
#ff6b7a 40%,
#4db8ff 60%,
#20A2F5 80%,
#0d8ae8 100%
);
background-size: 200% auto;
color: var(--main_text);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
animation: textGradientMove 5s linear infinite;
animation-delay: 1.5s;
animation-fill-mode: both;
/* --- RENKLİ GEÇİŞ (GRADIENT) EFEKTİ BİTİŞ --- */
}
.owl-item.active .hero__container .hero__title {
animation-name: fadeInUp;
}
section#hero .hero__container .hero__text {
font-weight: 400;
font-size: 19px;
line-height: 32px;
color: var(--text_1);
margin-bottom: 35px;
animation-delay: 2s;
animation-fill-mode: both;
animation-duration: 2s;
}
.owl-item.active .hero__container .hero__text {
animation-name: fadeInUp;
}
section#hero .hero__container .hero__links a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 180px;
font-weight: 500;
font-size: 15px;
line-height: 48px;
color: var(--text_white);
border-radius: 8px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
.owl-item.active .hero__container .hero__links {
animation-name: fadeInUp;
animation-delay: 2.5s;
animation-fill-mode: both;
animation-duration: 2.5s;
}
section#hero .hero__container .hero__links a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--text_1);
opacity: 0.04;
border-radius: 8px;
}
section#hero .hero__container .hero__links a.hero__about-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: 180px;
font-weight: 500;
font-size: 15px;
line-height: 48px;
color: var(--main_text);
border-radius: 8px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
}
section#hero .hero__container .hero__links a.hero__about-link::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 8px;
border: 1px solid var(--text_1);
opacity: 0.04;
}
section#hero .hero__container .hero__links a.hero__about-link:hover {
color: var(--text_white);
}
section#hero .hero__container .hero__links a:not(:last-child) {
margin-right: 30px;
}
section#hero .hero__container .hero__links a.hero__contact-link {
background: var(--bg_2);
}
section#hero .hero__container .hero__links a.hero__about-link {
line-height: 48px;
}
section#hero .hero__container .hero__links a:hover.hero__contact-link {
color: var(--main_text);
background: transparent;
}
section#hero .hero__container .hero__links a:hover.hero__contact-link::after {
background: transparent;
}
section#hero .hero__container .hero__links a:hover.hero__about-link::after {
border-color: var(--bg_2);
}
section#hero .hero__container .hero__links a:hover.hero__about-link {
background: var(--bg_2);
color: var(--text_white);
}
section#product {
padding: 60px 0 30px 0;
}
section#product .product__container .product__item {
margin-bottom: 30px;
}
section#product .product__container .product__item .product__content-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
transition: box-shadow 0.3s ease;
}
section#product .product__container .product__item .product__content-box:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
section#product .product__container .product__item .product__content-box:hover .product__item-details .product--bottom .action {
background: var(--bg_2);
color: var(--text_white);
}
section#product .product__container .product__item .product__content-box .product__item-image {
border-radius: 4px 4px 0 0;
overflow: hidden;
flex: 0 0 auto;
width: 100%;
height: 220px;
background: #ffffff;
box-sizing: border-box;
}
section#product .product__container .product__item .product__content-box .product__item-image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
-o-object-fit: contain;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
section#product .product__container .product__item .product__content-box:hover .product__item-image img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
section#product .product__container .product__item .product__content-box .product__item-details {
padding: 16px;
border-radius: 0 0 4px 4px;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background: #f8f9fa;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-title {
margin-bottom: 8px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-title a {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
text-decoration: none;
display: block;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-category {
font-weight: 400;
font-size: 14px;
line-height: 20px;
padding: 0;
margin-bottom: 12px;
position: relative;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-category a {
color: #666666;
text-decoration: none;
transition: color 0.3s ease;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-category a:hover {
color: #333333;
text-decoration: underline;
}
.product--actions {
margin-top: 12px;
}
.product--actions a {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--text_1) !important;
position: relative;
padding-bottom: 5px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
display: inline-block;
text-decoration: none !important;
background: transparent !important;
}
.product--actions a:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 24px;
height: 2px;
background: var(--text_1) !important;
-webkit-transition: all 0.7s;
transition: all 0.7s;
opacity: 0.7;
}
.product__item:hover .product--actions a,
.product-strip__item:hover .product--actions a {
color: var(--bg_2) !important;
}
.product__item:hover .product--actions a:after,
.product-strip__item:hover .product--actions a:after {
width: 100% !important;
background: var(--bg_2) !important;
}
section#product .product__container .product__item .product__content-box .product__item-details .product--bottom .bottom--info small {
font-size: 14px;
line-height: 28px;
font-weight: 600;
color: var(--text_1);
margin-bottom: 8px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product--bottom .bottom--info strong {
font-size: 16px;
line-height: 19px;
font-weight: 700;
color: var(--main_text);
}
section#product .product__container .product__item .product__content-box .product__item-details .product--bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
section#product .product__container .product__item .product__content-box .product__item-details .product--bottom .action {
font-size: 22px;
background: var(--bg_2);
height: 44px;
width: 44px;
line-height: 41px;
border-radius: 50%;
background: var(--section_bg);
display: inline-block;
text-align: center;
transition: 0.4s;
}
section#product .product__container .product__item .product__content-box .product__item-details .product--bottom .bottom--info {
display: flex;
flex-direction: column;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-price a {
font-weight: 500;
font-size: 15px;
width: 100%;
max-width: 155px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 50px;
background: var(--bg_2);
color: var(--text_white);
border-radius: 3px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-price a.price {
background: transparent;
border: 1px solid var(--section_bg);
color: var(--main_text);
margin-left: 20px;
}
section#product .pagicontainer {
padding-top: 30px;
}
/* Projeler */
section.employer-section-two {
padding: 60px 0;
display: block;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
background: var(--section_bg);
}
div.tf-container {
background: transparent;
bottom: 0px;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
left: 0px;
line-height: 25px;
margin: 0px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
position: relative;
right: 0px;
top: 0px;
vertical-align: baseline;
width: 1440px;
}
div.wd-employer {
background: transparent;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
div.tf-title {
align-items: center;
background: transparent;
box-sizing: border-box;
display: flex;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
justify-content: space-between;
line-height: 25px;
margin: 0px;
margin-bottom: 40px;
padding: 0px;
vertical-align: baseline;
}
div.group-title {
background: transparent;
box-sizing: border-box;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
p.info {
background: transparent;
box-sizing: border-box;
color: var(--text_1);
font-family: inherit;
font-size: 18px;
font-style: inherit;
font-weight: inherit;
line-height: 28px;
margin: 0px;
margin-bottom: 1rem;
margin-top: 0px;
padding: 0px;
vertical-align: baseline;
}
a.tf-button {
align-items: center;
background: transparent;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: 700;
line-height: 26px;
margin: 0px;
padding: 0px;
text-decoration: none;
text-transform: none;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
a.tf-button:hover {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
a.tf-button:focus {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
span.icon-arrow-right2 {
background: transparent;
box-sizing: border-box;
color: #14a077;
cursor: pointer;
display: block;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 16px;
margin: 0px;
margin-left: 4px;
padding: 0px;
vertical-align: baseline;
}
div.row.wow.fadeInUp.animated {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
animation: fadeInUp 1s ease 0s 1 normal both running;
background: transparent;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
margin-left: -12px;
margin-right: -12px;
margin-top: 0px;
padding: 0px;
visibility: visible;
}
div.employer-block {
background: transparent;
border: 0px;
border-radius: 8px;
bottom: 0px;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
left: 0px;
line-height: 25px;
margin: 0px;
margin-bottom: 32px;
position: relative;
right: 0px;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
div.employer-block a {
z-index: 1;
position: relative;
width: 100%;
height: 100%;
display: block;
padding: 20px;
}
div.employer-block::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 8px;
border: 1px solid var(--text_1);
transition: all 0.3s ease-in-out 0s;
opacity: 0.03;
}
a.action--btn {
background: transparent;
bottom: 0px;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
font-size: 18px;
font-weight: 700;
left: 0px;
line-height: 23px;
margin: 0px;
padding: 0px;
right: 0px;
text-decoration: none;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
a.action--btn:hover {
color: var(--bg_2);
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
a.action--btn:not(.jobtex-link-item) {
position: relative;
z-index: 2;
}
a.action--btn:focus {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
div.employer-block:hover::after {
border-color: var(--bg_2);
opacity: 0.5;
}
div.inner-box {
align-items: center;
background: transparent;
box-sizing: border-box;
cursor: pointer;
display: flex;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
vertical-align: baseline;
}
div.logo-company {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
height: 60px;
line-height: 25px;
margin: 0px;
margin-right: 15px;
max-width: 60px;
min-width: 60px;
padding: 0px;
vertical-align: baseline;
}
img.p--img {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
height: 100%;
line-height: 25px;
margin: 0px;
max-width: 100%;
padding: 0px;
vertical-align: middle;
width: 100%;
}
div.box-content {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
div.box-content strong {
font-size: 16px;
font-weight: 600;
line-height: 19px;
color: var(--main_text);
}
div.star {
background: transparent;
box-sizing: border-box;
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 25px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
span.icon-star-full {
background: transparent;
box-sizing: border-box;
color: #ffb321;
cursor: pointer;
font-family: inherit;
font-size: 12.8px;
font-style: inherit;
font-weight: inherit;
line-height: 12.8px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
a.jobtex-link-item {
background: transparent;
bottom: 0px;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: 700;
left: 0px;
line-height: 28px;
margin: 0px;
padding: 0px;
right: 0px;
text-decoration: none;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
}
a.jobtex-link-item:hover {
color: var(--text_1);
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
span.icon-bolt {
background: transparent;
border-radius: 50%;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
font-family: inherit;
font-size: 14px;
font-style: inherit;
font-weight: inherit;
line-height: 14px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
p.info {
background: transparent;
box-sizing: border-box;
color: var(--text_1);
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 15px;
font-style: inherit;
font-weight: inherit;
line-height: 22px;
margin: 0px;
margin-top: 0px;
padding: 0px;
vertical-align: baseline;
}
span.icon-map-pin {
background: transparent;
box-sizing: border-box;
color: var(--text_1);
cursor: pointer;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
line-height: 14px;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
a.jobtex-link-item {
background: transparent;
bottom: 0px;
box-sizing: border-box;
color: var(--main_text);
cursor: pointer;
display: block;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
height: 100%;
left: 0px;
line-height: 25px;
margin: 0px;
padding: 0px;
position: absolute;
right: 0px;
text-decoration: none;
top: 0px;
transition: all 0.3s ease-in-out 0s;
vertical-align: baseline;
width: 100%;
}
a.jobtex-link-item:focus {
color: #14a077;
outline: 0px;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 550px) {
div.tf-title {
display: block;
padding: 0px;
}
p.info {
margin-bottom: 10px;
}
}
/* Yorumlar */
.comments {
padding: 60px 0;
}
.comments .comments--area .swiper--item .swiper--content {
padding: 50px;
background: #ffffff;
border-radius: 8px;
}
.comments .comments--area .swiper--item p {
font-size: 16px;
line-height: 26px;
color: var(--text_1);
padding-bottom: 30px;
}
.comments .comments--area .swiper--item .swiper--content .bottom {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.comments .comments--area .swiper--item .swiper--content .bottom .name {
font-size: 17px;
font-weight: 600;
line-height: 27px;
color: var(--main_text);
}
.comments .comments--area .swiper--item .swiper--content .bottom .image {
margin-right: 15px;
border-radius: 8px;
overflow: hidden;
}
.comments .comments--area .swiper--item .swiper--content .bottom--info {
display: flex;
align-items: center;
justify-content: space-between;
}
.comments .comments--area .swiper--item .swiper--content .bottom--info .subname {
font-size: 15px;
font-weight: 500;
color: var(--text_1);
}
.comments .comments--area .swiper--item .swiper--content .bottom--info .star {
font-size: 17px;
color: var(--bg_2);
}
.ref {
padding: 0 0 60px 0;
}
/* Yorumlar son */
/* These were inline style tags. Uses id+class to override almost everything */
#style-M2QyF.style-M2QyF {
transform: translate3d(0px, 0px, 0px);
transition-duration: 0ms;
}
#style-sTVSC.style-sTVSC {
transform: translate3d(-1500px, 0px, 0px);
transition-duration: 500ms;
}
*/
/* istatistik */
.wd-banner-counter {
padding-top: 20px;
}
.tf-container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
width: 1440px;
max-width: 100%;
}
.tf-container.st3 {
width: 1201px;
}
.group-title-counter {
padding-bottom: 40px;
text-align: center;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.fadeInUp {
animation-name: fadeInUp;
}
.group-counter {
border-radius: 8px;
background-color: #ffffff;
position: relative;
padding: 40px 0px;
}
.group-title-counter h3 {
line-height: 44px;
font-size: 36px;
color: #23262f;
margin-bottom: 8px;
}
.group-title-counter.stc p {
font-size: 18px;
line-height: 28px;
}
.align-item-center {
align-items: center;
}
.ani4 {
-webkit-animation: ani4 7s infinite ease-in-out alternate;
animation: ani4 7s infinite ease-in-out alternate;
}
.group-counter .widget-counter {
display: flex;
align-items: center;
justify-content: center;
}
.group-counter .widget-counter::after {
content: "";
position: absolute;
right: 0;
height: 100%;
width: 1px;
opacity: 0.04;
border-right: 1px solid var(--text_1);
}
.br-none.widget-counter::after {
border-right: none !important;
}
.group-counter .widget-counter .icon {
margin-right: 25px;
}
.group-counter .widget-counter.br-none {
border-right: hidden;
}
.wd-counter p {
font-size: 16px;
line-height: 23px;
color: var(--text_1);
margin-bottom: 0;
}
.wd-counter h2 {
font-size: 20px;
color: var(--main_text);
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
}
span {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: none;
opacity: 1;
transform: none;
}
}
@keyframes ani4 {
0%,
100% {
transform: translateX(0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: translateX(0px);
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
transition-property: all;
}
50% {
transform: translateX(-20px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: translateX(-20px);
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
transition-property: all;
}
}
/*
Footer üstü
*/
.bg-map .container {
position: relative;
z-index: 2;
}
.d-block {
display: block!important;
}
.section {
display: inline-block;
width: 100%;
}
.bg-map {
position: relative;
}
.box-map {
position: relative;
}
p:first-of-type span {
display: none;
}
p:first-of-type i {
display: none !important;
}
p.footer--info--item:first-of-type {
margin-bottom: 25px !important;
}
.style-RV1XZ:not(:last-child) {
margin-bottom: 30px;
}
.box-map .img--box article img {
object-fit: cover;
}
:selection {
background: #069;
color: #fff;
}
iframe {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
width: 100%!important;
}
.animate__fadeIn {
animation-name: fadeIn;
}
.map-info {
position: absolute;
top: 48px;
bottom: 48px;
right: 38px;
max-width: 340px;
z-index: 1;
background-color: #fff;
padding: 35px 31px;
margin-left: 38px;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.map-info .bottom {
margin-top: 20px;
padding-top: 20px;
font-weight: 600;
line-height: 28px;
font-size: 15px;
position: relative;
width: 100%;
color: var(--text_1);
}
.map-info .bottom::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
opacity: 0.04;
border-top: 1px solid var(--text_1);
}
.footer--info--item {
display: flex;
align-items: center;
color: var(--text_1);
}
.footer--info--item strong {
font-size: 15px;
font-weight: 500;
}
.footer--info--item:first-child {
margin-bottom: 25px !important;
}
.footer--info--item:not(:last-child) {
margin-bottom: 10px;
}
.footer--info--item strong span {
margin-right: 5px;
}
.footer--info--item i {
font-size: 16px;
margin-right: 10px;
color: var(--bg_2);
}
.mb-25 {
margin-bottom: 25px!important;
}
p {
margin-top: 0;
margin-bottom: 1rem;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
.color-grey-700 {
color: #5b647c;
}
.mb-10 {
margin-bottom: 10px!important;
}
.mb-30 {
margin-bottom: 30px!important;
}
.line-border {
border-bottom: 1px solid #e8e9ed;
margin: 20px 0;
}
.font-md-bold {
font-weight: 600;
font-family: epilogue, sans-serif;
line-height: 28px;
font-size: 16px;
}
svg {
vertical-align: middle;
}
.color-brand-1 {
color: #fec201!important;
}
.icon-16 {
height: 16px;
color: #041c2f;
}
.mr-10 {
margin-right: 10px!important;
}
@keyframes fadeIn {
0% {
opacity: 0;
opacity: 0;
}
100% {
opacity: 1;
opacity: 1;
}
}
/* These were inline style tags. Uses id+class to override almost everything */
#style-219aY.style-219aY {
border: 0px;
visibility: visible;
}
#style-t8VsQ.style-t8VsQ {
visibility: visible;
max-height: 40px;
}
#style-3gcnR.style-3gcnR {
visibility: visible;
}
#style-kEYUv.style-kEYUv {
visibility: visible;
}
#style-RV1XZ.style-RV1XZ {
visibility: visible;
}
#style-j6J9j.style-j6J9j {
visibility: visible;
}
#style-a3BCL.style-a3BCL {
visibility: visible;
}
/* Kategoriler */
.job-category-section-two {
padding: 60px 0;
}
.tf-container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
width: 1440px;
max-width: 100%;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.fadeInUp {
animation-name: fadeInUp;
}
.tf-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.group-category-job {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
}
a.btn-category-job {
color: var(--main_text);
text-decoration: none;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-button {
padding: 0;
border: none;
display: inline-flex;
align-items: center;
text-transform: none;
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
a.btn-category-job:hover {
color: #14a077;
text-decoration: none;
outline: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.job-category-box {
color: #ffffff;
transition: all 0.3s ease-in-out;
}
.group-category-job .job-category-box {
margin-bottom: 20px;
border-radius: 8px;
padding: 28px;
background: #ffffff;
border: 1px solid #f4f8fb;
}
.job-category-box:hover {
background: var(--bg_2);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.job-category-box:hover .job-category-box p {
color: var(--text_white);
}
.job-category-box.active {
background: var(--bg_2);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.job-category-box:hover,
.job-category-box.active {
background: var(--bg_2);
transition: all 0.3s ease-in-out;
cursor: pointer;
}
h1.btn-category-h1 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1.btn-category-h1 {
font-size: 2.5rem;
}
}
h1.btn-category-h1 {
font-family: inherit;
font-size: 80px;
font-weight: 700;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
line-height: 1.1em;
}
.tf-title h1 {
font-weight: 700;
font-size: 36px;
line-height: 44px;
color: var(--main_text);
margin-bottom: 16px;
}
p.btn-category-p {
margin-top: 0;
margin-bottom: 1rem;
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
.tf-title p {
color: var(--text_1);
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.tf-button span {
color: #14a077;
margin-left: 4px;
}
.icon-arrow-right2:before {
content: "\ea3c";
}
.job-category-box .job-category-header {
margin-bottom: 8px;
}
.job-category-box strong {
color: var(--bg_2);
text-transform: none;
border: none;
font-weight: 600;
font-size: 14px;
line-height: 22px;
padding: 0;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
}
.job-category-box .btn-category-job {
color: var(--bg_2);
text-transform: none;
border: none;
font-weight: 600;
font-size: 14px;
line-height: 22px;
padding: 0;
display: flex;
align-items: center;
}
.job-category-box:hover p {
color: var(--text_white);
}
.job-category-box:hover h1,
.job-category-box:hover strong {
color: var(--text_white);
}
.job-category-box:hover a,
.job-category-box:hover .btn-category-job {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a,
.job-category-box.active .btn-category-job {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a,
.job-category-box.active .btn-category-job,
.job-category-box:hover a,
.job-category-box:hover .btn-category-job {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box h1 {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: var(--main_text);
transition: all 0.3s ease-in-out;
}
.job-category-box p {
color: var(--text_1);
font-size: 15px;
line-height: 22px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.job-category-box .btn-category-job span {
margin-left: 4px;
font-size: 20px;
}
.icon-keyboard_arrow_right:before {
content: "\e9a0";
}
.job-category-box.active p {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box h1 a {
color: var(--main_text);
}
.job-category-box:hover a {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
.job-category-box.active a,
.job-category-box:hover a {
color: var(--text_white);
transition: all 0.3s ease-in-out;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: none;
opacity: 1;
transform: none;
}
}
/* Blog */
.blog--section {
padding: 60px 0 30px 0;
background: var(--section_bg);
}
.blog--section .jkit-posts.row {
margin-left: -15px;
margin-right: -15px;
}
.blog--section .jkit-post {
padding-left: 15px;
padding-right: 15px;
}
@media all {
.elementor-section {
position: relative;
}
.elementor-86 .elementor-element.elementor-element-14950634 {
padding: 120px 0px 120px 0px;
}
.jkit-nav-menu-loaded {
overflow-x: hidden;
overflow-y: visible;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
.elementor .elementor-background-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.elementor-86 .elementor-element.elementor-element-14950634>.elementor-background-overlay {
opacity: 0.02;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: border-box;
}
.elementor-widget-wrap {
position: relative;
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
display: flex;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 10px;
}
.elementor-column {
position: relative;
min-height: 1px;
display: flex;
}
}
@media (min-width: 768px) {
.elementor-column.elementor-col-100 {
width: 100%;
}
}
@media all {
.elementor-section .elementor-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
}
.elementor-section.elementor-section-boxed>.elementor-container {
max-width: 1140px;
}
.elementor-86 .elementor-element.elementor-element-14950634>.elementor-container {
max-width: 1200px;
}
.elementor-widget {
position: relative;
}
.elementor-widget-wrap>.elementor-element {
width: 100%;
}
.elementor-element.elementor-element-b61939f {
text-align: center;
}
.elementor-element.elementor-element-4b3c36ae {
text-align: center;
margin-bottom: 50px;
}
.elementor-element .elementor-widget-container {
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}
.elementor-86 .elementor-element.elementor-element-4b3c36ae>.elementor-widget-container {
margin: 0px 0px 0px 0px;
}
.elementor-86 .elementor-element.elementor-element-791b5f4d>.elementor-widget-container {
margin: 20px 0px -30px 0px;
}
h5 {
margin-top: .5rem;
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
font-size: 1.25rem;
}
}
.elementor-heading-title {
padding: 0;
margin: 0;
line-height: 1;
}
@media all {
h5 {
color: var( --e-global-color-primary);
}
.elementor-widget-heading .elementor-heading-title {
color: var( --e-global-color-primary);
}
.elementor-element.elementor-element-b61939f .elementor-heading-title {
font-weight: 600;
font-size: 22px;
line-height: 33px;
color: var(--main_text);
margin-bottom: 4px;
}
h2 {
margin-top: .5rem;
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
font-size: 2rem;
}
h2 {
color: var( --e-global-color-primary);
}
.elementor-element.elementor-element-4b3c36ae .elementor-heading-title {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock {
margin: 0px 0px 0px 0px;
}
.jeg-elementor-kit.jkit-postblock .jkit-post {
margin-bottom: 30px;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.jeg-elementor-kit.jkit-postblock .jkit-thumb {
position: relative;
overflow: hidden;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-thumb {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 285px;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-postblock-content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 20px;
padding-top: 5px;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-postblock-content {
text-align: left;
}
.jeg-elementor-kit.jkit-postblock .jkit-post-category {
font-size: 13px;
font-weight: 500;
margin-top: .5rem;
margin-bottom: .5rem;
display: inline-block;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-category {
padding: 0;
margin: 5px 0;
border-radius: 0;
}
.jeg-elementor-kit.jkit-postblock .jkit-post-title {
font-size: 16px;
line-height: 1.3;
color: var(--main_text);
margin-top: .5rem;
margin-bottom: .5rem;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-title {
margin: 10px 0px 10px 0px;
}
.jeg-elementor-kit.jkit-postblock .jkit-post-excerpt {
font-size: 15px;
margin-top: .5rem;
margin-bottom: .5rem;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt {
margin: 0px 0px 0px 0px;
line-height: 26px;
color: var(--text_1);
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-meta-bottom {
justify-content: space-between;
}
.jeg-elementor-kit .thumbnail-container {
line-height: 0;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-thumb .thumbnail-container {
max-width: 285px;
height: 240px;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 768px) {
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-postblock-content {
display: flex;
flex-direction: column;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-title {
order: 1;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt {
order: 2;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-category {
order: 3;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-thumb {
order: 2;
width: 100%;
max-width: 100%;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-thumb .thumbnail-container {
height: auto;
min-height: 180px;
max-width: 100%;
}
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-title a {
font-size: 20px;
color: var(--main_text);
line-height: 31px;
font-weight: 600;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
p {
margin-top: 0;
margin-bottom: .9rem;
}
.jeg-elementor-kit.jkit-postblock .jkit-post-excerpt p:last-child {
margin-bottom: 0;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt p {
color: var( --text_1);
}
.post .wp-post-image {
width: 100%;
height: 100%;
object-fit: contain;
}
.jeg-elementor-kit.jkit-postblock .jkit-post-category a {
color: var(--jkit-txt-a-color);
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-category span a {
color: var(--text_2);
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.elementor-element.elementor-element-791b5f4d .jeg-elementor-kit.jkit-postblock .jkit-post-category span a:hover {
text-decoration: underline;
}
}
/* Yeni hizmetler */
div.elementor-widget-wrap {
box-sizing: border-box;
line-height: 26.4px;
}
div.elementor-widget-wrap.hizmet {
padding: 60px 0 30px 0;
background: var(--section_bg);
}
div.elementor-element.elementor-element-6d81a00.ui-split-animate.ui-splitby-chars.elementor-widget.elementor-widget-heading {
---ui-delay: 0ms;
---ui-speed: 1000ms;
---ui-stagger: 15ms;
--align-content: initial;
--align-items: initial;
--align-self: initial;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
bottom: 0px;
box-sizing: border-box;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
opacity: 1;
order: 0;
position: relative;
right: 0px;
text-align: center;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-6d81a00.ui-split-animate.ui-splitby-chars.elementor-widget.elementor-widget-heading:where(.e-con-full, .elementor-widget) {
align-content: normal;
align-items: normal;
flex-direction: row;
flex-wrap: nowrap;
gap: normal;
justify-content: normal;
}
div.elementor-element.elementor-element-6d81a00.ui-split-animate.ui-splitby-chars.elementor-widget.elementor-widget-heading:not(:last-child) {
margin-bottom: 20px;
}
div.elementor-element.elementor-element-6d81a00.ui-split-animate.ui-splitby-chars.elementor-widget.elementor-widget-heading:not(.elementor-element-edit-mode) {
opacity: 0;
}
div.elementor-widget-container {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
h2.elementor-heading-title.elementor-size-default.words.chars.splitting {
---ui-char-total: 22;
---ui-word-total: 4;
box-sizing: border-box;
color: #00122e;
display: inline-block;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 54px;
margin: 0px;
padding: 0px;
text-align: center;
text-transform: none;
transform-origin: left top;
transition: transform 0.4s ease-out 0s;
transition-delay: 0s;
}
span.word {
---ui-word-index: 0;
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
span.word:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
span.char.ui-e-animated.fadeInUp {
---ui-char-index: 0;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal both running uicoreFadeIn;
animation-delay: 0s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
span.char.ui-e-animated.fadeInUp:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
span.whitespace {
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='than'] {
---ui-word-index: 1;
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='than']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-word='than'] [data-char='t'] {
---ui-char-index: 4;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.06s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.06s 1 normal both running uicoreFadeIn;
animation-delay: 0.06s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='than'] [data-char='t']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='h'][style='---ui-char-index\:5\;'] {
---ui-char-index: 5;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.075s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.075s 1 normal both running uicoreFadeIn;
animation-delay: 0.075s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='h'][style='---ui-char-index\:5\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='a'][style='---ui-char-index\:6\;'] {
---ui-char-index: 6;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.09s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.09s 1 normal both running uicoreFadeIn;
animation-delay: 0.09s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='a'][style='---ui-char-index\:6\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='n'][style='---ui-char-index\:7\;'] {
---ui-char-index: 7;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.105s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.105s 1 normal both running uicoreFadeIn;
animation-delay: 0.105s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='n'][style='---ui-char-index\:7\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(4) {
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='just'] {
---ui-word-index: 2;
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='just']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='j'] {
---ui-char-index: 8;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.12s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.12s 1 normal both running uicoreFadeIn;
animation-delay: 0.12s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='j']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='u'][style='---ui-char-index\:9\;'] {
---ui-char-index: 9;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.135s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.135s 1 normal both running uicoreFadeIn;
animation-delay: 0.135s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='u'][style='---ui-char-index\:9\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='s'][style='---ui-char-index\:10\;'] {
---ui-char-index: 10;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.15s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.15s 1 normal both running uicoreFadeIn;
animation-delay: 0.15s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='s'][style='---ui-char-index\:10\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
.fadeInUp[data-char='t'][style='---ui-char-index\:11\;'] {
---ui-char-index: 11;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.165s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.165s 1 normal both running uicoreFadeIn;
animation-delay: 0.165s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
.fadeInUp[data-char='t'][style='---ui-char-index\:11\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(6) {
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='scheduling'] {
---ui-word-index: 3;
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='scheduling']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
.ui-e-animated[data-char='s'][style='---ui-char-index\:12\;'] {
---ui-char-index: 12;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.18s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.18s 1 normal both running uicoreFadeIn;
animation-delay: 0.18s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
.ui-e-animated[data-char='s'][style='---ui-char-index\:12\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
.ui-e-animated[data-char='c'][style='---ui-char-index\:13\;'] {
---ui-char-index: 13;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.195s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.195s 1 normal both running uicoreFadeIn;
animation-delay: 0.195s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
.ui-e-animated[data-char='c'][style='---ui-char-index\:13\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='h'][style='---ui-char-index\:14\;'] {
---ui-char-index: 14;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.21s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.21s 1 normal both running uicoreFadeIn;
animation-delay: 0.21s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='h'][style='---ui-char-index\:14\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='e'][style='---ui-char-index\:15\;'] {
---ui-char-index: 15;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.225s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.225s 1 normal both running uicoreFadeIn;
animation-delay: 0.225s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='e'][style='---ui-char-index\:15\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
.ui-e-animated[data-char='d'][style='---ui-char-index\:16\;'] {
---ui-char-index: 16;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.24s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.24s 1 normal both running uicoreFadeIn;
animation-delay: 0.24s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
.ui-e-animated[data-char='d'][style='---ui-char-index\:16\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='u'][style='---ui-char-index\:17\;'] {
---ui-char-index: 17;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.255s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.255s 1 normal both running uicoreFadeIn;
animation-delay: 0.255s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='u'][style='---ui-char-index\:17\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
.ui-e-animated[data-char='l'][style='---ui-char-index\:18\;'] {
---ui-char-index: 18;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.27s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.27s 1 normal both running uicoreFadeIn;
animation-delay: 0.27s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
.ui-e-animated[data-char='l'][style='---ui-char-index\:18\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-word='scheduling'] [data-char='i'] {
---ui-char-index: 19;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.285s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.285s 1 normal both running uicoreFadeIn;
animation-delay: 0.285s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-word='scheduling'] [data-char='i']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='n'][style='---ui-char-index\:20\;'] {
---ui-char-index: 20;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.3s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.3s 1 normal both running uicoreFadeIn;
animation-delay: 0.3s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='n'][style='---ui-char-index\:20\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
[data-char='g'][style='---ui-char-index\:21\;'] {
---ui-char-index: 21;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.315s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.315s 1 normal both running uicoreFadeIn;
animation-delay: 0.315s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
color: #00122e;
font-size: 40px;
font-weight: 600;
line-height: 54px;
text-align: center;
}
[data-char='g'][style='---ui-char-index\:21\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
div.elementor-element.elementor-element-38c2bc9.elementor-widget__width-initial.elementor-widget-mobile__width-inherit.ui-split-animate.ui-splitby-lines.elementor-widget.elementor-widget-text-editor {
---ui-delay: 400ms;
---ui-speed: 1000ms;
---ui-stagger: 100ms;
--align-content: initial;
--align-items: initial;
--align-self: initial;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
bottom: 0px;
box-sizing: border-box;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
margin-bottom: 0px;
max-width: 500px;
opacity: 1;
order: 0;
position: relative;
right: 0px;
text-align: center;
top: 0px;
width: 500px;
}
div.elementor-element.elementor-element-38c2bc9.elementor-widget__width-initial.elementor-widget-mobile__width-inherit.ui-split-animate.ui-splitby-lines.elementor-widget.elementor-widget-text-editor:where(.e-con-full, .elementor-widget) {
align-content: normal;
align-items: normal;
flex-direction: row;
flex-wrap: nowrap;
gap: normal;
justify-content: normal;
}
div.elementor-element.elementor-element-38c2bc9.elementor-widget__width-initial.elementor-widget-mobile__width-inherit.ui-split-animate.ui-splitby-lines.elementor-widget.elementor-widget-text-editor:not(:last-child) {
margin-bottom: 20px;
}
div.elementor-element.elementor-element-38c2bc9.elementor-widget__width-initial.elementor-widget-mobile__width-inherit.ui-split-animate.ui-splitby-lines.elementor-widget.elementor-widget-text-editor:not(.elementor-element-edit-mode) {
opacity: 0;
}
.elementor-element-38c2bc9 .elementor-widget-container {
box-sizing: border-box;
line-height: 26.4px;
padding: 0px 0px 48px;
text-align: center;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
div.elementor-text-editor.elementor-clearfix.words.lines.splitting {
---ui-line-total: 2;
---ui-word-total: 21;
box-sizing: border-box;
display: inline-block;
line-height: 26.4px;
text-align: center;
transform-origin: left top;
transition: transform 0.666667s cubic-bezier(0.22, 1, 0.36, 1) 0s;
transition-delay: 0s;
}
div.elementor-text-editor.elementor-clearfix.words.lines.splitting::after {
clear: both;
content: "";
display: block;
height: 0px;
width: 0px;
}
span.word.ui-e-animated.fadeInUp {
---ui-line-index: 0;
---ui-word-index: 0;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
span.word.ui-e-animated.fadeInUp:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(2) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='ac'][style='---ui-word-index\:1\;\ ---ui-line-index\:0\;'] {
---ui-line-index: 0;
---ui-word-index: 1;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='ac'][style='---ui-word-index\:1\;\ ---ui-line-index\:0\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(4) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='maecenas'] {
---ui-line-index: 0;
---ui-word-index: 2;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='maecenas']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(6) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='ac'][style='---ui-word-index\:3\;\ ---ui-line-index\:0\;'] {
---ui-line-index: 0;
---ui-word-index: 3;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='ac'][style='---ui-word-index\:3\;\ ---ui-line-index\:0\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(8) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='lorem\.'] {
---ui-line-index: 0;
---ui-word-index: 4;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='lorem\.']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(10) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='Sed'][style='---ui-word-index\:5\;\ ---ui-line-index\:0\;'] {
---ui-line-index: 0;
---ui-word-index: 5;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='Sed'][style='---ui-word-index\:5\;\ ---ui-line-index\:0\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(12) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='duis'] {
---ui-line-index: 0;
---ui-word-index: 6;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='duis']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(14) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='consequat\,'] {
---ui-line-index: 0;
---ui-word-index: 7;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='consequat\,']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(16) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='sed'][style='---ui-word-index\:8\;\ ---ui-line-index\:0\;'] {
---ui-line-index: 0;
---ui-word-index: 8;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='sed'][style='---ui-word-index\:8\;\ ---ui-line-index\:0\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(18) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='condimentum'] {
---ui-line-index: 0;
---ui-word-index: 9;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.4s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.4s 1 normal both running uicoreFadeIn;
animation-delay: 0.4s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='condimentum']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(20) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='in'][style='---ui-word-index\:10\;\ ---ui-line-index\:1\;'] {
---ui-line-index: 1;
---ui-word-index: 10;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='in'][style='---ui-word-index\:10\;\ ---ui-line-index\:1\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(22) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='molestie'] {
---ui-line-index: 1;
---ui-word-index: 11;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='molestie']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(24) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='tellus'] {
---ui-line-index: 1;
---ui-word-index: 12;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='tellus']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(26) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='vitae\,'] {
---ui-line-index: 1;
---ui-word-index: 13;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='vitae\,']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(28) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='a\.'] {
---ui-line-index: 1;
---ui-word-index: 14;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='a\.']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(30) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='Massa'] {
---ui-line-index: 1;
---ui-word-index: 15;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='Massa']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(32) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='eget'][style='---ui-word-index\:16\;\ ---ui-line-index\:1\;'] {
---ui-line-index: 1;
---ui-word-index: 16;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='eget'][style='---ui-word-index\:16\;\ ---ui-line-index\:1\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(34) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='ac'][style='---ui-word-index\:17\;\ ---ui-line-index\:1\;'] {
---ui-line-index: 1;
---ui-word-index: 17;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='ac'][style='---ui-word-index\:17\;\ ---ui-line-index\:1\;']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(36) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='aenean'] {
---ui-line-index: 1;
---ui-word-index: 18;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='aenean']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(38) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='purus'] {
---ui-line-index: 1;
---ui-word-index: 19;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='purus']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
:root> :nth-child(2)> :nth-child(9)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(3)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(1)> :nth-child(2)> :nth-child(1)> :nth-child(1)> :nth-child(40) {
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='faucibus\.'] {
---ui-line-index: 1;
---ui-word-index: 20;
animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 normal both running uicoreFadeInUp, 1s cubic-bezier(0, 0, 0.2, 1) 0.5s 1 normal both running uicoreFadeIn;
animation-delay: 0.5s;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: uicoreFadeInUp, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
box-sizing: border-box;
line-height: 26.4px;
text-align: center;
}
[data-word='faucibus\.']:not(.whitespace):not(.ui-e-headline-text) {
display: inline-block;
}
section.elementor-section.elementor-inner-section.elementor-element.elementor-element-979f593.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
bottom: 0px;
box-sizing: border-box;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
order: 0;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-container.elementor-column-gap-default {
bottom: 0px;
box-sizing: border-box;
display: flex;
left: 0px;
line-height: 26.4px;
margin: 0px auto;
margin-left: auto;
margin-right: auto;
max-width: 1240px;
position: relative;
right: 0px;
top: 0px;
}
div.elementor-row {
box-sizing: border-box;
display: flex;
line-height: 26.4px;
width: 100%;
}
div.elementor-column-wrap.elementor-element-populated {
bottom: 0px;
box-sizing: border-box;
display: flex;
left: 0px;
line-height: 26.4px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
margin-bottom: 30px;
}
.elementor-element-77b928d .elementor-widget-wrap {
align-content: flex-start;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
left: 0px;
line-height: 26.4px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
.elementor-element-d8e0e31 .elementor-widget-container {
background-color: #ffffff;
border-radius: 8px;
box-sizing: border-box;
line-height: 26.4px;
padding: 32px 0px 0px;
}
div.bdt-ep-advanced-icon-box {
box-sizing: border-box;
line-height: 26.4px;
text-align: left;
transition: all 0.3s ease-in-out;
}
.elementor-widget-container:hover {
transform: translateY(-4px);
background: var(--bg_2);
}
.elementor-widget-container:hover span.span--title {
color: var(--text_white);
}
.elementor-widget-container:hover h4.bdt-ep-advanced-icon-box-title small {
color: var(--text_white);
}
.elementor-widget-container:hover div.bdt-ep-advanced-icon-box-description {
color: var(--text_white);
}
.elementor-widget-container:hover span.bdt-ep-advanced-icon-box-icon-wrap {
color: var(--bg_2);
}
div.bdt-ep-advanced-icon-box:hover .bdt-ep-advanced-icon-box-icon {
/* Hover effects can be added here if needed */
transition: all 0.3s ease;
}
div.bdt-ep-advanced-icon-box-icon {
box-sizing: border-box;
display: inline-block;
line-height: 26.4px;
margin-bottom: 16px;
margin-left: 28px;
text-align: left;
}
span.bdt-ep-advanced-icon-box-icon-wrap {
background: var(--section_bg);
border-radius: 8px;
bottom: 0px;
box-sizing: content-box;
color: var(--main_text);
display: inline-block;
font-size: 25px;
height: auto;
left: 0px;
line-height: 1;
overflow: hidden;
padding: 16px;
position: relative;
right: 0px;
text-align: center;
top: 0px;
width: 48px;
}
i.fas.fa-eye {
-webkit-font-smoothing: antialiased;
bottom: 0px;
box-sizing: border-box;
color: #20a2f5;
display: block;
font-family: "Font Awesome 5 Free";
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: 900;
height: 1em;
left: 0px;
line-height: 25px;
margin: auto;
position: relative;
right: 0px;
text-align: center;
text-rendering: auto;
top: 0px;
transform: rotate(0deg);
transition: transform 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 1em;
z-index: 1;
}
i.fas.fa-eye::before {
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
}
div.bdt-ep-advanced-icon-box-content {
box-sizing: border-box;
line-height: 26.4px;
margin-top: 0px;
padding: 0px 32px 32px;
text-align: left;
}
h4.bdt-ep-advanced-icon-box-title {
box-sizing: border-box;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26.1px;
margin-bottom: 28px;
text-align: left;
text-transform: none;
display: flex;
flex-direction: column;
}
h4.bdt-ep-advanced-icon-box-title small {
font-size: 15px;
font-weight: 500;
color: var(--text_1);
}
h4.bdt-ep-advanced-icon-box-title:first-child {
margin-top: 0px;
}
span.span--title {
box-sizing: border-box;
color: var(--main_text);
font-size: 18px;
font-weight: 600;
line-height: 26.1px;
text-align: left;
}
div.bdt-ep-advanced-icon-box-description {
box-sizing: border-box;
color: var(--text_1);
font-size: 15px;
line-height: 23.1px;
margin-bottom: 20px;
text-align: left;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-2e07251 {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
min-height: 1px;
order: 0;
position: relative;
right: 0px;
top: 0px;
}
.elementor-element-2e07251 .elementor-column-wrap {
bottom: 0px;
box-sizing: border-box;
display: flex;
left: 0px;
line-height: 26.4px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
.elementor-element-2e07251 .elementor-widget-wrap {
align-content: flex-start;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
left: 0px;
line-height: 26.4px;
padding: 10px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-4489057.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
animation: 1.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running uicoreFadeInDown, 1.9s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running uicoreFadeIn;
animation-duration: 1.9s;
animation-name: uicoreFadeInDown, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
bottom: 0px;
box-sizing: border-box;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
order: 0;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-4489057.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown:where(.e-con-full, .elementor-widget) {
align-content: normal;
align-items: normal;
flex-direction: row;
flex-wrap: nowrap;
gap: normal;
justify-content: normal;
}
.elementor-element-4489057 .elementor-widget-container {
background-color: #f9f9fa;
border-radius: 8px;
box-sizing: border-box;
line-height: 26.4px;
padding: 32px 0px 0px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -1, 0, 0, 0, 1);
transform-origin: 145px 145.43px;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
.elementor-element-4489057 .elementor-widget-container:hover {
--e-transform-translatey: -4px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box {
box-sizing: border-box;
line-height: 26.4px;
text-align: left;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon {
box-sizing: border-box;
display: inline-block;
line-height: 26.4px;
margin-bottom: 16px;
text-align: left;
transform: matrix(1, 0, 0, 1, 32, 0);
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon-wrap {
background-color: #ffffff;
border-radius: 100px;
bottom: 0px;
box-sizing: content-box;
color: #818a91;
display: inline-block;
font-size: 25px;
height: auto;
left: 0px;
line-height: 1;
overflow: hidden;
padding: 16px;
position: relative;
right: 0px;
text-align: center;
top: 0px;
transform: rotate(0deg);
transition: all 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 48px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon-wrap:hover {
color: #818a91;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon-wrap::after {
content: "";
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: -1;
}
i.fas.fa-mouse-pointer {
-webkit-font-smoothing: antialiased;
bottom: 0px;
box-sizing: border-box;
color: #20a2f5;
display: block;
font-family: "Font Awesome 5 Free";
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: 900;
height: 1em;
left: 0px;
line-height: 25px;
margin: auto;
position: relative;
right: 0px;
text-align: center;
text-rendering: auto;
top: 0px;
transform: rotate(0deg);
transition: transform 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 1em;
z-index: 1;
}
i.fas.fa-mouse-pointer::before {
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-content {
box-sizing: border-box;
line-height: 26.4px;
margin-top: 0px;
padding: 0px 32px 32px;
text-align: left;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-title {
box-sizing: border-box;
color: #00122e;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26.1px;
margin-bottom: 28px;
text-align: left;
text-transform: none;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-title:first-child {
margin-top: 0px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-title span {
box-sizing: border-box;
color: #00122e;
font-size: 18px;
font-weight: 600;
line-height: 26.1px;
text-align: left;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-description {
box-sizing: border-box;
font-size: 14px;
line-height: 23.1px;
margin-bottom: 20px;
text-align: left;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-d5c81f7 {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
min-height: 1px;
order: 0;
position: relative;
right: 0px;
top: 0px;
}
.elementor-element-d5c81f7 .elementor-column-wrap {
bottom: 0px;
box-sizing: border-box;
display: flex;
left: 0px;
line-height: 26.4px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
.elementor-element-d5c81f7 .elementor-widget-wrap {
align-content: flex-start;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
left: 0px;
line-height: 26.4px;
padding: 10px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-63a3383.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
animation: 1.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running uicoreFadeInDown, 1.9s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running uicoreFadeIn;
animation-duration: 1.9s;
animation-name: uicoreFadeInDown, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
bottom: 0px;
box-sizing: border-box;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
order: 0;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-63a3383.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown:where(.e-con-full, .elementor-widget) {
align-content: normal;
align-items: normal;
flex-direction: row;
flex-wrap: nowrap;
gap: normal;
justify-content: normal;
}
.elementor-element-63a3383 .elementor-widget-container {
background-color: #f9f9fa;
border-radius: 8px;
box-sizing: border-box;
line-height: 26.4px;
padding: 32px 0px 0px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -1, 0, 0, 0, 1);
transform-origin: 145px 145.43px;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
.elementor-element-63a3383 .elementor-widget-container:hover {
--e-transform-translatey: -4px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box {
box-sizing: border-box;
line-height: 26.4px;
text-align: left;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon {
box-sizing: border-box;
display: inline-block;
line-height: 26.4px;
margin-bottom: 16px;
text-align: left;
transform: matrix(1, 0, 0, 1, 32, 0);
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon-wrap {
background-color: #ffffff;
border-radius: 100px;
bottom: 0px;
box-sizing: content-box;
color: #818a91;
display: inline-block;
font-size: 25px;
height: auto;
left: 0px;
line-height: 1;
overflow: hidden;
padding: 16px;
position: relative;
right: 0px;
text-align: center;
top: 0px;
transform: rotate(0deg);
transition: all 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 48px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon-wrap:hover {
color: #818a91;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon-wrap::after {
content: "";
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: -1;
}
i.ti.ti-control-shuffle {
-webkit-font-smoothing: antialiased;
bottom: 0px;
box-sizing: border-box;
color: #20a2f5;
display: block;
font-family: themify;
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 1em;
left: 0px;
line-height: 25px;
margin: auto;
position: relative;
right: 0px;
text-align: center;
text-transform: none;
top: 0px;
transform: rotate(0deg);
transition: transform 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 1em;
z-index: 1;
}
i.ti.ti-control-shuffle::before {
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-content {
box-sizing: border-box;
line-height: 26.4px;
margin-top: 0px;
padding: 0px 32px 32px;
text-align: left;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-title {
box-sizing: border-box;
color: #00122e;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26.1px;
margin-bottom: 28px;
text-align: left;
text-transform: none;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-title:first-child {
margin-top: 0px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-title span {
box-sizing: border-box;
color: #00122e;
font-size: 18px;
font-weight: 600;
line-height: 26.1px;
text-align: left;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-description {
box-sizing: border-box;
font-size: 14px;
line-height: 23.1px;
margin-bottom: 20px;
text-align: left;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-f4b5402 {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
min-height: 1px;
order: 0;
position: relative;
right: 0px;
top: 0px;
}
.elementor-element-f4b5402 .elementor-column-wrap {
bottom: 0px;
box-sizing: border-box;
display: flex;
left: 0px;
line-height: 26.4px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
.elementor-element-f4b5402 .elementor-widget-wrap {
align-content: flex-start;
bottom: 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
left: 0px;
line-height: 26.4px;
padding: 10px;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-57f93b2.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--align-content: initial;
--align-items: initial;
--align-self: initial;
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
--flex-basis: initial;
--flex-direction: initial;
--flex-grow: initial;
--flex-shrink: initial;
--flex-wrap: initial;
--gap: initial;
--justify-content: initial;
--order: initial;
--swiper-navigation-size: 44px;
--swiper-pagination-bullet-horizontal-gap: 6px;
--swiper-pagination-bullet-size: 6px;
--swiper-theme-color: #000;
--widgets-spacing: 20px;
align-self: auto;
animation: 1.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running uicoreFadeInDown, 1.9s cubic-bezier(0, 0, 0.2, 1) 0s 1 normal none running uicoreFadeIn;
animation-duration: 1.9s;
animation-name: uicoreFadeInDown, uicoreFadeIn;
animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0, 0, 0.2, 1);
bottom: 0px;
box-sizing: border-box;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1;
left: 0px;
line-height: 26.4px;
order: 0;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
div.elementor-element.elementor-element-57f93b2.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown:where(.e-con-full, .elementor-widget) {
align-content: normal;
align-items: normal;
flex-direction: row;
flex-wrap: nowrap;
gap: normal;
justify-content: normal;
}
.elementor-element-57f93b2 .elementor-widget-container {
background-color: #f9f9fa;
border-radius: 8px;
box-sizing: border-box;
line-height: 26.4px;
padding: 32px 0px 0px;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -1, 0, 0, 0, 1);
transform-origin: 145px 145.43px;
transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
}
.elementor-element-57f93b2 .elementor-widget-container:hover {
--e-transform-translatey: -4px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box {
box-sizing: border-box;
line-height: 26.4px;
text-align: left;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon {
box-sizing: border-box;
display: inline-block;
line-height: 26.4px;
margin-bottom: 16px;
text-align: left;
transform: matrix(1, 0, 0, 1, 32, 0);
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon-wrap {
background-color: #ffffff;
border-radius: 100px;
bottom: 0px;
box-sizing: content-box;
color: #818a91;
display: inline-block;
font-size: 25px;
height: auto;
left: 0px;
line-height: 1;
overflow: hidden;
padding: 16px;
position: relative;
right: 0px;
text-align: center;
top: 0px;
transform: rotate(0deg);
transition: all 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 48px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon-wrap:hover {
color: #818a91;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon-wrap::after {
content: "";
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: -1;
}
i.fas.fa-phone-volume {
-webkit-font-smoothing: antialiased;
bottom: 0px;
box-sizing: border-box;
color: #20a2f5;
display: block;
font-family: "Font Awesome 5 Free";
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: 900;
height: 1em;
left: 0px;
line-height: 25px;
margin: auto;
position: relative;
right: 0px;
text-align: center;
text-rendering: auto;
top: 0px;
transform: rotate(0deg);
transition: transform 350ms cubic-bezier(0.24, 0.85, 0.58, 1) 0s;
width: 1em;
z-index: 1;
}
i.fas.fa-phone-volume::before {
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-content {
box-sizing: border-box;
line-height: 26.4px;
margin-top: 0px;
padding: 0px 32px 32px;
text-align: left;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-title {
box-sizing: border-box;
color: #00122e;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26.1px;
margin-bottom: 28px;
text-align: left;
text-transform: none;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-title:first-child {
margin-top: 0px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-title span {
box-sizing: border-box;
color: #00122e;
font-size: 18px;
font-weight: 600;
line-height: 26.1px;
text-align: left;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-description {
box-sizing: border-box;
font-size: 14px;
line-height: 23.1px;
margin-bottom: 20px;
text-align: left;
}
@keyframes uicoreFadeInUp {
0% {
transform: translate3d(0px, 40px, 0px);
}
100% {
transform: translateZ(0px);
}
}
@keyframes uicoreFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes uicoreFadeInDown {
0% {
transform: translate3d(0px, -40px, 0px);
}
100% {
transform: translateZ(0px);
}
}
@media (max-width: 767px) {
div.elementor-widget-container {
padding: 0px 10px;
}
div.elementor-element.elementor-element-38c2bc9.elementor-widget__width-initial.elementor-widget-mobile__width-inherit.ui-split-animate.ui-splitby-lines.elementor-widget.elementor-widget-text-editor {
max-width: 100%;
width: 100%;
}
.elementor-element-38c2bc9 .elementor-widget-container {
padding: 0px 10px 24px;
}
div.elementor-container.elementor-column-gap-default {
max-width: 767px;
}
div.elementor-element.elementor-element-d8e0e31.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 30px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-d8e0e31 .elementor-widget-container {
border-radius: 6px;
padding: 30px 0px 0px;
}
div.bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
span.bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
div.bdt-ep-advanced-icon-box-content {
padding: 0px 30px 30px;
}
h4.bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-2e07251 {
width: 100%;
}
div.elementor-element.elementor-element-4489057.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 30px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-4489057 .elementor-widget-container {
border-radius: 6px;
padding: 30px 0px 0px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-content {
padding: 0px 30px 30px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-d5c81f7 {
width: 100%;
}
div.elementor-element.elementor-element-63a3383.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 30px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-63a3383 .elementor-widget-container {
border-radius: 6px;
padding: 30px 0px 0px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-content {
padding: 0px 30px 30px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-f4b5402 {
width: 100%;
}
div.elementor-element.elementor-element-57f93b2.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 30px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-57f93b2 .elementor-widget-container {
border-radius: 6px;
padding: 30px 0px 0px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-content {
padding: 0px 30px 30px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
}
@media (max-width: 1024px) {
div.elementor-widget-container {
padding: 0px 0px 32px;
}
div.elementor-container.elementor-column-gap-default {
flex-wrap: wrap;
max-width: 1024px;
}
div.elementor-row {
flex-wrap: wrap;
}
div.elementor-element.elementor-element-d8e0e31.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-d8e0e31 .elementor-widget-container {
border-radius: 7px;
padding: 32px 0px 0px;
}
div.bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
span.bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
div.bdt-ep-advanced-icon-box-content {
padding: 0px 32px 32px;
}
h4.bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
div.elementor-element.elementor-element-4489057.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-4489057 .elementor-widget-container {
border-radius: 7px;
padding: 32px 0px 0px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-content {
padding: 0px 32px 32px;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
div.elementor-element.elementor-element-63a3383.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-63a3383 .elementor-widget-container {
border-radius: 7px;
padding: 32px 0px 0px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-content {
padding: 0px 32px 32px;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
div.elementor-element.elementor-element-57f93b2.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
--ep-advanced-icon-box-icon-top-h-offset: 32px;
--ep-advanced-icon-box-icon-top-v-offset: 0px;
}
.elementor-element-57f93b2 .elementor-widget-container {
border-radius: 7px;
padding: 32px 0px 0px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon {
margin-bottom: 14px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon-wrap {
border-radius: 100px;
font-size: 22px;
overflow: hidden;
padding: 14px;
width: 22px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-content {
padding: 0px 32px 32px;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-title {
margin-bottom: 24px;
}
}
@media (min-width: 768px) {
div.bdt-ep-advanced-icon-box-icon {
display: inline-block;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-2e07251 {
width: 25%;
}
.elementor-element-4489057 .bdt-ep-advanced-icon-box-icon {
display: inline-block;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-d5c81f7 {
width: 25%;
}
.elementor-element-63a3383 .bdt-ep-advanced-icon-box-icon {
display: inline-block;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-f4b5402 {
width: 25%;
}
.elementor-element-57f93b2 .bdt-ep-advanced-icon-box-icon {
display: inline-block;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-2e07251 {
width: 50%;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-d5c81f7 {
width: 50%;
}
div.elementor-column.elementor-col-25.elementor-inner-column.elementor-element.elementor-element-f4b5402 {
width: 50%;
}
}
@media (prefers-reduced-motion: reduce) {
div.elementor-element.elementor-element-d8e0e31.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
animation: 0s ease 0s 1 normal none running none;
}
div.elementor-element.elementor-element-4489057.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
animation: 0s ease 0s 1 normal none running none;
}
div.elementor-element.elementor-element-63a3383.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
animation: 0s ease 0s 1 normal none running none;
}
div.elementor-element.elementor-element-57f93b2.e-transform.bdt-icon-type-icon.elementor-position-top.bdt-icon-effect-none.elementor-widget.elementor-widget-bdt-advanced-icon-box.animated.fadeInDown {
animation: 0s ease 0s 1 normal none running none;
}
}
/* Yeni hizmetler */
section#portfolio .content__title {
margin-bottom: 24px;
}
section#portfolio .portfolio__container .portfolio__item {
background: #fff;
border-radius: 3px;
padding: 30px;
border: 15px solid var(--site_bg);
border-radius: 10px;
overflow: hidden;
border-bottom: 10px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--section_bg);
margin-bottom: 30px;
padding-bottom: 30px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon {
overflow: hidden;
margin-right: 25px;
width: 60px;
height: 60px;
background: var(--bg_3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
-webkit-transition: all 0.7s;
transition: all 0.7s;
position: relative;
-webkit-transition: .4s;
transition: .4s;
z-index: 0;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
-webkit-transition: .4s;
transition: .4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon i {
font-size: 23px;
margin-top: 2px;
color: var(--main_text);
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-info .portfolio__item-text {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--text_1);
margin-bottom: 1px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-info .portfolio__item-title {
font-weight: 600;
font-size: 19px;
line-height: 28px;
color: var(--main_text);
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-detail {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
}
section#portfolio .portfolio__container .portfolio__item:hover .portfolio__item-top .portfolio__item-icon:after {
height: 100%;
visibility: visible;
opacity: 1;
}
section#portfolio .portfolio__container .portfolio__item:hover .portfolio__item-top .portfolio__item-icon i {
color: var(--text_white);
}
section#portfolio.aboutusportfolio .portfolio__container .portfolio__item {
border: 15px solid var(--section_bg) !important;
}
/* These were inline style tags. Uses id+class to override almost everything */
#style-rBTog.style-rBTog {
visibility: visible;
}
#style-GvyhP.style-GvyhP {
visibility: visible;
}
section#blog {
padding: 50px 0;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-image {
border-radius: 8px 8px 0 0;
line-height: 0;
overflow: hidden;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-image img {
width: 100%;
max-height: 200px;
object-fit: cover;
border-radius: 8px 8px 0 0;
transition: .7s;
transform: scale(1);
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body {
padding: 30px;
background: #fff;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-cat span a {
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog-text {
padding: 20px 0 25px 0;
margin-bottom: 25px;
border-bottom: 1px solid #f3f5f7;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog-text p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--text_1);
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-title a {
font-weight: 600;
font-size: 17px;
line-height: 21px;
color: var(--main_text);
background-image: linear-gradient(var(--bg_2), var(--bg_2));
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 3px;
transition: background-size 0.8s;
display: initial !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-title a:hover {
background-size: 100% 3px;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-btn a {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--text_1);
position: relative;
padding-bottom: 5px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-body .blog__item-btn a:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 24px;
height: 2px;
background: var(--text_1);
-webkit-transition: all 0.7s;
transition: all 0.7s;
opacity: 0.7;
}
section#blog .blog__container .blog__item .blog__item-detail:hover .blog__item-image img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
section#blog .blog__container .blog__item .blog__item-detail:hover .blog__item-body .blog__item-btn a {
color: var(--bg_2);
}
section#blog .blog__container .blog__item .blog__item-detail:hover .blog__item-body .blog__item-btn a:after {
width: 100%;
background: var(--bg_2);
}
section#blog .blog__container .blog__container-pagi {
margin: 30px 0 0 0;
}
section#blog.blog__main .blog__container .blog__item .blog__item-detail {
margin-bottom: 40px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .sidebar__ads {
margin-bottom: 30px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .sidebar__ads .ad {
height: 285px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .sidebar__ads .ad img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .box-title {
padding: 18px 20px;
color: var(--text_white);
font-weight: 500;
font-size: 15px;
line-height: 22px;
background: var(--bg_2);
border-radius: 3px 3px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .box-title svg {
margin-right: 7px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .box-title svg path {
fill: var(--text_white);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
border-radius: 0 0 3px 3px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container {
position: relative;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--main_text);
width: 100%;
padding-left: 15px;
line-height: 47px;
border: 1px solid #F4F8FB;
border-radius: 3px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input::-webkit-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input:-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input::-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container input::placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-search .search .form-container button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
right: 5px;
border: none;
background-color: transparent;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat {
margin-bottom: 30px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .box-title {
padding: 18px 20px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 3px 3px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .box-title svg {
margin-right: 7px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .box-title svg path {
fill: var(--text_white);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features {
background-color: #fff;
padding: 25px;
border-radius: 0 0 3px 3px;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul {
overflow: hidden;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #F4F8FB;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a i {
margin-right: 10px;
font-size: 17px;
color: var(--text_1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a {
color: var(--main_text);
}
section#blog.blog__main .blog__main-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a i {
color: var(--bg_2);
}
.pagination {
text-align: center;
width: 100%;
}
.pagination .page-item {
width: 100%;
max-width: 90px;
}
.pagination .page-item .page-link {
font-size: 14px;
font-weight: 600;
color: var(--text_1);
background: var(--section_bg);
padding: 0;
line-height: 48px;
border: none !important;
outline: none;
-webkit-transition: 400ms;
transition: 400ms;
}
.pagination .page-item .page-link:hover {
background: var(--bg_2);
color: var(--text_white);
}
.pagination .page-item .page-link.active {
background-color: var(--bg_2);
color: var(--text_white);
}
.pagination .page-item .page-link:focus {
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#blog-comments {
padding-bottom: 50px;
}
.blog__sidebar-search .box-title {
padding: 18px 20px;
color: var(--text_white);
font-weight: 500;
font-size: 15px;
line-height: 22px;
background: var(--bg_2);
border-radius: 3px 3px 0 0;
}
.blog__sidebar-search .box-title svg {
margin-right: 12px;
}
.blog__sidebar-search .box-title svg path {
fill: var(--text_white);
}
.blog__sidebar-search .search {
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
border-radius: 0 0 3px 3px;
}
.blog__sidebar-search .search .form-container {
position: relative;
}
.blog__sidebar-search .search .form-container input {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--main_text);
width: 100%;
padding-left: 15px;
line-height: 47px;
border: 1px solid #F4F8FB;
border-radius: 3px;
}
.blog__sidebar-search .search .form-container input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.blog__sidebar-search .search .form-container input::-webkit-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container input:-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container input::-ms-input-placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container input::placeholder {
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: var(--text_1);
}
.blog__sidebar-search .search .form-container button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
right: 5px;
border: none;
background-color: transparent;
}
.footer--top__block {
padding-bottom: 105px;
padding-top: 60px;
}
.footer--top__block .block--wrapper {
padding: 30px 30px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: -50px;
border-radius: 5px;
position: relative;
z-index: 0;
}
.footer--top__block .block--wrapper::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.07;
border-radius: 8px;
background: var(--bg_2);
z-index: -1;
}
.footer--top__block .block--wrapper .block--content--left {
border-radius: 3px;
}
.footer--top__block .block--wrapper .block--content--left h3 {
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: var(--main_text);
margin-bottom: 7px;
}
.footer--top__block .block--wrapper .block--content--left p {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: var(--main_text);
margin-bottom: 0;
}
.footer--top__block .block--wrapper .block--content--right {
border-radius: 5px;
display: flex;
align-items: center;
}
.footer--top__block .block--wrapper .block--content--right a {
border-radius: 5px;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: var(--text_white);
min-width: 180px;
display: flex;
align-items: center;
justify-content: center;
background: var(--kutu_1_buton);
height: 60px;
}
.footer--top__block .block--wrapper .block--content--right a:not(:last-child) {
margin-right: 30px;
}
.footer--top__block .block--wrapper .block--content--right a.whatsapp {
background: var(--kutu_2_buton);
}
.text--area.padding {
margin: 50px 0;
}
.text--area .image--area {
border-radius: 14px;
overflow: hidden;
}
.text--area .image--area img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.text--area .text--content {
padding: 30px;
background: #fff;
border-radius: 8px;
}
.text--area .text--content .text--title {
font-weight: 600;
font-size: 19px;
line-height: 26px;
color: var(--main_text);
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
}
.text--area .text--content .text--title::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-bottom: 1px solid var(--text_1);
opacity: 0.04;
}
.text--area .text--content .text {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.text--area .text--content {
padding: 30px;
background: #fff;
border-radius: 5px;
}
.text--area .text--content .text--title {
font-weight: 600;
font-size: 19px;
line-height: 26px;
color: var(--main_text);
margin-bottom: 30px;
padding-bottom: 30px;
}
.text--area .text--content .text {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--text_1);
}
.breadcrumb {
margin: 0;
z-index: 0;
display: flex;
align-items: center;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.breadcrumb.blog .breadcrumb__container .breadcrumb__title {
font-size: 20px;
line-height: 29px;
}
.breadcrumb::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--section_bg);
}
.breadcrumb .breadcrumb__container {
display: flex;
align-items: center;
z-index: 1;
position: relative;
padding: 10px 0;
}
.breadcrumb .breadcrumb__container .breadcrumb__title {
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: var(--text_white);
}
.breadcrumb .breadcrumb__container ul span {
margin: 0 5px;
display: flex;
align-items: center;
margin-top: 2px;
}
.breadcrumb .breadcrumb__container ul span i {
line-height: 4px;
color: var(--main_text);
}
.breadcrumb .breadcrumb__container ul li {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: var(--main_text);
}
.breadcrumb .breadcrumb__container ul li:first-child i {
display: none;
}
.breadcrumb .breadcrumb__container ul li i {
line-height: 21px;
color: var(--text_1);
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.breadcrumb .breadcrumb__container ul li a {
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: #4b5563; /* Yeterli kontrast için var(--text_1) yerine doğrudan, test geçen koyu renk */
display: inline-flex; /* Tıklama alanının genişlemesi için */
align-items: center; /* İçeriği ortalamak için */
padding: 10px 5px; /* Üst-alt ve yanlardan tıklama mesafesi */
min-width: 44px; /* Minimum genişlik kuralı */
min-height: 44px; /* Minimum yükseklik kuralı */
}
/* Mobil Breadcrumb - Modernized */
.breadcrumb--mobile {
display: none;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
}
.breadcrumb--mobile ul {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
gap: 0;
}
.breadcrumb--mobile ul li {
display: flex;
align-items: center;
font-size: 13px;
color: #888;
}
.breadcrumb--mobile ul li i {
font-size: 16px;
color: #ccc;
margin: 0 4px;
}
.breadcrumb--mobile ul li:first-child i {
display: none;
}
.breadcrumb--mobile ul li a {
color: #4b5563; /* Yeterli kontrast için koyulaştırıldı */
text-decoration: none;
font-weight: 500;
transition: all 0.2s ease;
padding: 8px 4px;
border-radius: 4px;
line-height: normal;
}
.breadcrumb--mobile ul li a:hover,
.breadcrumb--mobile ul li a:active {
color: var(--main_color);
background: rgba(var(--main_color_rgb), 0.05);
}
.breadcrumb--mobile ul li:last-child a {
color: var(--main_color);
font-weight: 500;
}
/* Kategori ve Ana Sayfa ayrımı için */
.breadcrumb--mobile ul li a {
display: inline-block;
}
/* Mobil Title Container */
.product__box-title--mobile {
display: none;
margin-bottom: 30px;
padding: 0 15px;
}
.product__box-title--mobile .product__box-title {
margin-bottom: 0;
padding: 0;
text-align: left;
}
.product__box-title--mobile .product__box-title h1 {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: var(--main_text);
margin: 0;
text-align: left;
}
/* Mobil Breadcrumb Wrapper */
.breadcrumb--mobile-wrapper {
display: none;
margin-bottom: 40px;
padding: 0 15px;
border-top: 1px solid #f0f0f0;
padding-top: 5px;
}
.breadcrumb--mobile-wrapper .breadcrumb--mobile {
margin-top: 0;
margin-bottom: 0;
}
/* Desktop Title - Mobilde Gizle */
.product__box-title--desktop {
display: block;
}
/* Desktop Breadcrumb - Mobilde Gizle */
@media (max-width: 998px) {
.breadcrumb--desktop {
display: none !important;
}
.product__box-title--desktop {
display: none !important;
}
.product__box-title--mobile {
display: block;
}
.breadcrumb--mobile-wrapper {
display: block;
}
.breadcrumb--mobile-wrapper .breadcrumb--mobile {
display: block;
}
/* Resimden uzaklaştırma için margin */
.product__box-sidebar .product__box-sidecontent {
margin-top: 0;
}
}
/* Desktop'ta Mobil Title ve Breadcrumb'ı Gizle */
@media (min-width: 999px) {
.product__box-title--mobile {
display: none !important;
}
.breadcrumb--mobile-wrapper {
display: none !important;
}
.breadcrumb--mobile {
display: none !important;
}
}
.custom--layout {
padding: 60px 0;
}
.custom--layout.page--bayi {
padding: 50px 0 98px 0;
margin-bottom: -50px;
}
.custom--layout .custom--layout__wrapper .layout--content {
background: #fff;
display: flex;
align-items: center;
padding: 25px;
transition: all 0.3s ease-in;
border-radius: 8px;
}
.custom--layout .custom--layout__wrapper .layout--content:hover .icon::after {
height: 100%;
visibility: visible;
opacity: 1;
}
.custom--layout .custom--layout__wrapper .layout--content:hover .icon i {
color: var(--text_white);
}
/* Yorum Yap Butonu - Modernize Edildi */
.btn-yorum-yap {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 30px;
padding: 6px 16px;
font-size: 13px;
font-weight: 600;
color: #444;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
display: flex;
align-items: center;
height: 34px;
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.btn-yorum-yap i {
color: var(--main_color); /* DBS Kırmızısı */
font-size: 14px;
}
.btn-yorum-yap:hover {
background: var(--main_color);
border-color: var(--main_color);
color: #fff;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.btn-yorum-yap:hover i {
color: #fff;
}
.btn-yorum-yap--mobile {
padding: 0;
width: 38px;
height: 38px;
justify-content: center;
border-radius: 50%;
background: #fff;
border: 1px solid #eee;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
/* Sidebar Yorum Yap Butonu */
.btn-yorum-yap-sidebar {
width: 100%;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 12px 20px;
font-size: 14px;
font-weight: 600;
color: #444;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.03);
}
.btn-yorum-yap-sidebar i {
color: var(--main_color);
font-size: 16px;
}
.btn-yorum-yap-sidebar:hover {
border-color: #C41230 !important;
background: #C41230 !important;
color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(196, 18, 48, 0.2);
}
.btn-yorum-yap-sidebar:hover i {
color: #fff !important;
}
/* Basılı Tut Doğrulama Stilleri */
.btn-hold-verify {
position: relative;
width: 100%;
height: 45px;
background: #f0f0f0;
border: 2px solid #ddd;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: #555;
outline: none;
}
.btn-hold-verify .progress-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
background: rgba(40, 167, 69, 0.2);
transition: width 0.1s linear;
}
.btn-hold-verify.active {
border-color: var(--main_color);
transform: scale(0.98);
}
.btn-hold-verify.verified {
background: #e8f5e9;
border-color: #28a745;
color: #fff;
cursor: default;
}
.btn-hold-verify.verified .progress-bar {
background: #28a745;
opacity: 1;
}
.btn-hold-verify .btn-text {
position: relative;
z-index: 2;
}
.custom--layout .custom--layout__wrapper .layout--content .icon {
min-width: 80px;
height: 80px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--section_bg);
margin-right: 25px;
position: relative;
transition: all 0.3s ease-in;
z-index: 0;
overflow: hidden;
transition: 0.4s;
}
.custom--layout .custom--layout__wrapper .layout--content .icon i {
font-size: 30px;
color: var(--text_1);
transition: all 0.3s ease-in;
}
.custom--layout .custom--layout__wrapper .layout--content .icon::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
transition: 0.4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.custom--layout .custom--layout__wrapper .layout--content .text {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.custom--layout .custom--layout__wrapper .layout--content .text span {
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin-bottom: 2px;
color: var(--text_1);
transition: all 0.3s ease-in;
}
.custom--layout .custom--layout__wrapper .layout--content .text strong {
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: var(--main_text);
transition: all 0.3s ease-in;
}
section#customContent {
padding-bottom: 20px;
}
section#customContent .customContent__container .customContent__item {
margin-bottom: 30px;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FFFFFF;
border-radius: 3px;
padding: 25px 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-icon {
margin-right: 30px;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-icon i {
font-size: 40px;
color: var(--main__text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-text span.smile {
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: var(--text_1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail .customContent__item-text span {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail svg {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-left: auto;
}
section#customContent .customContent__container .customContent__item .customContent__item-detail svg path {
fill: var(--text_1);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover {
background: var(--bg_2);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover .customContent__item-icon i {
color: var(--text_white);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover .customContent__item-text span {
color: var(--text_white);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
section#customContent .customContent__container .customContent__item .customContent__item-detail:hover svg path {
fill: var(--text_white);
}
section#page__text {
padding: 10px 0;
}
section#page__text .page__text-container {
background: #ffffff;
padding: 10px;
border-radius: 3px;
}
section#page__text .page__text-container p {
color: var(--text_1);
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
section#page__text .page__text-container p b {
font-weight: 700;
}
section#bank {
position: relative;
padding: 60px 0;
z-index: 0;
}
section#bank .bank-item {
margin-bottom: 30px;
}
section#bank .bank-item .bank-container {
padding: 40px;
background-color: #fff;
border-radius: 3px;
}
section#bank .bank-item .bank-container .bank-top {
border-bottom: 1px solid #ECF9FF;
padding-bottom: 23px;
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
position: relative;
}
section#bank .bank-item .bank-container .bank-top .bank-name {
font-weight: 600;
font-size: 18px;
line-height: 22px;
margin-top: 15px;
color: var(--main_text);
}
section#bank .bank-item .bank-container .bank-top svg {
-webkit-transition: 400ms;
transition: 400ms;
}
section#bank .bank-item .bank-container .bank-bottom p {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--main_text);
}
section#bank .bank-item .bank-container .bank-bottom p b {
font-weight: 700;
}
section#bank .bank-item .bank-container .bank-bottom p button {
border: none;
background-color: var(--theme_color_btn2);
text-align: center;
vertical-align: middle;
padding: 1px 6px;
color: #fff;
}
section#bank .bank-item .bank-container .bank-bottom p button i {
color: #fff;
font-size: 14px;
}
section#bank .bank-item .bank-container .bank-bottom p button svg {
vertical-align: inherit;
}
section#bank .bank-item .bank-container .bank-bottom p:not(:last-child) {
margin-bottom: 20px;
}
section#bank .bank-item:hover span.arr svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
section#bank .bank-item:hover span.arr svg path {
fill: var(--bg_2);
}
section#counter {
padding-bottom: 50px;
}
section#counter .main-counter-list .counter-box {
background: #fff;
border-radius: 3px;
padding: 15px 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 0;
}
section#counter .main-counter-list .counter-box:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: var(--bg_2);
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 3px;
-webkit-transition: .3s;
transition: .3s;
}
section#counter .main-counter-list .counter-box .box-img {
margin-right: 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1;
}
section#counter .main-counter-list .counter-box .box-img i {
font-size: 30px;
color: var(--main_text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#counter .main-counter-list .counter-box .box-detail {
z-index: 1;
}
section#counter .main-counter-list .counter-box .box-detail .counter-title {
font-weight: 500;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#counter .main-counter-list .counter-box .box-detail p {
font-size: 12px;
line-height: 15px;
font-weight: 400;
color: var(--text_1);
margin-bottom: 2px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#counter .main-counter-list .counter-box:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
section#counter .main-counter-list .counter-box:hover .box-img i {
color: var(--text_white);
}
section#counter .main-counter-list .counter-box:hover .box-detail .counter-title,
section#counter .main-counter-list .counter-box:hover .box-detail p {
color: var(--text_white);
}
section#blog__content {
padding: 50px 0;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-image {
height: 350px;
overflow: hidden;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 3px 3px 0 0;
}
@media (max-width: 768px) {
section#blog__content .blog__content-container .blog__content-left .blog__content-image {
height: auto;
min-height: 200px;
}
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 30px;
background: var(--section_bg);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li img.admin {
width: 30px;
height: 30px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li:not(:last-child) {
margin-right: 20px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li i,
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li img {
font-size: 16px;
margin-right: 10px;
color: var(--text_1);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li span {
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: var(--text_1);
vertical-align: bottom;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li a {
font-weight: 500;
font-size: 13px;
color: var(--text_1);
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share li:not(:last-child) {
margin-right: 10px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 30px;
height: 30px;
border-radius: 2px;
background: #fff;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share li a img {
width: 100%;
height: auto;
padding: 8px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-text {
padding: 10px;
background: #fff;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-text h1,
section#blog__content .blog__content-container .blog__content-left .blog__content-text h2,
section#blog__content .blog__content-container .blog__content-left .blog__content-text h3 {
font-weight: 700;
font-size: 19px;
line-height: 28px;
color: var(--main_text);
margin-bottom: 30px;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-text p {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads {
margin-bottom: 30px;
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads .ad {
height: 285px;
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads .ad img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat {
margin-bottom: 30px;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .box-title {
padding: 18px 20px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 3px 3px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .box-title svg {
margin-right: 7px;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .box-title svg path {
fill: var(--text_white);
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features {
background-color: #fff;
padding: 25px;
border-radius: 0 0 3px 3px;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul {
overflow: hidden;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #F4F8FB;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item a i {
margin-right: 10px;
font-size: 17px;
color: var(--text_1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a {
color: var(--main_text);
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat .blog__sidebar-features ul li.category-item:hover a i {
color: var(--bg_2);
}
section#blog__content .blog__content-container .ad_hori {
display: block;
overflow: hidden;
width: 100%;
padding: 30px 0 0 0;
}
section#blog__content .blog__content-container .ad_hori a {
outline: none;
}
section#blog__content .blog__content-container .ad_hori a img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section.order-inquiry {
padding: 50px 0;
}
section.order-inquiry .order-inquiry-wrapper {
background: #fff;
border-radius: 3px;
padding: 25px;
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_top {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #F4F8FB;
font-weight: 500;
font-size: 18px;
line-height: 19px;
color: var(--main_text);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 25px;
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .o_label {
font-weight: 500;
font-size: 15px;
line-height: 17px;
color: var(--main_text);
margin-bottom: 15px;
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control {
border: 1px solid #F1F1F1;
width: 100%;
border-radius: 3px;
font-size: 15px;
height: 50px;
padding: 15px;
line-height: 19px;
color: var(--main_text);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::-webkit-input-placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control:-ms-input-placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::-ms-input-placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::placeholder {
font-size: 15px;
line-height: 16px;
color: var(--text_1);
}
section.order-inquiry .order-inquiry-wrapper .order-action-btn button {
display: block;
height: 50px;
width: 100%;
border: none;
color: #fff;
background: var(--bg_2);
font-weight: 600;
font-size: 14px;
line-height: 17px;
border-radius: 3px;
}
.orderBox .orarea {
margin-top: 50px;
border-radius: 3px;
padding: 15px;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
position: relative;
z-index: 0;
}
.orderBox .orarea::after {
content: "";
position: absolute;
background: var(--bg_2);
width: 100%;
height: 100%;
border-radius: 8px;
opacity: 0.07;
top: 0;
left: 0;
z-index: -1;
}
section#productBox {
padding: 20px 0;
}
section#productBox.portfolioPage .product__box-container .product__box-title {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #F4F8FB;
}
section#productBox.portfolioPage .product__box-container .product__box-action {
padding: 30px 0;
padding-bottom: 0;
}
section#productBox.portfolioPage .product__box-container .product__box-action a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 130px;
height: 65px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 3px;
transition: all 0.3s ease-in-out;
}
section#productBox.portfolioPage .product__box-container .product__box-action a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
}
section#productBox.portfolioPage .product__box-container .product__box-action a:hover {
background: transparent;
color: var(--text_1);
}
section#productBox.portfolioPage .product__box-container .product__box-action a:hover::after {
background: transparent;
border: 1px solid var(--text_1);
opacity: 0.04;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-view {
background: #fff;
border-radius: 3px;
}
section#productBox .product__box-container .product__box-view .product__box-title {
padding-top: 30px;
padding-left: 30px;
}
section#productBox .product__box-container .product__box-view .product__box-title h1 {
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--main_text);
}
section#productBox .product__box-container .product__box-view .product__box-amount {
padding: 25px 30px 20px 30px;
background: var(--section_bg);
margin: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li {
margin-bottom: 5px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li i {
font-size: 16px;
margin-right: 8px;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li strong {
font-weight: 500;
font-size: 15px;
line-height: 22px;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li:not(:last-child) {
margin-right: 30px;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-width: 130px;
height: 43px;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--text_white);
background: var(--bg_2);
border-radius: 3px;
transition: all 0.3s ease-in-out;
position: relative;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--text_1);
opacity: 0.04;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a:hover {
background: transparent;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action a:hover::after {
border: 1px solid var(--text_1);
opacity: 0.04;
}
section#productBox .product__box-container .product__box-view .product__box-text {
padding: 0 20px 25px 20px;
}
/* ========================================= */
/* MOBİL CİHAZLAR İÇİN GENİŞ METİN AYARI */
/* ========================================= */
@media (max-width: 767px) {
section#productBox .product__box-container .product__box-view .product__box-text {
/* Üst:0 - Sağ:8px - Alt:20px - Sol:8px */
/* Metni kenarlara neredeyse yapıştırır, maksimum genişlik sağlar */
padding: 0 1px 20px 1px !important;
}
}
section#productBox .product__box-container .product__box-view .product__box-text p {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: var(--text_1);
}
section#productBox .product__box-container .product__box-ads {
padding-top: 30px;
}
section#productBox .product__box-container .product__box-ads img {
display: block;
overflow: hidden;
width: 100%;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent {
background: #fff;
border-radius: 3px;
/* Ürün detay fotoğraf border */
padding: 0px;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide {
overflow: hidden !important;
position: relative;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide>.product__box-item:not(:first-child) {
display: none;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .slick-track {
display: block;
overflow: hidden !important;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item a {
overflow: hidden;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item.slick-slide {
overflow: hidden;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
object-fit: contain; /* Resmi kesmeden, kutuya tam sığdırır */
border-radius: 3px;
width: 100%;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide i {
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
width: 35px;
background: var(--bg_2);
color: var(--text_white);
border-radius: 50%;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide:hover i {
opacity: 1;
visibility: visible;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide i.nextarrow {
position: absolute;
right: 4px;
}
section#productBox .product__box-container .product__box-sidebar .product__box-sidecontent .product__box-sideslide i.prevarrow {
position: absolute;
left: 40px;
z-index: 1;
}
section#productBox .product__box-container .product__box-sidebar .sidebar__ads {
margin-top: 30px;
}
section#productBox .product__box-container .product__box-sidebar .sidebar__ads .ad {
text-align: center;
}
section#productBox .product__box-container .product__box-sidebar .sidebar__ads .ad img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
section#productBox .product__box-container hr {
margin: 0;
border-top: 1px solid var(--text_1);
opacity: 0.04;
margin-top: 30px;
}
section#productBox .product__box-container .product__box-features {
padding: 20px 0 0 0;
}
section#productBox .product__box-container .product__box-features ul {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
margin: 0;
list-style: none;
}
section#productBox .product__box-container .product__box-features ul li {
font-weight: 500;
font-size: 14px;
line-height: 1.5;
cursor: default;
color: var(--text_1);
padding: 11px 14px;
background: var(--bg_3);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 10px;
display: flex;
align-items: center;
gap: 10px;
transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
section#productBox .product__box-container .product__box-features ul li:hover {
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transform: translateX(3px);
}
section#productBox .product__box-container .product__box-features ul li i {
font-size: 18px;
color: var(--main_color);
flex-shrink: 0;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(var(--main_color_rgb, 59,130,246), 0.1);
border-radius: 8px;
margin-right: 0;
}
section#productBox .product__box-container .product__box-features ul li:not(:last-child) {
margin-bottom: 0;
}
section#productBox .product__box-container .product__box-features.second {
margin-top: 30px;
background: #fff;
padding: 1px;
border-radius: 3px;
}
section#productBox .product__box-container .product__box-features.second h4 {
font-weight: 600;
font-size: 18px;
line-height: 30px;
color: var(--main_text);
border-bottom: 1px solid #F4F8FB;
margin-bottom: 30px;
padding-bottom: 30px;
}
section#productBox .product__box-container .product__box-features.second ul li {
transition: all 0.3s ease-in-out;
position: relative;
z-index: 0;
}
section#productBox .product__box-container .product__box-features.second ul li::after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: var(--bg_2);
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 3px;
transition: 0.3s;
}
section#productBox .product__box-container .product__box-features.second ul li:hover::after {
visibility: visible;
opacity: 1;
width: 100%;
}
section#productBox .product__box-container .product__box-features.second ul li:hover a {
color: var(--text_white);
padding-left: 5px;
}
section#productBox .product__box-container .product__box-features.second ul li a {
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: var(--text_1);
width: 100%;
height: 100%;
}
section#productBox .product__box-container .product__box-features.second ul li a i {
transition: all 0.3s ease-in-out;
}
.slick-lightbox-slick .slick-arrow {
display: none !important;
}
section#contact-boxes {
position: relative;
padding: 50px 0 20px 0;
z-index: 0;
}
section#contact-boxes .row .box-detail {
background-color: #fff;
border-radius: 8px;
padding: 30px;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
section#contact-boxes .row .col-xl-4 {
margin-bottom: 30px;
}
section#contact-boxes .row .box-detail .bn-2 {
overflow: hidden;
width: 60px;
height: 60px;
background: var(--bg_3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
-webkit-transition: all 0.7s;
transition: all 0.7s;
position: relative;
-webkit-transition: .4s;
transition: .4s;
z-index: 0;
}
section#contact-boxes .row .box-detail .bn-2:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: var(--bg_2);
-webkit-transition: .4s;
transition: .4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
section#contact-boxes .row .box-detail .bn-2 i {
font-size: 20px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
section#contact-boxes .row .box-detail p {
padding: 30px 0 6px 0;
font-size: 14px;
line-height: 17px;
font-weight: 400;
color: var(--text_1);
}
section#contact-boxes .row .box-detail a,
section#contact-boxes .row .box-detail span {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: var(--main_text);
}
section#contact-boxes .row .box-detail svg {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
section#contact-boxes .row .box-detail:hover .bn-2:after {
height: 100%;
visibility: visible;
opacity: 1;
}
section#contact-boxes .row .box-detail:hover .bn-2 i {
color: var(--text_white);
}
section#contact-boxes .row .box-detail:hover span.arr svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
section#contact-boxes .row .box-detail:hover span.arr svg path {
fill: var(--bg_2);
}
.goog-text-highlight {
vertical-align: unset !important;
}
section#contact-form {
margin-bottom: 50px;
}
section#contact-form .contact-img {
height: 585px;
overflow: hidden;
margin: 0 auto;
}
section#contact-form .contact-img iframe,
section#contact-form .contact-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 3px;
}
section#contact-form .form {
border-radius: 3px;
}
section#contact-form .form .form-bottom .form-box {
position: relative;
margin-bottom: 30px;
}
section#contact-form .form .form-bottom .form-box input {
font-size: 15px;
line-height: 15px;
color: var(--main_text);
width: 100%;
font-size: 14px;
line-height: 70px;
padding: 0 0 0 50px;
border: none;
border-radius: 3px;
}
section#contact-form .form .form-bottom .form-box input:focus {
outline: none;
}
section#contact-form .form .form-bottom .form-box input::-webkit-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box input:-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box input::-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box input::placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box.message {
margin-bottom: 22px;
}
section#contact-form .form .form-bottom .form-box textarea {
font-size: 15px;
line-height: 15px;
width: 100%;
color: var(--main_text);
min-height: 185px;
border: none;
padding: 26px 0 0 19px;
border-radius: 3px;
}
section#contact-form .form .form-bottom .form-box textarea:focus {
outline: none;
}
section#contact-form .form .form-bottom .form-box textarea::-webkit-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box textarea:-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box textarea::-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box textarea::placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
section#contact-form .form .form-bottom .form-box button {
font-size: 17px;
line-height: 17px;
font-weight: 600;
color: #fff;
width: 100%;
border: none;
background-color: var(--bg_2);
line-height: 68px;
border-radius: 3px;
}
section#contact-form .form .form-bottom .form-box i {
position: absolute;
font-size: 20px;
color: var(--text_1);
left: 25px;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
section#contact-bottom {
padding-bottom: 20px;
}
section#contact-bottom .bottom-boxes .boxes-item {
margin-bottom: 30px;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-color: #fff;
border-radius: 3px;
padding: 0 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 0;
position: relative;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: var(--bg_2);
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 3px;
-webkit-transition: .3s;
transition: .3s;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: 500;
line-height: 22px;
color: var(--text_1);
width: 100%;
height: 72px;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail a i {
font-weight: 400;
font-size: 22px;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail svg {
color: var(--main_text);
font-size: 25px;
margin-right: 15px;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: var(--theme_color_2_hover);
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover svg {
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
section#contact-bottom .bottom-boxes .boxes-item .boxes-detail:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.siparis {
padding: 60px 0;
}
.siparis .section-title {
margin-bottom: 40px;
}
.siparis .section-title h2 {
color: var(--main_text);
border-bottom: 1px solid #F4F8FB;
padding-bottom: 30px;
margin-bottom: 30px;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
}
.siparis .section-title h2 b {
padding: 0 5px;
}
.siparis .lightbox-container {
background: #fff;
padding: 30px;
}
.siparis #product-lightbox .box-title {
background: #fff;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: var(--main_text);
padding: 0 30px 30px 0;
margin-bottom: 20px;
}
.siparis #product-lightbox .price {
background: #fff;
padding: 30px;
}
.siparis #product-lightbox .price strong {
font-size: 14px;
line-height: 17px;
color: var(--main_text);
font-weight: 400;
margin-bottom: 5px;
}
.siparis #product-lightbox .price span {
font-weight: 500;
font-size: 15px;
line-height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: var(--main_text);
}
.siparis #product-lightbox .price span:not(:last-child) {
border-bottom: 1px solid #F4F8FB;
padding-bottom: 20px;
margin-bottom: 20px;
}
.siparis #product-lightbox .price span.toplam strong {
color: var(--bg_2);
font-weight: 600;
}
.siparis #product-lightbox .price span.toplam b {
color: var(--bg_2);
font-weight: 600;
display: flex;
align-items: center;
}
.siparis #product-lightbox .price span.toplam b b {
margin-right: 3px;
}
.siparis #selector {
position: relative;
margin: 0;
}
.siparis #selector .bootstrap-select {
width: 100%;
}
.siparis #selector .form-control {
border-radius: 16px;
background: transparent;
}
.siparis #selector .form-control:hover {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.siparis #selector .dropdown-toggle {
padding: 18px 20px;
background: #fff;
border-radius: 16px;
border: 1px solid #ECF9FF;
}
.siparis #selector .dropdown-toggle:hover {
background: #fff;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.siparis #selector .dropdown-toggle:focus {
outline: none;
outline: none !important;
outline-offset: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.siparis #selector .dropdown-toggle:after {
display: none;
}
.siparis #selector .dropdown-toggle .filter-option-inner-inner {
font-size: 15px;
line-height: 15px;
font-weight: 400;
color: var(--text_1);
}
.siparis #selector .dropdown-menu {
border: none;
border-radius: 16px;
min-width: 96.5%;
}
.siparis #selector .dropdown-menu .dropdown-item {
color: var(--main_text);
}
.siparis #selector .dropdown-menu .dropdown-item.active {
background: transparent;
color: var(--main_text);
}
.siparis #selector .dropdown-menu .dropdown-item:active {
background: transparent;
}
.siparis #selector .dropdown-menu .dropdown-item:focus {
background: transparent;
}
.siparis #selector i {
position: absolute;
right: 20px;
top: 50%;
color: var(--text_1);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.siparis .form {
border-radius: 3px;
}
.siparis .form .form-bottom .form-box {
position: relative;
margin-bottom: 30px;
}
.siparis .form .form-bottom .form-box input {
font-size: 15px;
line-height: 15px;
color: var(--main_text);
width: 100%;
font-size: 14px;
line-height: 50px;
padding: 0 0 0 20px;
border: 1px solid #ECF9FF;
margin-bottom: 30px;
border-radius: 3px;
}
.siparis .form .form-bottom .form-box input:focus {
outline: none;
}
.siparis .form .form-bottom .form-box input::-webkit-input-placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box input:-ms-input-placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box input::-ms-input-placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box input::placeholder {
font-size: 14px;
line-height: 17px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box button {
font-size: 17px;
line-height: 17px;
font-weight: 600;
color: #fff;
width: 100%;
border: none;
background-color: var(--bg_2);
line-height: 68px;
}
.siparis .form .form-bottom .form-box textarea {
width: 100%;
border: none;
border-radius: 3px;
font-size: 14px;
min-height: 80px;
padding: 16px 0 0 20px;
color: var(--main_text);
border: 1px solid #ECF9FF;
}
.siparis .form .form-bottom .form-box textarea:focus {
outline: none;
}
.siparis .form .form-bottom .form-box textarea::-webkit-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box textarea:-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box textarea::-ms-input-placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form .form-bottom .form-box textarea::placeholder {
font-size: 15px;
line-height: 15px;
color: var(--text_1);
}
.siparis .form #subbmit {
background: var(--bg_2);
color: var(--text_white);
border-radius: 3px;
font-weight: 600;
font-size: 17px;
line-height: 55px;
padding: 0;
border: none;
}
.siparis .form #subbmit:hover {
background: var(--bg_2);
}
.siparis .form #subbmit:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#top_alert {
padding-top: 50px;
}
#top_alert .alertt {
padding: 17px 30px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
position: relative;
z-index: 0;
}
#top_alert .alertt::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--bg_2);
opacity: 0.07;
border-radius: 8px;
z-index: -1;
}
#top_alert .alertt strong {
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: var(--main_text);
}
#top_alert .alertt span {
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: var(--text_1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#top_alert .alertt span strong {
margin-right: 10px;
}
#top_alert .alertt a {
font-weight: 600;
font-size: 15px;
line-height: 15px;
color: var(--text_white);
padding: 17.5px 30px;
background: var(--kutu_1_buton);
border-radius: 3px;
}
.order_follow {
padding: 30px 0 50px 0;
}
.order_follow .lightbox-container {
background-color: #fff;
padding: 30px;
border-radius: 3px;
}
.order_follow .lightbox-container .sip_item:not(:last-child) {
border-bottom: 1px solid #ECF9FF;
padding-bottom: 30px;
margin-bottom: 30px;
}
.order_follow .lightbox-container .sip_item strong {
font-size: 14px;
line-height: 17px;
font-weight: 500;
margin-bottom: 10px;
color: var(--passive_color);
}
.order_follow .lightbox-container .sip_item p {
font-size: 14px;
line-height: 20px;
color: var(--main_text);
font-weight: 400;
}
.order_follow .lightbox-container .sip_item p a {
color: var(--main_color);
}
.order_follow .lightbox-container .sip_item p a:hover {
color: var(--main_color);
}
.order_follow .lightbox-container .sip_item.product_area .product_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .product_img {
max-width: 100px;
height: 70px;
border-radius: 3px;
overflow: hidden;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .product_img img {
height: 75px;
width: 75px;
object-fit: cover;
}
.nice-select:active {
border: 1px solid #ECF9FF;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im span {
font-size: 14px;
line-height: 17px;
color: var(--main_text);
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im span.pr_text {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: var(--main_text);
margin-top: 2px;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im:not(:last-child) {
margin-right: 35px;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_info span {
padding: 14px 15px;
border-radius: 3px;
font-weight: 500;
font-size: 11px;
line-height: 13px;
cursor: pointer;
}
.order_follow .price {
padding: 30px !important;
background-color: #fff;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .price strong {
font-size: 14px;
line-height: 17px;
color: var(--passive_color);
font-weight: 400;
margin-bottom: 5px;
}
.order_follow .price span {
font-weight: 500;
font-size: 15px;
line-height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
color: var(--main_text);
}
.order_follow .price span:not(:last-child) {
border-bottom: 1px solid #ECF9FF;
padding-bottom: 20px;
margin-bottom: 20px;
}
.order_follow .price span.toplam strong {
color: var(--bg_2);
font-weight: 600;
}
.order_follow .price span.toplam b {
color: var(--bg_2);
}
.order_follow .price .payment a {
color: var(--bg_2);
}
.odeme_bildir {
display: block;
width: 100%;
height: 100%;
line-height: 60px;
border: none;
background: var(--bg_2);
color: var(--text_white);
border-radius: 3px;
font-weight: 500;
font-size: 18px;
}
.odeme_bildirbtn {
background: var(--main_color) !important;
}
.badge-basarilibg {
background: rgba(40, 167, 69, 0.15);
color: #28A745;
}
.badge-hazirlaniyorbg {
background: rgba(23, 162, 184, 0.15);
color: #17A2B8;
}
.badge-odemebekbg {
background: rgba(52, 152, 177, 0.15);
color: #3498B1;
}
.badge-iptalbg {
background: rgba(255, 70, 92, 0.15);
color: #FF465C;
}
.badge-teslimbg {
background: rgba(4, 53, 156, 0.15);
color: #04359C;
}
.badge-kargobg {
background: rgba(131, 182, 143, 0.15);
color: #83B68F;
}
.badge-kontrolbg {
background: rgba(26, 119, 134, 0.15);
color: #1A7786;
}
.badge-stokyokbg {
background: rgba(0, 2, 25, 0.15);
color: #000219;
}
#odeme-bildirimi h3,
#odeme-bildirimi i,
#odeme-bildirimi label {
color: var(--text_1);
}
#odeme-bildirimi h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#odeme-bildirimi h3 i {
margin-right: 5px;
}
#odeme-bildirimi input:focus,
#odeme-bildirimi input:active,
#odeme-bildirimi textarea:focus,
#odeme-bildirimi textarea:active,
#odeme-bildirimi select:focus,
#odeme-bildirimi select:active {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#odeme-bildirimi .modal-content {
border: none;
}
#odeme-bildirimi .modal-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#odeme-bildirimi input[type="submit"] {
background: var(--bg_2);
border-color: var(--bg_2);
width: 100%;
}
#odeme-bildirimi input[type="submit"]:hover {
background: var(--bg_2);
}
.modal-header .close {
padding: 0;
margin: 0;
}
.modal-header .close span {
vertical-align: inherit;
}
section#gallerybox {
padding: 50px 0;
}
section#gallerybox .gallerybox-container .gallerybox__item {
background: #fff;
border: 10px solid var(--site_bg);
padding: 5px;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content {
background: transparent;
border: none;
border-radius: 0 0 3px 3px;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-header {
padding: 0;
border: none;
border-radius: 0;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-header .close {
text-shadow: none;
padding: 0;
margin-bottom: 15px;
color: #fff;
font-weight: 400;
margin-left: auto;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-header .close i {
font-size: 24px;
color: #fff;
}
section#gallerybox .gallerybox-container .gallerybox__item .modal-dialog .modal-content .modal-body {
padding: 0;
}
section#gallerybox .gallerybox-container .gallerybox__item .card {
background: transparent;
border: none;
overflow: hidden;
border-radius: 3px;
height: 100%;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body {
padding: 0;
height: 200px;
min-height: unset;
position: relative;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body span.hov {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--text_white);
font-size: 50px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 0;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body span.hov:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg_1);
opacity: 0.8;
z-index: -1;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-body img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer {
background: transparent;
border: none;
border-radius: 0 0 3px 3px;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer h2 {
margin-bottom: 30px;
margin-top: 0;
padding-bottom: 30px;
height: 100%;
position: relative;
font-size: 16px;
line-height: 18px;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer h2::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
border-bottom: 1px solid var(--text_1);
opacity: 0.04;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer h2 a {
font-weight: 600;
font-size: 18px;
line-height: 27px;
color: var(--main_text);
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer .actionbtn a {
display: block;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: var(--main_text);
border-radius: 8px;
transition: all 0.3s ease-in-out;
height: 50px;
position: relative;
}
section#gallerybox .gallerybox-container .gallerybox__item .card .card-footer .actionbtn a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border: 1px solid var(--text_1);
opacity: 0.04;
border-radius: 8px;
}
section#gallerybox .gallerybox-container .gallerybox__item .card:hover .card-footer .actionbtn a {
color: var(--text_white);
background: var(--bg_2);
}
section#gallerybox .gallerybox-container .gallerybox__item .card:hover .card-body span.hov {
opacity: 1;
visibility: visible;
}
.notice {
padding: 50px 0;
}
.notice .notice--content {
padding: 15px 20px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 0;
position: relative;
}
.notice .notice--content::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 8px;
background: var(--bg_2);
opacity: 0.07;
z-index: -1;
}
.notice .notice--content .notice--info {
font-weight: 500;
font-size: 17px;
line-height: 23px;
color: var(--main_text);
display: flex;
align-items: center;
}
.notice .notice--content .notice--info span {
min-width: 50px;
height: 50px;
background: var(--kutu_1_buton);
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 20px;
}
.notice .notice--content .notice--info span i {
font-size: 24px;
color: var(--text_white);
}
.notice .notice--content a {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: var(--text_white);
background: var(--kutu_1_buton);
border-radius: 3px;
padding: 13px 33px;
}
.notice .notice--content a i {
font-size: 24px;
margin-right: 10px;
}
.footer--top {
margin-bottom: -210px;
}
.footer {
padding: 250px 0 50px 0;
background: var(--breadcumb_background);
}
.footer .footer__wrapper .footer--info .info--top {
display: flex;
align-items: center;
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: var(--text_1);
margin-bottom: 25px;
padding-bottom: 25px;
max-height: 65px;
position: relative;
}
.footer .footer__wrapper .footer--info .info--top::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid var(--text_1);
opacity: 0.04;
}
.footer .footer__wrapper .footer--info .footer--info--text {
font-size: 15px;
line-height: 20px;
font-weight: 500;
color: var(--text_1);
}
.footer .footer__wrapper .footer--info .info--top img {
width: auto;
height: auto;
max-height: 40px;
}
.footer .footer__wrapper .footer--info a {
display: flex;
padding: 11px;
width: 100%;
align-items: center;
background: var(--bg_3);
border-radius: 5px;
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: var(--text_1);
}
.footer .footer__wrapper .footer--info a span {
min-width: 23px;
height: 23px;
display: flex;
align-items: center;
justify-content: center;
background: var(--introbg);
border-radius: 3px;
margin-right: 11px;
}
.footer .footer__wrapper .footer--info a span i {
font-size: 12px;
}
.footer .footer__wrapper .footer--info a:not(:last-child) {
margin-bottom: 15px;
}
.footer .footer__wrapper .links {
margin-left: 15px;
}
.footer .footer__wrapper .links .footer--links h3 {
font-weight: 600;
font-size: 17px;
line-height: 22px;
color: var(--main_text);
margin-bottom: 39px;
display: block;
}
.footer .footer__wrapper .links .footer--links ul li a {
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: var(--text_1);
}
.footer .footer__wrapper .links .footer--links ul li:not(:last-child) {
margin-bottom: 19px;
}
.footer--bottom {
background: var(--sectionbg);
padding: 20px 0;
}
.footer--bottom .footer--bottom__content {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer--bottom .footer--bottom__content .left {
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: var(--text_1);
}
.footer--bottom .footer--bottom__content .right ul {
display: flex;
align-items: center;
}
.footer--bottom .footer--bottom__content .right ul li:not(:last-child) {
margin-right: 10px;
}
.footer--bottom .footer--bottom__content .right ul li a i {
font-size: 18px;
color: var(--text_1);
}
.form--area {
padding-bottom: 50px;
}
.form--area .form--wrapper {
padding: 30px;
background: #fff;
border-radius: 3px;
}
.form--area .form--wrapper h3 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: var(--main_text);
border-bottom: 1px solid var(--section_bg);
margin-bottom: 30px;
padding-bottom: 30px;
}
.form--area .form--wrapper .form--content .form-group:not(:last-child) {
margin-bottom: 30px;
}
.form--area .form--wrapper .form--content .form-group label {
font-weight: 600;
font-size: 15px;
line-height: 19px;
color: var(--main_text);
margin-bottom: 15px;
}
.form--area .form--wrapper .form--content .form-group input {
background: var(--section_bg);
border: none;
border-radius: 3px;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: var(--text_1);
padding: 17.5px;
height: unset;
position: relative;
}
.form--area .form--wrapper .form--content .form-group input::-moz-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group input:-ms-input-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group input::placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea {
width: 100%;
background: var(--section_bg);
border: none;
min-height: 150px;
padding: 17.5px;
}
.form--area .form--wrapper .form--content .form-group textarea::-moz-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea:-ms-input-placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea::placeholder {
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group textarea:focus {
outline: none;
border: none;
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select {
width: 100%;
height: 55px;
display: flex;
align-items: center;
background: var(--section_bg);
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: var(--main_text);
border-radius: 3px;
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select span.current {
color: var(--text_1);
font-weight: 500;
font-size: 15px;
line-height: 20px;
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select ul.list {
width: 100%;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.04);
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select ul.list .option:hover {
background: var(--section_bg);
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select ul.list .option.selected {
background: var(--section_bg);
color: var(--text_1);
}
.form--area .form--wrapper .form--content .form-group .area__dropdown .nice-select::after {
border-bottom: 2px solid var(--text_1);
border-right: 2px solid var(--text_1);
height: 7px;
margin-top: -4px;
right: 15px;
top: 50%;
width: 7px;
}
.form--area .form--wrapper .form--content .form-action button {
width: 100%;
border: none;
text-align: center;
padding: 17.5px;
background: var(--bg_2);
border-radius: 3px;
color: var(--text_white);
font-weight: 500;
font-size: 18px;
line-height: 20px;
}
.cookieConsentContainer {
z-index: 999;
width: 90%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
border-radius: 5px;
text-align: center;
min-height: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 20px;
-webkit-box-shadow: 0px 4px 10px rgba(215, 222, 230, 0.3);
box-shadow: 0px 4px 10px rgba(215, 222, 230, 0.3);
border-radius: 16px;
background: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
position: fixed;
bottom: 30px;
right: 50%;
-webkit-transform: translate(50%);
transform: translate(50%);
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cookieConsentContainer .cookieCont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.cookieConsentContainer .cookieTitle a {
vertical-align: text-top;
}
.cookieConsentContainer .cookieDesc p {
font-weight: 400;
font-size: 15px;
line-height: 18px;
padding: 0 20px;
color: var(--main_text);
}
.cookieConsentContainer .cookieDesc a {
font-weight: 700;
color: var(--main_text);
text-decoration: none;
}
.cookieConsentContainer .cookieButton button {
display: inline-block;
cursor: pointer;
background: var(--site_background_secondary);
min-width: 30px;
min-height: 30px;
width: 100%;
color: #a9b5b7;
border-radius: 5px;
border: none;
}
.cookieConsentContainer.hidden {
opacity: 0;
display: none;
z-index: -99;
}
/* Modern Fixed WhatsApp Button Styles */
#fixed-whatsapp-modern {
position: fixed;
bottom: 25px;
left: 25px;
z-index: 1000;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.whatsapp-float-container {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.whatsapp-float-button {
display: flex;
align-items: center;
background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
color: white;
text-decoration: none;
border-radius: 50px;
padding: 0;
box-shadow: 0 3px 15px rgba(37, 211, 102, 0.3);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
min-width: 50px;
height: 50px;
cursor: pointer;
}
.whatsapp-float-button:hover {
transform: translateY(-2px) scale(1.05);
box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
text-decoration: none;
color: white;
}
.whatsapp-float-button:focus {
outline: 3px solid rgba(37, 211, 102, 0.3);
outline-offset: 2px;
}
.whatsapp-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
z-index: 2;
flex-shrink: 0;
}
.whatsapp-icon-wrapper i {
font-size: 24px;
transition: transform 0.3s ease;
}
.whatsapp-float-button:hover .whatsapp-icon-wrapper i {
transform: scale(1.1) rotate(5deg);
}
.whatsapp-text {
display: none;
}
/* Pulse Animation Rings */
.whatsapp-pulse-ring,
.whatsapp-pulse-ring-2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border: 2px solid rgba(37, 211, 102, 0.5);
border-radius: 50%;
animation: whatsapp-pulse 2s infinite;
z-index: 1;
}
.whatsapp-pulse-ring-2 {
animation-delay: 1s;
border-color: rgba(37, 211, 102, 0.3);
}
@keyframes whatsapp-pulse {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.8);
opacity: 0;
}
}
/* Shimmer Effect */
.whatsapp-float-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.6s;
z-index: 1;
}
.whatsapp-float-button:hover::before {
left: 100%;
}
/* Responsive Design */
@media (max-width: 768px) {
#fixed-whatsapp-modern {
bottom: 15px;
left: 15px;
}
.whatsapp-float-button {
min-width: 45px;
height: 45px;
background: rgba(37, 211, 102, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 2px 10px rgba(37, 211, 102, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.whatsapp-float-button:hover {
background: rgba(37, 211, 102, 0.95);
transform: translateY(-1px) scale(1.02);
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
}
.whatsapp-icon-wrapper {
width: 45px;
height: 45px;
}
.whatsapp-icon-wrapper i {
font-size: 20px;
}
.whatsapp-text {
display: none;
}
.whatsapp-pulse-ring,
.whatsapp-pulse-ring-2 {
width: 45px;
height: 45px;
border-width: 1.5px;
opacity: 0.6;
}
/* Mobile transparency enhancement */
.whatsapp-float-button::before {
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
}
}
@media (max-width: 480px) {
/* Text is hidden, no need for max-width adjustment */
}
/* Accessibility Improvements */
@media (prefers-reduced-motion: reduce) {
.whatsapp-float-button,
.whatsapp-icon-wrapper i,
.whatsapp-pulse-ring,
.whatsapp-pulse-ring-2,
.whatsapp-float-button::before {
animation: none;
transition: none;
}
}
/* High Contrast Mode Support */
@media (prefers-contrast: high) {
.whatsapp-float-button {
border: 2px solid #000;
background: #25D366;
}
}
/* Legacy Fixed WhatsApp - Hide Old Version */
section#fixed-whatsapp {
display: none !important;
}
.back-to-top {
visibility: hidden;
background-color: transparent; /* İçi tamamen şeffaf */
-webkit-backdrop-filter: blur(8px); /* Cam efekti */
backdrop-filter: blur(8px);
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.10);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.10);
border: 2px solid #000; /* Çerçeve Siyah */
color: #000;
width: 50px;
height: 50px;
text-align: center;
line-height: 48px; /* Optimizasyon (borderdan ötürü kayma) */
position: fixed;
bottom: 30px;
right: 30px;
z-index: 900; /* Daha üstte dursun */
cursor: pointer;
opacity: 0;
border-radius: 50px; /* Modern yuvarlak tasarım */
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.back-to-top:hover {
background-color: rgba(0, 0, 0, 0.05); /* Hover'da çok hafif siyah gölgelenme */
-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
transform: translateY(-3px) scale(1.05);
-webkit-transform: translateY(-3px) scale(1.05);
}
.back-to-top svg {
stroke: #000; /* Ok siyaha çevrildi */
fill: none;
}
.back-to-top.show {
visibility: visible;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
/* Mobil için back-to-top boyutlarını whatsapp butonuyla eşitleme */
@media (max-width: 768px) {
.back-to-top {
width: 45px;
height: 45px;
line-height: 45px;
bottom: 15px;
right: 15px;
}
.back-to-top svg {
width: 18px;
}
}
@media (min-width: 1366px) {
.container {
max-width: 1230px;
}
.header-container .navbar .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 1200px) {
.footer .footer__wrapper .links .footer--links {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 15px;
}
section#product .product__container .product__item .product__content-box .product__item-image {
width: 100%;
height: 180px;
}
section#product .product__container .product__item .product__content-box .product__item-image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
section#product .product__container .product__item .product__content-box {
flex-direction: column;
}
.group-counter .widget-counter.nth--2::after {
display: none !important;
}
.group-counter {
padding-bottom: 25px;
}
.group-counter .widget-counter {
min-width: 300px;
justify-content: left;
margin-bottom: 15px;
}
#header__top .header__container .header__right ul.icons {
display: none;
}
.container {
max-width: 95%;
}
.site-navbar .site__menu-contact a {
padding: 10px 10px;
}
.site-navbar .site__menu-contact a i {
margin-right: 0;
}
.site-navbar .site__menu-contact a span {
display: none;
}
section#blog.blog__main {
padding-top: 0;
}
section#blog .blog__container .blog__container-pagi {
margin-bottom: 30px;
}
.site-navbar {
padding: 25px 0;
}
.site-navbar .site__menu-contact {
margin-left: 0;
}
.site-navbar .site__navbar-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-navbar .site__navbar-container .site-navigation {
display: none;
}
section#hero .hero__container .hero__title {
font-size: 6.51vw;
line-height: 6vw;
}
}
@media (min-width: 1200px) {
.blog__sidebar-search {
display: none;
}
.container {
max-width: 1260px;
}
}
@media (min-width: 998px) and (max-width: 1200px) {
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 500px;
height: 500px;
}
}
@media (min-width: 768px) and (max-width: 998px) {
.footer .footer__wrapper .col-md-3 {
flex: 0 0 35%;
max-width: 35%;
}
.footer .footer__wrapper .col-md-9 {
flex: 0 0 65%;
max-width: 65%;
}
}
@media (max-width: 998px) {
section#productBox .product__box-container .product__box-features.second {
display: none;
}
section#productBox .product__box-container .product__box-features.third {
display: block !important;
}
section#productBox .product__box-container .row .product__box-sidebar {
order: 1;
}
.footer .footer__wrapper .footer--info {
margin-bottom: 30px;
}
.custom--layout {
padding-bottom: 30px;
}
.custom--layout .custom--layout__wrapper .layout--content,
.text--area .image--area {
margin-bottom: 30px;
}
.footer--top__block .block--wrapper {
flex-direction: column;
}
.footer--top__block .block--wrapper .block--content--left {
margin-bottom: 20px;
text-align: center;
}
#header__top .header__container .header__left ul li:not(:last-child) {
margin-right: 15px;
}
#header__top .header__container .header__left ul li span {
display: none;
}
.elementor-element.elementor-element-bb66fe3 .pxl-heading .pxl-heading--inner {
max-width: 100%;
margin-bottom: 15px;
}
.comment--left {
margin-bottom: 30px;
}
section#productBox .product__box-container .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
section#productBox .product__box-container .row .product__box-body {
margin-top: 30px;
}
section#productBox .product__box-container .row .product__box-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
section#productBox .product__box-container .row .product__box-sidebar .product__box-sidecontent .product__box-sideslide .product__box-item img {
width: 100%;
max-height: 350px;
}
section#productBox .product__box-container .row .product__box-sidebar .sidebar__ads .ad {
text-align: left;
margin-bottom: 30px;
}
section#about .about__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
section#about .about__container .about__container-right {
margin-bottom: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
section#about .about__container .about__container-right .about__container-right_hexa {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
section#about .about__container .about__container-left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
section#blog__content .blog__content-container .blog__sidebar .blog__sidebar-cat {
margin-top: 30px;
}
section#blog__content .blog__content-container .blog__sidebar .sticky {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section#blog__content .blog__content-container .blog__sidebar .sidebar__ads {
margin-bottom: 0;
}
}
@media (min-width: 998px) {
.sticky {
position: -webkit-sticky;
position: sticky;
top: 130px;
}
}
@media (max-width: 870px) {
section#blog__content .blog__content-container .blog__content-left .blog__content-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info .share {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.footer .footer__wrapper .links {
margin-left: 0;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-title a {
font-size: 16px;
line-height: 22px;
}
section#product .product__container .product__item .product__content-box .product__item-details {
padding: 12px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-category {
font-size: 13px;
margin-bottom: 10px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product--actions {
margin-top: 8px;
}
.group-counter {
padding-bottom: 10px;
}
.group-counter .widget-counter {
min-width: 250px;
margin-bottom: 30px;
}
.group-counter .widget-counter::after {
display: none;
}
.iteck-animated-lines span:nth-of-type(1) {
right: 5%;
}
.iteck-animated-lines span:nth-of-type(2) {
right: 19%;
}
.iteck-animated-lines span:nth-of-type(3) {
right: 34%;
}
#header__top .header__container {
justify-content: center;
}
#header__top .header__container .header__right ul li:not(:last-child) {
margin-right: 15px;
}
#header__top .header__container .header__right ul li a span {
display: none;
}
section#hero .hero__container {
max-width: 100%;
margin-bottom: 30px;
}
section#hero {
height: unset;
padding: 30px 0;
}
.site-navbar .site__menu-contact a {
padding: 10px 10px;
}
.site-navbar .site__menu-contact a i {
margin-right: 0;
}
.site-navbar .site__menu-contact a span {
display: none;
}
section#contact-form .mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
section#contact-form .contact-img {
padding-top: 30px;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper .prd_im:not(:last-child) {
margin-bottom: 10px;
}
}
@media (max-width:740px) {
.group-counter .col-xl-3 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 640px) {
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 440px;
height: 440px;
}
section#product .product__container .product__item {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 576px) {
.site-navbar .site__menu-contact .page-wrapper {
display: none;
}
}
@media (max-width: 576px) {
#show-sidebar {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.breadcrumb .breadcrumb__container ul {
flex-direction: column;
}
.breadcrumb .breadcrumb__container ul li:first-child i {
display: block;
}
.breadcrumb .breadcrumb__container ul li i {
margin-left: 0;
}
.left--title .content__title-text {
font-size: 3.47vw;
line-height: 5.20vw;
}
.left--title .content__title-title {
font-size: 2.77vw;
line-height: 5.819vw;
}
.footer--top__block .block--wrapper .block--content--right {
flex-direction: column;
}
.footer--top__block .block--wrapper .block--content--right a:not(:last-child) {
margin-bottom: 20px;
margin-right: 0;
}
#header__top .header__container {
justify-content: center;
}
#header__top .header__container .header__right .header__links li {
margin-right: 10px;
}
#header__top .header__container .header__right .header__links li:not(:last-child) {
margin-right: 10px;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-post {
flex-direction: column;
align-items: flex-start;
}
.jeg-elementor-kit.jkit-postblock.postblock-type-1 .jkit-postblock-content {
padding-left: 0;
margin-top: 20px;
}
.sticky-wrapper .site-navbar .site-logo img {
max-height: 31px;
max-width: 87px;
}
.site-navbar .site-logo img {
max-height: 31px;
max-width: 87px;
}
#header__top {
display: none;
}
.site-navbar .site__menu-contact .contactbtn {
display: none;
}
.site-navbar .site__menu-contact a {
background: transparent !important;
}
#header__top .header__container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#header__top .header__container .header__left {
display: none;
}
section#hero .hero__container .hero__top {
font-size: 16px;
}
section#hero .hero__container .hero__title {
font-size: 40px;
line-height: 44px;
}
section#hero .hero__container .hero__text {
font-size: 16px;
line-height: 25px;
}
section#hero .hero__container .hero__links {
flex-direction: column;
}
section#hero .hero__container .hero__links a,
section#hero .hero__container .hero__links a.hero__about-link {
max-width: 100%;
}
section#hero .hero__container .hero__links a:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
section#homeContent .content__container .content__item .content__item-content .content__item-btn {
width: 100%;
}
section#homeContent .content__container .content__item .content__item-content .content__item-btn a {
width: 100%;
}
section#about .about__container .about__container-left .about__container-left_top {
font-size: 16px;
}
section#about .about__container .about__container-left .about__container-left_title {
font-size: 40px;
line-height: 44px;
}
section#about .about__container .about__container-left .about__container-left_text {
font-size: 16px;
line-height: 25px;
}
section#about .about__container .about__container-left .about__container-left_buttons a {
max-width: 100%;
}
section#about .about__container .about__container-left .about__container-left_buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section#about .about__container .about__container-left .about__container-left_buttons a.btn__one {
margin-bottom: 20px;
margin-right: 0;
}
.footer .footer_bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
section#productBox .product__box-container .product__box-view .product__box-amount {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section#productBox .product__box-container .product__box-view .product__box-amount .product__box-action {
width: 100%;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul {
margin-bottom: 15px;
}
section#productBox .product__box-container .product__box-view .product__box-amount ul li:not(:last-child) {
margin-bottom: 15px;
}
section#projects .projects__container .projects__item .projects__details {
padding: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
section#projects .projects__container .projects__item .projects__details .projects__image {
margin-right: 0;
margin-bottom: 30px;
border-radius: 3px;
overflow: hidden;
}
.order_follow .lightbox-container .sip_item.product_area .product_container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.order_follow .lightbox-container .sip_item.product_area .product_container .p_wrapper {
margin-bottom: 20px;
}
section#blog .blog__container .blog__container-pagi .pagination .page-item {
max-width: 100%;
}
section#blog .blog__container .blog__item .blog__item-detail .blog__item-image img {
width: 100%;
}
section#blog__content .blog__content-container .blog__content-left .blog__content-info ul li {
margin-bottom: 15px;
}
}
@media (max-width: 470px) {
.left--title .content__title-text {
font-size: 17px;
line-height: 22px;
}
.left--title .content__title-title {
font-size: 14px;
margin-bottom: 5px;
}
.footer .footer__wrapper .links .footer--links {
flex: 0 0 100%;
max-width: 100%;
}
.map-info {
right: 15px;
margin-left: 15px;
padding: 35px 20px;
}
.footer--info--item {
font-size: 12px;
}
.map-info .bottom {
font-size: 13px;
}
.job-category-box h1 {
font-size: 17px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-title a {
font-size: 16px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product__item-category {
font-size: 13px;
line-height: 18px;
margin-bottom: 10px;
}
section#product .product__container .product__item .product__content-box .product__item-details .product--actions {
margin-top: 10px;
}
section#product .product__container .product__item .product__content-box .product__item-details {
padding: 14px;
}
section#about .about__container .about__container-right .about__container-right_hexa .about__hexa-item {
bottom: 50px;
}
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 330px;
height: 330px;
}
.comments .comments--area .swiper--item .swiper--content {
padding: 30px;
}
}
@media (max-width: 350px) {
section#about .about__container .about__container-right .about__container-right_hexa .about__hexa-item {
bottom: -7px;
}
section#about .about__container .about__container-right .about__container-right_hexa .hex {
width: 300px;
height: 300px;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
section#portfolio .portfolio__container .portfolio__item .portfolio__item-top .portfolio__item-icon {
margin-bottom: 15px;
}
}
/* Yazı Rengi Hareket Animasyonu */
@keyframes textGradientMove {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}
/* Sticky Header Performans İyileştirmesi */
.site-navbar {
position: -webkit-sticky !important; /* Safari için */
position: sticky !important;
top: 0;
z-index: 9999;
/* Eğer JS tarafından eklenen 'fixed' özellikleri çakışırsa diye !important ekledik */
}
/* JS tarafından eklenen kaydırma animasyonlarını CSS ile yönetmek daha performanslıdır */
.site-navbar {
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
/* ============================================
DETAIL.PHP STYLES - Product Detail Page
============================================ */
/* --- CLS (LAYOUT SHIFT) OPTİMİZASYONLARI --- */
/* 1. Ana Slider Alanı İçin Yer Tutucu */
.product__box-sideslide {
aspect-ratio: 1 / 1;
display: block;
overflow: hidden;
margin-bottom: 0;
}
/* 2. Resimlerin Yer Tutucusu */
.product__box-img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1 / 1;
border-radius: 8px;
display: block;
}
/* CSS Overlay Styles */
.product__box-item,
.product__item-image {
position: relative;
overflow: hidden;
}
.product-overlay {
position: absolute;
top: 10px;
left: 10px;
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
z-index: 10;
opacity: 1;
transform: translateY(0);
transition: all 0.3s ease;
pointer-events: none;
}
/* Lightbox içindeki resimler için overlay */
.lb-overlay {
position: fixed !important;
top: 30px !important;
left: 30px !important;
background: rgba(0, 0, 0, 0.9) !important;
color: white !important;
padding: 10px 20px !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 600 !important;
z-index: 999999 !important;
pointer-events: none !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
/* Google Translate çevirilerinden hariç tut */
.notranslate {
-webkit-transform: none !important;
transform: none !important;
}
/* Overlay renk varyasyonları */
.product-overlay.overlay-primary {
background: rgba(0, 123, 255, 0.9);
}
.product-overlay.overlay-success {
background: rgba(40, 167, 69, 0.9);
}
.product-overlay.overlay-warning {
background: rgba(255, 193, 7, 0.9);
color: #212529;
}
.product-overlay.overlay-danger {
background: rgba(220, 53, 69, 0.9);
}
.product-overlay.overlay-info {
background: rgba(23, 162, 184, 0.9);
}
.product-overlay.overlay-dark {
background: rgba(52, 58, 64, 0.9);
}
.product-overlay.overlay-light {
background: rgba(248, 249, 250, 0.9);
color: #212529;
}
/* Genel Stil Ayarları */
#lightbox {
display: flex;
flex-direction: column-reverse;
}
#lightbox .lb-details {
display: none;
}
.lb-data .lb-close {
margin-bottom: 15px;
}
/* WhatsApp Button Styles - Modern Design */
.whatsapp-action-card {
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.whatsapp-action-card .card-body {
padding: 1.25rem;
}
.whatsapp-action-card .card-header {
background: #f8f9fa;
border-bottom: 1px solid #dee2e6;
padding: 0.75rem 0;
}
.whatsapp-action-card .card-header h6 {
color: #000000;
font-size: 14px;
font-weight: 500;
margin: 0;
}
.whatsapp-action-card .card-header h6 i {
color: #000000;
font-size: 16px;
}
@keyframes pulse-whatsapp {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
.whatsapp-action-card .product__box-action {
padding: 0;
display: flex;
flex-direction: column;
gap: 0;
background: transparent;
}
.whatsapp-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 12px 20px;
background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
color: white;
text-decoration: none;
border-radius: 0.375rem;
font-weight: 600;
font-size: 15px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(37, 211, 102, 0.25);
width: 100%;
position: relative;
overflow: hidden;
border: none;
cursor: pointer;
}
.whatsapp-button::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.5s;
}
.whatsapp-button:hover::before {
left: 100%;
}
.whatsapp-button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
background: linear-gradient(135deg, #128C7E 0%, #25D366 100%);
}
.whatsapp-button:active {
transform: translateY(-1px);
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
}
.whatsapp-button i {
font-size: 22px;
transition: transform 0.3s ease;
}
.whatsapp-button:hover i {
transform: scale(1.1) rotate(5deg);
}
.whatsapp-button span {
letter-spacing: 0.3px;
position: relative;
z-index: 1;
}
.product__box-sidebar .product__box-action .whatsapp-button {
width: 100%;
}
.product__box-amount ul {
list-style: none;
padding: 0;
margin: 0;
}
.product__box-amount ul li {
margin-bottom: 15px;
}
.product__box-amount ul li:last-child {
margin-bottom: 0;
}
/* ---KART VE SCROLL TASARIMI --- */
.modern-card {
border: none;
border-radius: 12px;
background: #fff;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
overflow: hidden;
margin-bottom: 20px;
transition: box-shadow 0.3s ease;
min-height: 100px;
}
.modern-card:hover {
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.modern-card-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 15px 20px;
border-bottom: none;
height: 55px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
}
.modern-card-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
pointer-events: none;
}
.modern-card-header h6 {
margin: 0;
font-weight: 700;
color: #ffffff;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
position: relative;
z-index: 1;
text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.modern-card-header h6 i {
color: #ffffff;
font-size: 18px;
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
/* Popüler Ürünler Özel Header */
.product__box-features.second .modern-card-header {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.modern-list-item {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: none;
border-bottom: 1px solid #f0f0f0;
padding: 14px 18px;
display: flex;
align-items: center;
background: linear-gradient(to right, #ffffff 0%, #fafafa 100%);
text-decoration: none !important;
min-height: 80px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.modern-list-item::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
transform: scaleY(0);
transition: transform 0.3s ease;
}
.modern-list-item:hover::before {
transform: scaleY(1);
}
.modern-list-item:last-child {
border-bottom: none;
}
.modern-list-item:hover {
background: linear-gradient(to right, #f8f9ff 0%, #ffffff 100%);
transform: translateX(8px);
box-shadow: -4px 0 12px rgba(102, 126, 234, 0.15);
border-left: 3px solid transparent;
}
/* Sidebar Thumb CLS Fix - Modern Design */
.modern-thumb {
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
min-height: 60px !important;
object-fit: cover;
border-radius: 12px;
border: 2px solid #e8e8e8;
flex-shrink: 0;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
aspect-ratio: 1 / 1;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
position: relative;
overflow: hidden;
}
.modern-thumb::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 12px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
pointer-events: none;
}
.modern-list-item:hover .modern-thumb {
transform: scale(1.05);
border-color: #667eea;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}
.modern-text-wrapper {
flex-grow: 1;
margin-left: 18px;
display: flex;
flex-direction: column;
gap: 6px;
}
.modern-text {
font-size: 14px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color 0.3s ease;
position: relative;
}
.modern-view-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 600;
color: #667eea;
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
padding: 4px 8px;
border-radius: 12px;
width: fit-content;
transition: all 0.3s ease;
}
.modern-view-badge i {
font-size: 12px;
}
.modern-list-item:hover .modern-view-badge {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
color: #764ba2;
transform: scale(1.05);
}
.modern-arrow {
color: #b0b0b0;
font-size: 20px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
flex-shrink: 0;
background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.modern-list-item:hover .modern-arrow {
color: #ffffff;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
transform: translateX(4px) scale(1.1);
box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
}
.modern-list-item:hover .modern-text {
color: #667eea;
font-weight: 700;
}
/* --- Dikey Sonsuz Kaydırma - Modern Design --- */
.scroll-wrapper {
height: 350px;
overflow: hidden;
position: relative;
contain: content;
background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
}
.scroll-wrapper::before,
.scroll-wrapper::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 20px;
z-index: 10;
pointer-events: none;
}
.scroll-wrapper::before {
top: 0;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.scroll-wrapper::after {
bottom: 0;
background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.scroll-content {
animation: vertical-scroll 40s linear infinite;
will-change: transform;
}
.scroll-wrapper:hover .scroll-content {
animation-play-state: paused;
}
@keyframes vertical-scroll {
0% { transform: translateY(0); }
100% { transform: translateY(-50%); }
}
@media (max-width: 768px) {
section#productBox .product__box-sidebar {
display: flex !important;
flex-direction: column !important;
}
section#productBox .product__box-sidebar > .product__box-sidecontent {
order: -1 !important;
}
section#productBox .product__box-sidebar > .whatsapp-action-card {
order: 10 !important;
}
section#productBox .product__box-sidebar > .product__box-features.second {
order: 11 !important;
}
section#productBox .product__box-sidebar > .sidebar__ads {
order: 12 !important;
}
.whatsapp-action-card .card-body {
padding: 1rem;
}
.whatsapp-action-card .card-header h6 {
font-size: 13px;
}
.whatsapp-button {
padding: 10px 16px;
font-size: 14px;
}
.whatsapp-button i {
font-size: 18px;
}
/* Popüler Ürünler Mobil Optimizasyonu */
.modern-list-item {
padding: 12px 15px;
min-height: 70px;
}
.modern-thumb {
width: 55px !important;
height: 55px !important;
min-width: 55px !important;
min-height: 55px !important;
}
.modern-text-wrapper {
margin-left: 12px;
gap: 4px;
}
.modern-text {
font-size: 13px;
}
.modern-view-badge {
font-size: 10px;
padding: 3px 6px;
}
.modern-view-badge i {
font-size: 11px;
}
.modern-arrow {
width: 28px;
height: 28px;
font-size: 18px;
}
.modern-card-header {
padding: 12px 15px;
height: 50px;
}
.modern-card-header h6 {
font-size: 15px;
}
.scroll-wrapper {
height: 300px;
}
}
.product__box-title {
margin-bottom: 20px;
text-align: center;
}
.product__box-title h1 {
text-align: center;
}
.product__box-title-separator {
width: 100%;
height: 1px;
background-color: #e0e0e0;
margin: 20px 0;
}
.product__box-text {
margin-top: 20px;
}
/* Tom Select Arama Stilleri */
.product-search-select {
min-width: 250px;
max-width: 350px;
}
.mobile-search-wrapper .product-search-select {
min-width: 200px;
max-width: 250px;
}
.desktop-search-wrapper .product-search-select {
min-width: 280px;
max-width: 400px;
}
/* Tom Select özelleştirmeleri */
.ts-control {
border: 1px solid #ddd;
border-radius: 4px;
padding: 8px 12px;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.ts-control.focus {
border-color: #007bff;
box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}
.ts-dropdown {
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-top: 4px;
background: #fff !important;
}
.ts-dropdown .option {
padding: 10px 12px;
cursor: pointer;
background: #fff !important;
color: #333 !important;
}
.ts-dropdown .option.active {
background-color: #f9f9f9 !important;
color: #333 !important;
}
.ts-dropdown .option.selected {
background-color: #f0f0f0 !important;
color: #333 !important;
}
.ts-dropdown .option:hover {
background-color: #f9f9f9 !important;
color: #333 !important;
}
/* Arama sonuç öğeleri */
.search-result-item {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 0;
}
.search-result-image {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 4px;
flex-shrink: 0;
max-width: 50px;
max-height: 50px;
}
/* Mobile için resim boyutlarını küçült */
@media (max-width: 991px) {
.search-result-image {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
.search-result-item {
gap: 10px;
padding: 6px 0;
}
.search-result-title {
font-size: 13px;
}
.search-result-desc {
font-size: 11px;
}
}
.search-result-content {
flex: 1;
min-width: 0;
}
.search-result-title {
font-weight: 600;
font-size: 14px;
color: #333 !important;
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-result-desc {
font-size: 12px;
color: #666 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.no-results {
padding: 12px;
text-align: center;
color: #999;
font-size: 14px;
}
/* Mobile Arama İkonu */
.mobile-search-icon-wrapper {
display: flex !important;
align-items: center;
visibility: visible !important;
opacity: 1 !important;
}
.mobile-search-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: transparent;
transition: all 0.3s ease;
text-decoration: none;
}
.mobile-search-toggle:hover {
background: #f5f5f5;
}
.mobile-search-toggle i {
font-size: 20px;
color: #333;
}
/* Mobile Arama Dropdown */
.mobile-search-dropdown {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 80px;
}
.mobile-search-dropdown-content {
background: #fff;
width: 90%;
max-width: 500px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
padding: 20px;
position: relative;
}
.mobile-search-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.mobile-search-header span {
font-size: 18px;
font-weight: 600;
color: #333;
}
.mobile-search-close {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: #f5f5f5;
text-decoration: none;
transition: all 0.3s ease;
}
.mobile-search-close:hover {
background: #e0e0e0;
}
.mobile-search-close i {
font-size: 20px;
color: #333;
}
.mobile-search-dropdown .product-search-select {
width: 100%;
max-width: 100%;
}
/* Mobile için responsive */
@media (max-width: 991px) {
.mobile-search-wrapper {
display: none !important;
}
.desktop-search-wrapper {
display: none !important;
}
.mobile-search-icon-wrapper {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
}
/* iPhone ve küçük ekranlar için ekstra kontrol */
@media (max-width: 1200px) {
.mobile-search-icon-wrapper {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
}
/* Desktop için responsive */
@media (min-width: 992px) {
.mobile-search-wrapper {
display: none !important;
}
.mobile-search-icon-wrapper {
display: none !important;
}
.mobile-search-dropdown {
display: none !important;
}
.desktop-search-wrapper {
display: block !important;
}
}
/* Header içinde arama konumlandırması */
.site__menu-contact {
display: flex;
align-items: center;
gap: 15px;
}
.header__right {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
}
/* Mobil Menü İçinde Arama */
.mobile-menu-search {
padding: 15px 20px;
border-bottom: 1px solid #eee;
background: #fff;
margin-top: 10px;
}
.mobile-menu-search .product-search-select {
width: 100%;
max-width: 100%;
}
.mobile-menu-search .ts-control {
border: 1px solid #ddd;
border-radius: 6px;
padding: 10px 15px;
font-size: 14px;
background: #fff;
}
.mobile-menu-search .ts-dropdown {
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
max-height: 300px;
overflow-y: auto;
background: #fff;
}
/* Mobil menü içinde arama sonuçları */
.mobile-menu-search .search-result-item {
padding: 10px;
border-bottom: 1px solid #f0f0f0;
background: #fff !important;
}
.mobile-menu-search .search-result-item:hover {
background: #f9f9f9 !important;
}
.mobile-menu-search .search-result-item:last-child {
border-bottom: none;
}
.mobile-menu-search .search-result-image {
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
/* Arama sonuçları dropdown içindeki tüm öğeler beyaz zemin */
.mobile-menu-search .ts-dropdown .option,
.mobile-menu-search .ts-dropdown .active {
background: #fff !important;
}
.mobile-menu-search .ts-dropdown .option:hover,
.mobile-menu-search .ts-dropdown .option.active {
background: #f9f9f9 !important;
}
/* Header'daki mobil arama ikonunu gizle */
.mobile-search-icon-wrapper {
display: none !important;
}
.mobile-search-dropdown {
display: none !important;
}
/* Desktop Arama İkonu */
.desktop-search-icon-wrapper {
display: flex;
align-items: center;
}
.desktop-search-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #f8f9fa !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
text-decoration: none;
border: none !important;
}
.desktop-search-toggle:hover {
background: #fff !important;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
border: none !important;
}
.desktop-search-toggle i {
font-size: 22px;
color: #2c3e50 !important;
transition: color 0.3s ease;
}
.desktop-search-toggle:hover i {
color: #007bff !important;
}
/* .site-navbar .site__menu-contact a stillerinden bağımsız olması için */
.site-navbar .site__menu-contact .desktop-search-toggle {
background: #f8f9fa !important;
border: none !important;
}
.site-navbar .site__menu-contact .desktop-search-toggle:hover {
background: #fff !important;
border: none !important;
}
.site-navbar .site__menu-contact .desktop-search-toggle i {
color: #2c3e50 !important;
}
/* Desktop Arama Dropdown */
.desktop-search-dropdown {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 9999;
display: flex !important;
align-items: flex-start;
justify-content: center;
padding-top: 15vh;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.desktop-search-dropdown.show {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.desktop-search-dropdown-content {
background: transparent;
width: 90%;
max-width: 700px;
border-radius: 12px;
box-shadow: none;
padding: 0 20px 20px;
position: relative;
z-index: 10000;
border: none;
margin: 0 auto;
left: auto !important;
right: auto !important;
transform: translateY(-20px) scale(0.95) !important;
opacity: 0;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.desktop-search-dropdown.show .desktop-search-dropdown-content {
transform: translateY(0) scale(1) !important;
opacity: 1;
}
.desktop-search-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 0;
border-bottom: none;
}
.desktop-search-header span {
font-size: 28px;
font-weight: 700;
color: #2c3e50;
letter-spacing: -0.5px;
}
.desktop-search-close {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #f1f2f6;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.desktop-search-close:hover {
background: #e2e6ea;
transform: rotate(90deg);
}
.desktop-search-close i {
font-size: 24px;
color: #2c3e50;
}
.desktop-search-dropdown .product-search-select {
width: 100%;
max-width: 100%;
}
/* Tom Select Styling for Modal */
.desktop-search-dropdown .ts-control {
border: none !important;
border-bottom: 2px solid #e0e0e0 !important;
border-radius: 0 !important;
background: transparent !important;
padding: 15px 0 !important;
font-size: 20px !important;
box-shadow: none !important;
transition: border-color 0.3s ease;
}
.desktop-search-dropdown .ts-control:focus-within {
border-bottom-color: #007bff !important;
}
.desktop-search-dropdown .ts-control input {
font-size: 20px !important;
color: #2c3e50 !important;
}
.desktop-search-dropdown .ts-control input::placeholder {
color: #a0aab5 !important;
font-weight: 400;
}
/* Desktop arama sonuçları dropdown'u */
.desktop-search-dropdown .ts-dropdown {
background: #fff !important;
border: none !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
margin-top: 15px !important;
overflow: hidden;
}
.desktop-search-dropdown .ts-dropdown .option {
background: #fff !important;
color: #333 !important;
padding: 15px 20px !important;
border-bottom: 1px solid #f8f9fa;
transition: background-color 0.2s ease;
}
.desktop-search-dropdown .ts-dropdown .option:last-child {
border-bottom: none;
}
.desktop-search-dropdown .ts-dropdown .option.active,
.desktop-search-dropdown .ts-dropdown .option:hover {
background: #f8f9fa !important;
color: #007bff !important;
}
.desktop-search-dropdown .search-result-item {
background: transparent !important;
color: #333 !important;
}
.desktop-search-dropdown .search-result-title {
color: #2c3e50 !important;
font-weight: 600;
font-size: 16px;
margin-bottom: 4px;
}
.desktop-search-dropdown .search-result-desc {
color: #6c757d !important;
font-size: 13px;
}
/* Tüm arama sonuçları için beyaz zemin garantisi */
.ts-dropdown .search-result-item {
background: #fff !important;
}
.ts-dropdown .search-result-title {
color: #333 !important;
}
.ts-dropdown .search-result-desc {
color: #666 !important;
}
/* Desktop için eski arama wrapper'ı gizle */
.desktop-search-wrapper {
display: none !important;
}
/* Ürün Filtreleme Alanı Stilleri */
.product-filter-wrapper {
margin-bottom: 30px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.product-filter-toggle {
padding: 0;
}
.filter-toggle-btn {
width: 100%;
padding: 18px 24px;
background: #fff;
border: none;
border-bottom: 1px solid #f0f0f0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
font-size: 16px;
font-weight: 600;
color: #333;
}
.filter-toggle-btn:hover {
background: #f8f9fa;
}
.filter-toggle-btn.active .filter-arrow i {
transform: rotate(180deg);
}
.filter-toggle-btn .filter-icon {
margin-right: 12px;
font-size: 20px;
color: var(--primary-color, #007bff);
}
.filter-toggle-btn .filter-text {
flex: 1;
text-align: left;
}
.filter-toggle-btn .filter-arrow {
transition: transform 0.3s ease;
font-size: 20px;
color: #666;
}
.product-filter-content {
padding: 24px;
background: #fff;
border-top: 1px solid #f0f0f0;
}
.filter-form {
width: 100%;
}
.filter-group {
margin-bottom: 0;
}
.filter-label {
display: block;
font-weight: 600;
font-size: 14px;
color: #333;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.filter-options {
display: flex;
flex-direction: column;
gap: 8px;
}
.filter-checkbox {
display: flex;
align-items: center;
cursor: pointer;
padding: 8px 0;
transition: all 0.2s ease;
}
.filter-checkbox:hover {
color: var(--primary-color, #007bff);
}
.filter-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
margin-right: 10px;
cursor: pointer;
accent-color: var(--primary-color, #007bff);
}
.filter-checkbox span {
font-size: 14px;
color: #555;
user-select: none;
}
.filter-checkbox:hover span {
color: var(--primary-color, #007bff);
}
.filter-checkbox input[type="checkbox"]:checked + span {
color: var(--primary-color, #007bff);
font-weight: 500;
}
.filter-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #f0f0f0;
}
.filter-clear-btn {
padding: 10px 20px;
background: #6c757d;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
}
.filter-clear-btn:hover {
background: #5a6268;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.filter-result-count {
font-size: 14px;
color: #666;
font-weight: 500;
}
/* Faceted Search Styles */
.faceted-search-wrapper {
margin-bottom: 30px;
}
.faceted-search-wrapper .card {
border: 1px solid #dee2e6;
border-radius: 0.375rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.faceted-search-wrapper .card-body {
padding: 1.25rem;
}
.faceted-filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 20px;
}
.faceted-filter-group {
position: relative;
flex: 1 1 auto;
min-width: 180px;
z-index: 1;
}
.faceted-filter-btn {
width: 100%;
padding: 12px 16px;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
color: #555;
transition: all 0.3s ease;
text-align: left;
position: relative;
z-index: 1;
}
.faceted-filter-btn:hover {
border-color: var(--primary-color, #007bff);
box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}
.faceted-filter-btn.active {
border-color: var(--primary-color, #007bff);
background: rgba(0, 123, 255, 0.05);
}
.faceted-filter-label {
font-weight: 500;
color: #333;
}
.faceted-filter-selected {
color: var(--primary-color, #007bff);
font-weight: 600;
margin-left: 8px;
display: none;
}
.faceted-filter-arrow {
margin-left: auto;
transition: transform 0.3s ease;
color: #999;
}
.faceted-filter-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 4px;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 1001;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease;
transform: translateY(-10px);
}
.faceted-filter-dropdown.active {
max-height: 400px;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
overflow-y: auto;
overflow-x: hidden;
z-index: 1001;
}
.faceted-filter-options {
padding: 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.faceted-filter-option {
display: flex;
align-items: center;
padding: 10px 12px;
cursor: pointer;
border-radius: 4px;
transition: all 0.2s ease;
}
.faceted-filter-option:hover {
background: rgba(0, 123, 255, 0.05);
}
.faceted-filter-option input[type="checkbox"] {
width: 18px;
height: 18px;
margin-right: 10px;
cursor: pointer;
accent-color: var(--primary-color, #007bff);
flex-shrink: 0;
}
.faceted-filter-option span {
font-size: 14px;
color: #555;
user-select: none;
flex: 1;
}
.faceted-filter-option:hover span {
color: var(--primary-color, #007bff);
}
.faceted-filter-option input[type="checkbox"]:checked + span {
color: var(--primary-color, #007bff);
font-weight: 500;
}
.faceted-filter-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0;
padding-top: 15px;
border-top: 1px solid #dee2e6;
}
/* Ürün gizleme animasyonu */
.product__item {
transition: opacity 0.3s ease, transform 0.3s ease;
}
.product__item.filtered-out {
opacity: 0;
transform: scale(0.95);
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
}
/* ---------------------------------------------------------
Detail Sidebar: Home-like product cards + click-to-slide carousel
--------------------------------------------------------- */
section#productBox .product-strip-card.modern-card {
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
width: 100%;
display: flex;
flex-direction: column;
}
section#productBox .product-strip-card .modern-card-header {
background: #f8f9fa;
height: auto;
padding: 12px 16px;
flex-shrink: 0;
}
section#productBox .product-strip-card .modern-card-header::before {
display: none;
}
section#productBox .product-strip-card .modern-card-header h6 {
color: #000000;
text-shadow: none;
font-size: 14px;
}
section#productBox .product-strip-card .modern-card-header h6 i {
color: #000000;
filter: none;
font-size: 16px;
}
section#productBox .product-strip {
position: relative;
overflow: hidden;
padding: 0;
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
section#productBox .product-strip::before,
section#productBox .product-strip::after {
display: none;
}
section#productBox .product-strip__viewport {
overflow: hidden;
width: 100%;
flex: 1;
min-height: 0;
}
section#productBox .product-strip__track {
display: flex;
gap: 0;
width: 100%;
height: 100%;
will-change: transform;
transition: transform 0.35s ease;
}
section#productBox .product-strip__item {
flex: 0 0 100%;
width: 100%;
height: 100%;
display: flex;
align-items: stretch;
}
section#productBox .product-strip__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
width: 34px;
height: 34px;
border-radius: 50%;
border: 1px solid #dee2e6;
background: #ffffff;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
cursor: pointer;
}
section#productBox .product-strip__nav:disabled {
opacity: 0.35;
cursor: not-allowed;
}
section#productBox .product-strip__nav--prev {
left: 8px;
}
section#productBox .product-strip__nav--next {
right: 8px;
}
section#productBox .product-strip__item .product__content-box {
background: #ffffff;
border-radius: 0;
overflow: hidden;
box-shadow: none;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
flex: 1;
}
section#productBox .product-strip__item .product__item-image {
width: 100%;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
flex-shrink: 0;
}
section#productBox .product-strip__item .product__item-image img {
width: 100%;
height: 100%;
max-width: 200px;
max-height: 200px;
object-fit: contain;
transition: transform 0.3s ease;
}
section#productBox .product-strip__item .product__content-box:hover .product__item-image img {
transform: scale(1.05);
}
section#productBox .product-strip__item .product__item-details {
padding: 16px;
background: #f8f9fa;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
section#productBox .product-strip__item .product__item-title {
margin-bottom: 6px;
}
section#productBox .product-strip__item .product__item-title a {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #000000;
text-decoration: none;
display: block;
}
section#productBox .product-strip__item .product__item-category {
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}
section#productBox .product-strip__item .product__item-category a {
color: #666666;
text-decoration: none;
}
section#productBox .product-strip__item .product__item-category a:hover {
color: #333333;
text-decoration: underline;
}
section#productBox .product-strip__item .product--actions .btn {
width: 100%;
padding: 8px 12px;
font-size: 13px;
border-radius: 4px;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.faceted-search-wrapper {
margin-bottom: 20px;
}
.faceted-search-wrapper .card-body {
padding: 1rem;
}
.faceted-filters {
flex-direction: column;
gap: 10px;
}
.faceted-filter-group {
min-width: 100%;
}
.faceted-filter-btn {
padding: 14px 16px;
font-size: 15px;
}
.faceted-filter-group {
position: relative;
z-index: 1;
}
.faceted-filter-dropdown {
position: absolute;
left: 0;
right: 0;
width: 100%;
z-index: 1001;
margin-top: 4px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.faceted-filter-dropdown.active {
max-height: 300px;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
overflow-y: auto;
overflow-x: hidden;
display: block;
z-index: 1001;
}
.faceted-filter-actions {
flex-direction: column;
gap: 12px;
align-items: stretch;
}
.filter-clear-btn {
width: 100%;
}
.filter-result-count {
text-align: center;
}
.product-filter-wrapper {
margin-bottom: 20px;
}
.filter-toggle-btn {
padding: 14px 18px;
font-size: 15px;
}
.product-filter-content {
padding: 18px;
}
.filter-group {
margin-bottom: 20px;
}
.filter-label {
font-size: 13px;
margin-bottom: 10px;
}
.filter-checkbox {
padding: 6px 0;
}
.filter-checkbox span {
font-size: 13px;
}
.filter-actions {
flex-direction: column;
gap: 12px;
align-items: stretch;
}
}
@media (max-width: 576px) {
.faceted-filter-btn {
padding: 12px 14px;
font-size: 14px;
-webkit-tap-highlight-color: rgba(0, 123, 255, 0.1);
touch-action: manipulation;
}
.faceted-filter-label {
font-size: 13px;
}
.faceted-filter-dropdown {
max-height: 250px !important;
}
.faceted-filter-option {
padding: 10px 12px;
-webkit-tap-highlight-color: rgba(0, 123, 255, 0.1);
touch-action: manipulation;
}
.faceted-filter-option span {
font-size: 13px;
}
.faceted-filter-option input[type="checkbox"] {
width: 20px;
height: 20px;
margin-right: 12px;
}
.filter-toggle-btn .filter-icon {
font-size: 18px;
}
.filter-toggle-btn .filter-text {
font-size: 14px;
}
section#productBox .product-strip__item .product__item-image {
height: 180px;
}
section#productBox .product-strip__item .product__item-image img {
max-width: 180px;
max-height: 180px;
}
section#productBox .product-strip__item .product__item-details {
padding: 14px;
}
.product-filter-content {
padding: 15px;
}
}
/*# sourceMappingURL=style.css.map */
#contact-channel-choice .contact-choice-card {
width: 100%;
border: 1px solid #e9ecef;
border-radius: 12px;
background: #ffffff;
padding: 22px 18px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
#contact-channel-choice .contact-choice-card:hover {
border-color: #cfe2ff;
box-shadow: 0 10px 24px rgba(13, 110, 253, 0.10);
transform: translateY(-1px);
}
#contact-channel-choice .contact-choice-card.is-active {
border-color: rgba(13, 110, 253, 0.2);
background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
box-shadow: 0 14px 28px rgba(13, 110, 253, 0.22);
}
#contact-channel-choice .contact-choice-icon {
width: 56px;
height: 56px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
background: #f1f5ff;
color: #0d6efd;
font-size: 22px;
}
#contact-channel-choice .contact-choice-card.is-active .contact-choice-icon {
background: rgba(255, 255, 255, 0.18);
color: #ffffff;
}
#contact-channel-choice .contact-choice-title {
font-weight: 700;
font-size: 15px;
line-height: 1.25;
color: #111827;
}
#contact-channel-choice .contact-choice-subtitle {
font-weight: 500;
font-size: 13px;
color: #6b7280;
}
#contact-channel-choice .contact-choice-card.is-active .contact-choice-title,
#contact-channel-choice .contact-choice-card.is-active .contact-choice-subtitle {
color: #ffffff;
}
#contact-map .contact-map-box .contact-map-media {
height: 420px;
}
#contact-map .contact-map-box iframe,
#contact-map .contact-map-box img {
width: 100%;
height: 100%;
display: block;
}
@media (max-width: 767.98px) {
#contact-map .contact-map-box .contact-map-media {
height: 320px;
}
}
form[data-autosave-form="job"] .nice-select {
position: relative;
width: 100%;
}
form[data-autosave-form="job"] .nice-select.disabled {
pointer-events: none;
opacity: 0.7;
}
form[data-autosave-form="job"] .nice-select .current {
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 28px;
}
form[data-autosave-form="job"] .nice-select .list {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 4px);
max-height: 260px;
overflow-y: auto;
overflow-x: hidden;
z-index: 10050;
}
form[data-autosave-form="job"] .nice-select .list .option {
white-space: normal;
word-break: break-word;
}
form[data-autosave-form="partner"] .nice-select {
position: relative;
width: 100%;
}
form[data-autosave-form="partner"] .nice-select .current {
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 28px;
}
form[data-autosave-form="partner"] .nice-select .list {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 4px);
max-height: 260px;
overflow-y: auto;
overflow-x: hidden;
z-index: 10050;
}
form[data-autosave-form="job"] .card {
margin-bottom: 1.25rem;
}
form[data-autosave-form="job"] .card-body {
padding: 1.5rem;
}
form[data-autosave-form="job"] .form-label {
margin-bottom: 0.5rem;
}
/* Product Rating Breadcrumb - CLS Friendly */
.breadcrumb-rating {
height: 24px;
overflow: hidden;
font-size: 13px;
color: #6c757d;
}
.rating-stars {
color: #ffc107;
display: flex;
align-items: center;
}
.rating-score {
font-weight: 700;
color: #333;
}
.rating-divider {
color: #ddd;
margin: 0 5px;
}
.comment-slider {
position: relative;
height: 24px;
overflow: hidden;
min-width: 250px;
}
.comment-slide {
position: absolute;
top: 24px;
left: 0;
width: 100%;
opacity: 0;
transition: all 0.5s ease-in-out;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 24px;
font-style: italic;
}
.comment-slide.active {
top: 0;
opacity: 1;
}
.comment-slide.exit {
top: -24px;
opacity: 0;
}
@media (max-width: 768px) {
.breadcrumb-rating {
margin-top: 10px;
width: 100%;
justify-content: center !important;
}
.comment-slider {
min-width: unset !important;
flex: 1;
}
}
/* Modal Stilleri */
.comment-custom-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
padding: 20px;
}
.comment-custom-modal.active {
opacity: 1;
visibility: visible;
}
.comment-modal-content {
background: #fff;
width: 100%;
max-width: 500px;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
transform: translateY(20px);
transition: all 0.3s ease;
overflow: hidden;
}
.comment-custom-modal.active .comment-modal-content {
transform: translateY(0);
}
.comment-modal-header {
padding: 20px;
background: #f8f9fa;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.comment-modal-header h5 {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #333;
}
.comment-modal-body {
padding: 25px;
}
.comment-modal-body p {
font-size: 15px;
line-height: 1.6;
color: #555;
margin: 0;
font-style: italic;
}
/* Masaüstü yorum genişliğini artır */
@media (min-width: 992px) {
.comment-slider {
min-width: 450px;
}
}
/* Logo yüklenirken alt metni parlamasını engelle */
.desktop-logo, .mobile-logo {
color: transparent;
}
/* Mobil Menü Arama Alanı Şıklığı */
.mobile-menu-search {
padding: 15px 25px;
background: #fff;
border-bottom: 1px solid #f1f2f6;
}
.mobile-menu-search .ts-control {
border-radius: 50px;
border: 1px solid #e2e6ea;
padding: 12px 20px;
background: #f8f9fa;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.03);
transition: all 0.3s ease;
}
.mobile-menu-search .ts-control.focus,
.mobile-menu-search .ts-control:focus {
background: #fff;
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15), inset 0 1px 2px rgba(0,0,0,0.02);
}
.mobile-menu-search .ts-control input {
font-size: 15px;
color: #2c3e50;
}
/* Mobil Menü Arama İçi Sonuç Listesi */
.mobile-menu-search .ts-dropdown {
border-radius: 12px;
border: none;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
margin-top: 5px;
padding: 10px;
}
.mobile-menu-search .search-result-item {
padding: 10px;
display: flex;
align-items: center;
gap: 12px;
border-radius: 8px;
transition: background 0.2s;
}
.mobile-menu-search .search-result-item:hover {
background: #f8f9fa;
}
.mobile-menu-search .search-result-image {
width: 45px;
height: 45px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.mobile-menu-search .search-result-title {
font-size: 14px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 3px;
line-height: 1.3;
}
.mobile-menu-search .search-result-desc {
font-size: 12px;
color: #7f8c8d;
line-height: 1.3;
}
/* Cookie Icon Responsive Sizing */
.cookie-icon {
font-size: 26px !important;
transition: font-size 0.3s ease;
}
@media (max-width: 768px) {
.cookie-icon {
font-size: 22px !important;
}
}
/* Cloudflare/OneTrust Style Cookie Modal */
.cookie-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 999998;
opacity: 1;
transition: opacity 0.3s ease;
}
.cookie-backdrop.hidden {
opacity: 0;
pointer-events: none;
}
.cookie-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
width: 90%;
max-width: 600px;
background: #fff;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
z-index: 999999;
display: flex;
flex-direction: column;
opacity: 1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
max-height: 90vh;
}
.cookie-modal.hidden {
opacity: 0;
transform: translate(-50%, -45%) scale(0.95);
pointer-events: none;
}
.cookie-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 25px;
border-bottom: 1px solid #eee;
}
.cookie-modal-brand {
display: flex;
align-items: center;
gap: 12px;
font-size: 18px;
font-weight: 700;
color: #2c3e50;
}
.cookie-close-btn {
background: none;
border: none;
font-size: 24px;
color: #7f8c8d;
cursor: pointer;
padding: 0;
transition: color 0.2s;
}
.cookie-close-btn:hover {
color: #e74c3c;
}
.cookie-modal-body {
padding: 25px;
overflow-y: auto;
}
.cookie-modal-desc {
font-size: 14px;
color: #555;
line-height: 1.6;
margin-bottom: 25px;
text-align: center;
}
.cookie-sect-title {
font-size: 16px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 15px;
}
.cookie-accordion {
display: flex;
flex-direction: column;
gap: 10px;
}
.cookie-accordion-item {
border: 1px solid #eaedf1;
border-radius: 8px;
background: #fdfdfd;
}
.cookie-accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}
.cookie-acc-title {
font-size: 14px;
font-weight: 600;
color: #34495e;
display: flex;
align-items: center;
gap: 10px;
}
.cookie-always-active {
font-size: 13px;
font-weight: 600;
color: #007bff;
}
/* iOS Style Switch */
.cookie-switch {
position: relative;
display: inline-block;
width: 46px;
height: 24px;
margin: 0;
}
.cookie-switch input {
opacity: 0;
width: 0;
height: 0;
}
.cookie-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
}
.cookie-slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
.cookie-switch input:checked + .cookie-slider {
background-color: #2ecc71;
}
.cookie-switch input:focus + .cookie-slider {
box-shadow: 0 0 1px #2ecc71;
}
.cookie-switch input:checked + .cookie-slider:before {
transform: translateX(22px);
}
.cookie-slider.round {
border-radius: 34px;
}
.cookie-modal-footer {
display: flex;
justify-content: flex-end;
gap: 12px;
padding: 20px 25px;
background: #f8f9fa;
border-top: 1px solid #eee;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.btn-cookie-reject,
.btn-cookie-confirm,
.btn-cookie-accept {
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
border: none;
}
.btn-cookie-reject {
background: #fff;
color: #555;
border: 1px solid #ddd;
}
.btn-cookie-reject:hover {
background: #f1f2f6;
color: #e74c3c;
border-color: #e74c3c;
}
.btn-cookie-confirm {
background: #f1f2f6;
color: #2c3e50;
border: 1px solid #ddd;
}
.btn-cookie-confirm:hover {
background: #e1e5eb;
border-color: #bdc3c7;
}
.btn-cookie-accept {
background: #007bff;
color: #fff;
border: 1px solid #007bff;
}
.btn-cookie-accept:hover {
background: #0056b3;
border-color: #0056b3;
}
@media (max-width: 600px) {
.cookie-modal-footer {
flex-direction: column;
}
.btn-cookie-reject, .btn-cookie-confirm, .btn-cookie-accept {
width: 100%;
text-align: center;
}
.cookie-acc-title {
font-size: 13px;
}
}
/* Rounded Initial Cookie Banner */
.cookie-banner-rounded {
position: fixed;
bottom: 30px;
right: 30px;
width: max-content;
max-width: 400px;
background: rgba(246, 247, 250, 0.7) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
z-index: 999997;
padding: 20px 25px;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
opacity: 1;
transform: translateY(0);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
text-align: center;
}
.cookie-banner-rounded.hidden {
opacity: 0;
transform: translateY(100px);
pointer-events: none;
}
.cbr-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.cbr-desc {
font-size: 13px;
color: #64748b;
line-height: 1.5;
margin: 0;
}
.cbr-desc p {
margin: 0;
}
.cbr-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
}
.cbr-btn {
padding: 8px 16px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.2px;
border: 1px solid transparent;
border-radius: 24px;
cursor: pointer;
transition: all 0.2s;
text-align: center;
white-space: nowrap;
}
.cbr-btn-manage {
background: transparent;
color: #64748b;
border-color: #e2e8f0;
}
.cbr-btn-manage:hover {
background: #f1f5f9;
}
.cbr-btn-accept {
background: #0ea5e9;
color: #fff;
border-color: #0ea5e9;
}
.cbr-btn-accept:hover {
background: #0284c7;
border-color: #0284c7;
}
.cbr-btn-decline {
background: transparent;
color: #64748b;
border-color: #e2e8f0;
}
.cbr-btn-decline:hover {
background: #f1f5f9;
}
.cbr-policy-link {
font-size: 11px;
color: #94a3b8;
text-decoration: none;
transition: all 0.2s;
margin-top: 2px;
}
.cbr-policy-link:hover {
color: #0ea5e9;
text-decoration: underline;
}
@media (max-width: 1024px) {
.cookie-banner-rounded {
bottom: 15px;
right: 15px;
left: 15px;
width: auto;
max-width: none;
border-radius: 20px;
flex-direction: column;
align-items: stretch;
padding: 20px;
gap: 15px;
transform: translateY(0);
}
.cbr-info {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.cbr-buttons {
width: 100%;
margin-top: 5px;
}
.cbr-btn {
flex: 1;
}
.cookie-banner-rounded.hidden {
transform: translateY(150%);
}
}
/* ===== Menu Badge Styles ===== */
.menu-badge {
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 1;
padding: 3px 6px;
border-radius: 20px;
margin-left: 5px;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: 0.3px;
white-space: nowrap;
}
.menu-badge-yeni {
background-color: #22c55e;
color: #fff;
}
.menu-badge-cok-yakinda {
background-color: #f97316;
color: #fff;
}
.menu-badge-guncellendi {
background-color: #3b82f6;
color: #fff;
}
.menu-disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.7;
}
.menu-coming-soon {
border: 1px dashed #f97316;
border-radius: 6px;
padding: 8px 12px;
margin: 4px 0;
background-color: rgba(249, 115, 22, 0.05);
position: relative;
}
.menu-coming-soon .nav-link {
margin: 0;
padding: 0;
}
/* ================================================================ */
/* FOOTER BOTTOM — GENEL STİLLER (desktop + mobil ortak) */
/* ================================================================ */
/* Bağlantı satırı: Çerez + AI Data */
.footer-links-row {
display: inline-flex;
align-items: center;
gap: 18px;
}
.footer-links-row .cookie-prefs-link {
display: inline-flex;
align-items: center;
gap: 5px;
cursor: pointer;
font-size: 13px;
color: inherit;
opacity: 0.75;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.2s;
margin-left: 0;
}
.footer-links-row .cookie-prefs-link:hover {
opacity: 1;
}
.footer-ai-link {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 13px;
color: inherit;
opacity: 0.75;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.2s;
}
.footer-ai-link:hover {
opacity: 1;
color: inherit;
}
/* Meta satırı: Versiyon + Copyright */
.footer-meta-row {
display: inline-flex;
align-items: center;
gap: 10px;
margin-left: 20px;
}
.footer-meta-row .site-version-text {
font-size: 12px;
opacity: 0.45;
}
.footer-meta-row .footer-copyright {
font-size: 13px;
opacity: 0.7;
}
/* ================================================================ */
/* FOOTER BOTTOM — MOBİL (767px ve altı) */
/* ================================================================ */
@media (max-width: 767px) {
/* Genel container: alt alta, ortalı */
.footer--bottom {
padding: 28px 0 60px; /* alt: WhatsApp butonuna çakışmayı önler */
}
.footer--bottom .footer--bottom__content {
flex-direction: column;
align-items: center;
gap: 0;
}
/* Sosyal medya: üst satır */
.footer--bottom .footer--bottom__content .right {
order: 1;
width: 100%;
display: flex;
justify-content: center;
padding-bottom: 20px;
}
.footer--bottom .footer--bottom__content .right ul {
border-bottom: 1px solid rgba(128,128,128,0.2);
padding-bottom: 20px;
padding-left: 0;
width: 100%;
justify-content: center;
}
/* Sol alan: alt satırlar */
.footer--bottom .footer--bottom__content .left {
order: 2;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
padding-top: 20px;
text-align: center;
font-size: 13px;
}
/* Çerez + AI Data satırı */
.footer-links-row {
display: flex;
justify-content: center;
gap: 24px;
width: 100%;
padding-bottom: 14px;
}
/* Versiyon + Copyright satırı */
.footer-meta-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
margin-left: 0;
padding-top: 14px;
border-top: 1px solid currentColor;
opacity: 0.55;
width: 100%;
}
.footer-meta-row .site-version-text {
font-size: 11px;
opacity: 1;
}
.footer-meta-row .footer-copyright {
font-size: 12px;
opacity: 1;
}
/* Footer link sütunları: tam genişlik */
.footer .footer__wrapper .links .footer--links {
flex: 0 0 100%;
max-width: 100%;
}
}