/*
	Theme Name:	Xtra Child
	Theme URI:	http://themeforest.net/user/Codevz/portfolio
	Description:Sample child theme of Xtra theme for customization.
	Author:		Codevz
	Author URI:	http://themeforest.net/user/Codevz
	Template:	xtra
	Version:	1.0
*/












/* header  */
li.g1-drop{list-style:none !important}
li:maker.g1-drop{list-style:none !important}
.cz_overlay {
  background-color: rgba(40, 40, 40, 0.24);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: none;
  transition-property: opacity;
  transition-duration: .15s;
}

li{font-weight:300}

#menu_header_2 .cz .cz a{transition: .4s;justify-content: space-between;
  border: none !important;
  margin: 0;
  line-height: initial !important;display: flex;
  align-items: center;}

#menu_header_2 .cz .cz a{transition: .4s;justify-content: space-between;
  border: none !important;
  margin: 0;
  line-height: initial !important;display: flex;
  align-items: center;}

.logo,.sf-menu,.btn-galaxy{
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

img[data-src] {
  opacity: 1;
}
.single-post .logo_is_img img {
filter:none!important
}
.logo_is_img img {
    width: 42px;
    height: 42px;
}
#menu_header_2 .cz .cz a{transition: .4s;justify-content: space-between;
  border: none !important;
  margin: 0;
  line-height: initial !important;display: flex;
  align-items: center;}
#menu_header_2 .cz .cz a:before{
  content: "";
  width: 100%;
  height: 2px;
  background-image: linear-gradient(#e2e2e2 20%, #e2e2e2 20%);
  background-size: 0%;
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 38px;
  transition: .6s,background-position 0s;
}
#menu_header_2 .cz .cz a span::after {
  display: inline-block;
  width: 16px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 14px;
}
#menu_header_2 .cz .cz a:hover:before{
  background-size: 100%;
  background-position: left;
}
.btn-galaxy {
  height: 50px;
  padding-left: 24px;
  padding-right: 14px;
  border-radius: 28px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: linear-gradient(to right,#1b81f3 0,#1a7fef 25%,#1b83f5 50%,#c6a5f4 85%,#c6a5f4 100%);
  background-size: 200%;
  background-position: 0 0;
  color: #fff;
  transition-property: background-position;
  transition-duration: .8s;
}

.btn-galaxy:hover {
  background-position: 100% 0;
  background: linear-gradient(to right,#505155 0,#434449 25%,#34363c 50%,#2f3237 85%,#2a2b31 100%);
	
}

.btn-galaxy div{color:#fff;padding-left:14px}

.btn-galaxy span {
  width: 24px;
  height: 24px;
  position: relative;
  margin-right: .75rem;
}


.btn-galaxy span i:nth-child(1):after {
  animation: demo01 6s 4s infinite linear;
  opacity: 0;
}
.btn-galaxy span i:before, .btn-blue span i::after {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  width: calc(100% - -14px);
  height: calc(100% - -14px);
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 100%;
}
.btn-galaxy span i:nth-child(1)::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: #fff;
  box-shadow: 0 0 10px rgba(255,255,255,0.5),inset 0 0 10px rgba(255,255,255,0.5);
  border-width: 2px;
}
.btn-galaxy span i:nth-child(2)::after {
  animation: glxcircle1 6s infinite linear;
  opacity: 0;
}
.btn-galaxy span i::before,  .btn-galaxy span i::after {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  width: calc(100% - -14px);
  height: calc(100% - -14px);
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 100%;
}
.btn-galaxy span i:nth-child(2)::before {
  animation: glxcircle1 6s 2s infinite linear;
  opacity: 0;
}
.btn-galaxy span svg {
  position: absolute;
  top: -28px;
  left: -18px;
  animation: glxcircle2 15s infinite linear;
}

.btn-galaxy-svg {
    width: 58px;
    height: 74px;
}


@keyframes glxcircle1{
0% {
transform:scale(.65);
opacity:0
}

10% {
transform:scale(.75);
opacity:1
}

100% {
transform:scale(1.9);
opacity:0
}
}

@keyframes glxcircle2{
0% {
transform:none
}

25% {
transform:scale(1.2) rotate(90deg) transform(25px,30px)
}

50% {
transform:scale(1) rotate(180deg)
}

75% {
transform:scale(.9) rotate(270deg) transform(-25px,-30px)
}

100% {
transform:scale(1) rotate(360deg)
}
}

/* header  */





/* mobile header  */
.active_offcanvas .offcanvas-close {
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 6L6 18M6 6l12 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  cursor: pointer;
  top: 11px !important;
  position: relative;
  left: 7px;
}
i.offcanvas-close {
  padding: 0;
  height: 40px;
  text-align: center;
  height: 100% !important;
}
.active_offcanvas .offcanvas_area.active_offcanvas {
  transform: translateX(0);
  margin-left: 0;
}
.sidebar_offcanvas_area > .cz > a .cz_indicator {
  width: 100% !important;
  float: right;
  text-align: right;
  height: 58px !important;
  position: absolute !important;
  display: block;
  z-index: 99;
}
.sidebar_offcanvas_area li a .cz_indicator::before {
  position: unset !important;
}
.sidebar_offcanvas_area > .cz > a .cz_indicator {
  text-align: right;
}
.menu-item-description {
  width: 95%;
  float: left;
  opacity: 0.8;
  font-size: 13px;
  line-height: 18px;
  padding-top: 2px;
  font-weight: 300;
}
.offcanvas_area li a > span:first-child {
  width: 96%;
  display: block;
}
.margin-bottom {
  margin-bottom: 40px !important;
}

.whatsapp, .call{margin-bottom:12px !important;margin-left:20px !important}


.whatsapp a{
  background: #25d366 !important;
  color: #fff !important;
  border-radius: 10px;
	width:190px !important;
	text-align:center;
	padding:0 !important
}
.call a {
  background: #1c86fa !important;
  color: #fff !important;
  border-radius: 10px;
  width: 190px !important;
  text-align: center;
	padding:0 !important
}

.whatsapp a span,.call a span{font-size:15px !important;font-weight:400 !important}

.whatsapp a span:before,.call a span:before{
	display:inline-block;
	width:24px;
	height:24px;
	position:relative;
	top:6px;
	margin-right:10px;
	filter: brightness(0) invert(1);
}
.offcanvas-close:hover {
transform:none!important
}

.logo_is_img img {
    width: 42px;
    height: 42px;
}
.offcanvas_logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 16px 24px 16px;
  position: fixed;
  top: 0;
  right: 0;
  background: #ebd9ff;
}
.offcanvas_logo p{
  text-align: left;
  font-size: 19px;
  font-family: 'Ppfragment';
  font-weight: 500;
}
.offcanvas_logo a {
  display: block;
  padding: .5rem 0;
  text-decoration: none;
  width: 24%;
  margin-right: 12px;
}


.offcanvas_area li a > span:first-child {
  width: 96%;
  display: block;
}

 .active_offcanvas .offcanvas_area.active_offcanvas{
    transform: translateX(0);
    margin-left: 0;
  }
/* mobile header  */
























/* home slide  */
#slide {
  filter: contrast(100%) brightness(100%);
  background: linear-gradient(63deg, rgba(31,33,39,0.75), rgba(31,33,39,1));
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  overflow: hidden;
}
#slide .wpb_raw_html .wpb_wrapper{
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 20;
  width: 1300px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#slide .vc_col-sm-12 {
  margin-bottom: 50px;
  padding: 80px 0;
}
.slide-content{
  width: 100%;
  max-width: 46rem;
}
.slider-title {
  font-weight: 500;
  font-size: 60px;
  line-height: 80px;
  color: #fff !important;
	font-family: 'Ppfragment'
}
.slider-aciklama {
  font-weight: 300;
  line-height: 28px;
  color: #e2e2e3 !important;
  font-size: 20px;
}
.slide-buton {
  color: #fff;
  padding: 6px 40px !important;
  background: #1c86fa;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 20px !important;
  display: inline-block;
  border-radius: 100px;
}
.slide-buton:hover {
  border-radius: 0;
  color: #fff;
}
.slide-grid {
  width: 100%;
  max-width: 35rem;
  grid-column-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.bus-hero-grid-col {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}
.bus-hero-grid-item > img {
  filter: drop-shadow(-5px 12px 29px rgba(0, 0, 0, 0.25));
}
.slide-grid img {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
#slide .wpb_raw_html .wpb_wrapper {
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 20;
  width: 1300px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.slider-alt .wpb_wrapper {
  width: auto !important;
}
.slider-alt .wpb_wrapper > div {
  margin: 0 auto;
  border-radius: 8px;
  border: 2px solid rgba(256, 256, 256, .1);
  -webkit-backdrop-filter: blur(60px) brightness(100%);
  padding: 25px 32px;
}
.slider-alt .wpb_wrapper > div:hover {
  background: #434446;
}
/* home slide  */


/* whatsapp fixed  */
.wc_whatsapp_app {
  position: fixed;
  bottom: 30px;
  right: 18px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
}

.wc_whatsapp_app{
 right: 24px;
    left: auto;
}
.wc_whatsapp_app::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: #25d366;
  border-radius: 50%;
  animation: pulse-border 2s ease-out infinite;
  pointer-events: none;
}
@keyframes pulse-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}


.wc_whatsapp {
  z-index: 10;
  width: 70px;
  height: 70px;
  display: block;
  background: #25d366;
  border-radius: 100px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease;
  background-image: url(""); /* ikon boş bırakıldı */
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.wc_whatsapp:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .wc_whatsapp_app {
	  bottom: 18px;
    left: 24px;
	  right: auto;}
	.ti-position-left{left: unset !important;
  left: auto !important;
  right: 15px !important;}
  }
}


/* whatsapp fixed  */


/* blog page  */
body.blog .blog-title .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  border-radius: 0 0 8px 8px;
  padding: 90px 32px 32px 32px;
  background-repeat: no-repeat;
  background-size: cover;
}
.title {
  max-width: 960px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
body.blog .blog-title h1 {
  color: #1f1f1f;
  font-size: 32px;
}
body.blog .blog-title p {
  color: #1f1f1f;
  margin-bottom: 18px;
}
body.blog .page_content {
  margin-top: 0;
}
body.blog .blog-tags {
  margin-top: 24px;
  width: 75%;
}
body.blog .blog-tags ul {
  padding: 0;
  list-style: none;
  margin-left: 0;
  width: 100%;
  float: left;
}
body.blog .blog-tags ul li {
  font-size: 16px !important;
  font-weight: 300;
  width: max-content;
  float: left;
  background: #efefef;
  padding: 2px 12px;
  margin-right: 12px;
  border-radius: 100px;
}
body.blog .blog-tags ul li:hover {
  background: #f1efff;
}
.vc_wp_search {
  margin-bottom: 0 !important;
  width: 20%;
  float: right;
  border-bottom: solid 1px #bdbdbd;
  position: relative;
  margin-top: -5px;
}
.vc_wp_search .widget {
  margin-bottom: 0 !important;
}
.screen-reader-text {
  display: none;
}
.vc_wp_search input {
  border: none;
  border-radius: 0;
}
.search-form input {
  background: transparent;
  padding: 0 0 8px 2px !important;
  font-weight: 300;
}
.search-form .search-submit {
  font-size: 0;
  padding: 0;
}
.vc_wp_search button {
  background: transparent;
  color: #1f1f1f !important;
  border-radius: 0 12px 12px 0;
}
h2.widgettitle {
  margin-bottom: 0 !important
}
.search-form .search-submit::before {
  content: url("https://kulturdefteri.info/wp-content/uploads/2025/06/search-icon.svg") !important;
  width: 37px;
  height: 28px;
  display: block;
  margin-top: -7px;
  opacity: 0.5;
  margin-right: -6px;
}
.search-form .search-submit {
  font-size: 0;
}
.vc_wp_search button {
  color: #1f1f1f !important;
}
body.blog .sonuc-title {
  display: none;
  font-size: 26px;
}
.cz_grid_c3 .cz_grid_item {
  width: calc(100% / 3);
  display: inline-block !important;
}
.cz_grid_item img {
  width: 100%;
  transition: all .6s ease-in-out;
}
.cz_grid_1_title_sub_after .cz_grid_details_outside {
  display: flex !important;
  flex-direction: column !important;
}
body.blog .cz_grid_details a {
  order: 2 !important;
  display: block !important;
}
body.blog .cz_grid_details small {
  order: 1 !important;
  display: block !important;
}
.row small {
  line-height: 22px;
}
body.blog .cz_grid_item > div:hover {
  box-shadow: none;
  background: transparent !important;
}
.cz_grid_item > div:hover {
  transform: scale(1.05);
  transform: scale(1.05);
}
body.blog .cz_grid_details a {
  order: 2 !important;
  display: block !important;
}
.cz_post_data a{
  background: #efefef;
  border-radius: 100px;
  padding: 4px 17px;
  font-weight: 400;
  color:#1f1f1f;
}

.cz_data_custom_text {
  opacity: 0.6;
  float: left;
  margin-top: 4px;
  margin-left: 10px;
}
body.blog .cz_grid_details a {
  order: 2 !important;
  display: block !important;
}
.cz_data_date {
  float: left;
}

/* blog page  */



/* blog detay  */
.ti-widget[data-layout-id="74"][data-set-id="default"] .ti-sticky-button .ti-sticky-button-header .ti-verified-title {
  font-weight: 500 !important;
}
::-moz-selection,::selection{ 
  color: #1f1f1f;
  background: #f0e0eb
}
code, tt {
  background: transparent !important
}
.code-block-container {
  position: relative;
}
.wp-block-code {
  background: rgb(31, 33, 39);
  border-radius: 8px;
  padding: 20px;
  display: block;
}
.wp-block-code code {
  color: #c2e3fb;
}
.copy-code-button {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #c2e3fb;
  color: #1f1f1f;
  border: none;
  padding: 2px 10px 6px 10px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-weight: 400;
}
.copy-code-button:hover {
  background: #d7cdf7;
}
.wp-post-image {
  border-radius: 12px;
}
.single-post .page_content {
  margin: 100px 0 32px 0;
}
.single-post .page_content .row.clr {
  display: block;
  width: 1280px;
}

.single-post .call-to-action {
  background-image: url('https://kulturdefteri.info/wp-content/uploads/2025/06/blog-title-bg.svg');
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 14px 28px;
}

.single-post .call-to-action h2 {
  font-size: 26px !important;
  line-height: 36px !important;
  margin-top: 16px !important;
}

.single-post .call-to-action a{
  color: #1f1f1f !important;
  font-weight: 500;
  font-size: 17px;
  margin-top: 10px !important;
  display: block;
}

.single-post .call-to-action a:after{
	content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy45LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjUgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9DQo8L3N0eWxlPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMTAiIHgyPSIyNSIgeTI9IjEwIj4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTgxNjRDO3N0b3Atb3BhY2l0eTowIi8+DQoJPHN0b3AgIG9mZnNldD0iMC41NDE5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTgxNjRDIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzE4MTY0QyIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuOWMxLjYsMCwzLjIsMC4xLDQuOCwwLjFjNCwwLDgsMCwxMS45LDBjMC4zLDAsMC42LDAsMS4xLDBjLTEuOS0xLjktMy43LTMuNy01LjUtNS41DQoJQzEzLjIsMS42LDE0LDAuOCwxNC45LDBjMy40LDMuMyw2LjcsNi43LDEwLjEsMTAuMWMtMy4xLDMuMS02LjUsNi41LTkuOSw5LjljLTEtMS0xLjktMi0yLjktM2MxLjgtMS43LDMuNi0zLjQsNS42LTUuMg0KCWMtNiwwLTExLjksMC0xNy44LDBDMCwxMC41LDAsOS4yLDAsNy45eiIvPg0KPC9zdmc+DQo=");
  width: 25px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  margin-left: 10px;
  top: 4px;
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: right 0.4s;
  right: 0;
	color: #1f1f1f !important;
}


.sidebar_inner .widget h4, .sidebar_inner .clr h4 {
  font-family: Ppfragment,sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(133, 141, 150, 0.55) !important;
}
.toc_widget ul {
  list-style: none !important;
  margin: 0;
  max-width: 95%;
}
.toc_widget_list li {
  line-height: 22px;
  margin-bottom: 12px;
}

.toc_widget_list li a {
  font-size: 13px;
  color: #646a72;
  font-weight: 400;
}
.icerik-harita-list li a {
  font-size: 13px;
  color: #646a72;
  font-weight: 400;
}
.icerik-harita-list li{
  line-height: 22px;
  margin-bottom: 12px;
}
.icerik-harita-list{
  list-style: none !important;
  margin: 0;
  max-width: 95%;
}

.sidebar_inner .icerik-widget-title{
    font-family: Ppfragment,sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(133, 141, 150, 0.55) !important;
}

.social-sharing-buttons a {
  flex: 0 0 calc(33% - 5px);
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
  padding: 0 2px;
}
.social-sharing-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin: 10px;
  position: relative;
  padding-bottom: 40px;
}
.social-sharing-buttons a {
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.social-sharing-buttons a:hover, .socials ul a:hover {
  transform: translateY(-10%);
}
.social-sharing-buttons a:hover {
  color: #fff;
  opacity: 0.8;
}
.title-container {
  margin-bottom: 42px;
}
.title-container .post-date {
  margin-right: 20px;
}
.title-container .post-date, .title-container .estimated-reading-time {
  float: left;
  color: #8a8a8a;
  font-size: 15px;
}
.title-container > .rank-math-breadcrumb {
  width: 100%;
  float: left;
  margin-top: 0px;
  margin-bottom: 10px;
}
.single-post .post p {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 20px;
}
.single-post .post a {
  color: #1c86fa;
  font-weight: 300;
}
.single-post .post a:hover {
  text-decoration: underline;
  color: #ff642c;
}
.rank-math-breadcrumb span, .rank-math-breadcrumb a {
  font-size: 15px;
  color: #1f1f1f !important;
}
.side-right {
  background-image: url('https://kulturdefteri.info/wp-content/uploads/2025/06/blog-title-bg.svg');
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
}
.side-right h3 {
  font-size: 22px;
  line-height: 29px;
  padding: 30px 20px 8px 24px;
}
strong, big {
  font-weight: 500 !important
}
.side-detail {
  border-bottom: 1px dashed #1f1f1f;
  padding: 12px 8px 24px 8px;
  margin-left: 23px;
  margin-right: 23px;
}
.side-detail ul {
  margin-left: 8px;
}
.side-detail ul li {
  font-size: 18px;
}
.side-btn {
  padding: 22px 14px 33px 22px;
}
.card-button {
  color: #1f1f1f;
  z-index: 2;
  font-weight: 500;
  font-size: 17px;
  margin-top: 10px !important;
  display: block;
}

.card-button::after, .cz_readmore::after, .features2 a::after {
  width: 25px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  margin-left: 10px;
  top: 4px;
  position: relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: right 0.4s;
  right: 0;
}
.card-button:hover {
  color: #1f1f1f;
}
.card-button:hover::after, .cz_readmore:hover::after, .features2 a:hover::after {
  right: -4px;
}



.dark-feature-box {
  background: #2b2b2b;
  padding: 100px 60px 100px 60px;
}

.dark-feature-box  .vc_col-sm-6 .wpb_text_column{margin-bottom:46px}


.dark-feature-box h2 {
  font-family: 'Ppfragment';
  color: #f1f1f1;
  font-size: 42px;
  padding-bottom: 40px;
}

.dark-feature-box .wpb_wrapper h3{
  color: #f1f1f1;
  font-size: 24px;
  padding-bottom: 12px;
  font-weight:400;
  margin-bottom:0 !important
}

.dark-feature-box p {
  color: #b1b7be;
  font-size: 18px;
  font-weight: 400;
}

.dark-feature-box p a {
  color: #b1b7be;
  text-decoration: underline;
}





#toc_container {
  margin-left: 0;
  background-color: #cde5ff;
  border-radius: 15px;
  padding: 38px 32px 22px 42px;
  box-shadow: -8px 8px 0px #a2cbf7;
  margin-bottom: 30px;
  margin-top: 30px;
}
#toc_container ul {
  margin-left: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
}
.single-post .cz_post_content ul:first-of-type,.single-post .cz_post_content ul:nth-of-type(4),.single-post .cz_post_content ul:nth-of-type(7),.single-post .cz_post_content ul:nth-of-type(10),.single-post .cz_post_content ul:nth-of-type(13),.single-post .cz_post_content ul:nth-of-type(16){
  margin-left: 0;
  background-color: #f8ddfd;
  border-radius: 15px;
  padding: 38px 32px 22px 42px;
  box-shadow: -8px 8px 0px #e4b7ec;
  margin-bottom: 30px;
  margin-top: 30px;
}

.single-post .cz_post_content ul:nth-of-type(2),.single-post .cz_post_content ul:nth-of-type(5),.single-post .cz_post_content ul:nth-of-type(8),.single-post .cz_post_content ul:nth-of-type(11),.single-post .cz_post_content ul:nth-of-type(14),.single-post .cz_post_content ul:nth-of-type(17){
  margin-left: 0;
  background-color: #c2e3fb;
  border-radius: 15px;
  padding: 38px 32px 22px 42px;
  box-shadow: -8px 8px 0px #8dc3ea;
  margin-bottom: 30px;
  margin-top: 30px;
}
.single-post .cz_post_content ul:nth-of-type(3),.single-post .cz_post_content ul:nth-of-type(6),.single-post .cz_post_content ul:nth-of-type(9),.single-post .cz_post_content ul:nth-of-type(12),.single-post .cz_post_content ul:nth-of-type(15),.single-post .cz_post_content ul:nth-of-type(18){
  margin-left: 0;
  background-color: #efefef;
  border-radius: 15px;
  padding: 38px 32px 22px 42px;
  box-shadow: -8px 8px 0px #d0cbcb;
  margin-bottom: 30px;
  margin-top: 30px;
}
.single-post .post ul {
  font-size: 20px;
  line-height: 34px;
}
#toc_container ul li {
  margin-bottom: 6px;
}
.single-post .post ul li {
  margin-bottom: 20px;
}
#toc_container ul li::marker {
  color: #1c86fa;
}

#toc_container ul li a {
  font-size: 18px;
  font-weight: 500 !important;
	color:#1f1f1f !important
}

.single-post figure img {
  border-radius: 8px;
}
.single-post .post figure {
  margin-top: 24px;
}
.single-post .post h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 16px !important;
  margin-top: 54px;
}
.single-post table {
  text-align: left !important;
  font-size: 17px;
  line-height: 26px;
  font-weight: 300;
}
.single-post .post h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 16px !important;
  margin-top: 54px;
}
.rank-math-list-item {
  margin-bottom: 24px;
  padding: 0 0 24px 0;
  border-bottom: solid 1px #1f21274d;
}
.single-post .post h3 {
  font-size: 26px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 16px !important;
  margin-top: 42px;
	text-align:left
}
.rank-math-list-item h3 {
  font-size: 22px !important;
  margin-top: 0 !important;
}
.content.cz_author_box > h4{display:none !important}
.cz_author_box .clr{display:none !important}

.abone-ol {
  background: #ebd9ff;
  padding: 42px;
  border-radius: 12px;
  text-align: center;
}
.abone-ol h3 {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
  font-family: 'Ppfragment';
}
.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}
.abone-ol form {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  border: solid 1px #1f1f1f;
  border-radius: 100px;
  height: 50px;
  margin-top: 26px;
}
.abone-ol .abone-send {
  transition: transform .2s;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 5px;
  transform: translateY(-42%);
}
.abone-ol input {
  background: transparent;
    background-color: transparent;
  border: none;
  line-height: 26px;
  padding-left: 24px;
}
.abone-ol .abone-send input {
  background-color: #fff;
  color: #4e4e4e;
  border-radius: 100px;
  height: 44px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.abone-ol .abone-send input:hover {
  transform: translateY(-10%);
}
.cz_related_post {
  margin-bottom: 20px;
}
.cz_related_posts .cz_related_post > div a {
  color: #1f1f1f;
}
.cz_related_post .cz_post_image {
  width: 100%;
  margin: 0 0 20px;
  float: none;
}
article .cz_post_icon {
  background: transparent !important;
}
.cz_related_posts .cz_related_post > div a {
  color: #1f1f1f;
}
.cz_related_posts article > div:hover {
  transform: scale(1.05);
  transform: scale(1.05);
}
article:hover .cz_post_image > img {
  opacity: 1 !important;
  background: transparent !important;
}
article:hover .cz_post_image{
  opacity: 1 !important;
  background: transparent !important;
}
.single-post .cz_related_posts .cz_post_image img {
  width: 280px;
  height: 142px;
  object-fit: cover;
  object-position: center;
}

.single-post .cz_related_posts .cz_post_image img{
  width: 280px;
  height: 120px;
  object-fit: cover;
  object-position: center;
}
.single-post .wp-caption-text {
  display: none;
}
.wp-block-media-text.alignwide {
  background: #f6edfd;
  border-radius: 8px;
  position: relative;
  padding: 20px;
  margin-top: 32px;
 margin-bottom:32px
}
.wp-block-media-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.single-post .post figure {
  margin-top: 24px;
}
.wp-block-media-text__media {
  width: 100% !important;
  margin: 0 auto;
    margin-top: 0px;
}
.wp-block-media-text__media {
  max-width: 50%;
}
.wp-block-media-text__media, .wp-block-media-text__content {
  flex: 1;
}

.wp-block-media-text__media img {
  height: 180px;
  margin: 0 auto;
  border-radius: 8px;
  float: left;
  max-width: 100%;
  height: auto;
}

.wp-block-media-text__content {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

.wp-block-media-text__content .post p {
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  margin: 16px 0 10px 0;
}
.wp-block-media-text.alignwide h3 {
  font-size: 20px !important;
  line-height: 26px !important;
  margin-top: 0 !important;
  text-align: center;
  position: relative;
  display: block;
}
.wp-block-button {
  margin: 0 auto !important;
}
.wp-block-button__link {
  font-size: 15px;
  background: #ffd147;
  padding: 6px 24px;
  color: #25282d !important;
  margin-bottom: 0 !important;
}
/* blog detay  */



/* sss togle  */

.vc_do_toggle h4 {
  font-weight: 500;
}
.vc_toggle {
  background: #fff;
  position: relative;
  border-bottom: solid 1px #00000029;
  margin: 0 !important;
}
.vc_toggle_size_sm.vc_toggle_default .vc_toggle_content, .vc_toggle_size_sm.vc_toggle_default .vc_toggle_title {
  padding-left: 0 !important;
}
.vc_toggle_title {
  color: #1f1f1f !important;
  padding: 22px 0 !important;
  color: #1f1f1f !important;
}
.vc_toggle_title h4 {
  margin-bottom: 0 !important;
}
.vc_toggle_default .vc_toggle_icon {
  background: 0 0 !important;
  border: none !important;
}
.vc_toggle_icon {
  left: 96.8% !important;
  top: 33% !important;
  display: inline-block;
  float: right;
  position: absolute !important;
}
.vc_toggle_content {
  margin-top: 8px;
  font-size: 18px;
  line-height: 26px;
}
.vc_toggle_size_sm.vc_toggle_default .vc_toggle_icon::before {
  background: none;
  border: none;
}
.vc_toggle_icon::after {
  position: relative;
  float: right;
  top: 3px;
  left: 0px;
  display: block;
  opacity: 0.5;
}
.center {
  display: block;
  margin: 0 auto;
  width: 100%;
}


.wpb-js-composer .vc_tta.vc_general {
  font-size: 18px;
}
#accordion .vc_tta-panels {
  padding: 30px 0 30px;
}
.vc_tta-panel-heading {
  border-color: transparent !important;
  background-color: transparent !important;
}
#accordion .vc_general.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
  padding: 8px 20px 8px 30px;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title a {
  color: #25282d
}
.bg34{background:#f8ddfd}
.bg35{background:#efefef;color:#1f1f1f !important}
.bg36{background:#c2e3fb}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #1f1f1f !important
}
.vc_tta-title-text::before {
  content: "●" !important;
  font-size: 12px;
  color: #25282d;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 18px;
}
.vc_row .vc_general.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body {
  border: unset;
  transform: unset;
  padding: 0 70px 0 20px;
  margin-bottom: 10px;
}
.vc_tta-panel-body {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  margin-left: 20px;
}
#dark-sss p {
color:#fff
}
#dark-sss a {
color:#fff
}
#dark-sss .vc_tta-title-text {
  color: #fff !important;
}
#dark-sss .vc_tta-title-text::before {
  color: #fff !important;
}

/* sss togle  */


/* yorum page  */
.cz_testimonials_content {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: -6px 6px 20px rgba(91,111,163,.15);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #292929;
  display: inline-flex;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 30px;
  padding: 30px;
  width: 100%;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}
.cz_testimonials_content {
  color: #292929;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}
.cz_testimonials_avatar {
  max-width: 44px;
  max-height: 44px;
  border-radius: 100px;
}
.cz_testimonials_name::after {
  background-size: 14px 13px;
  height: 13px;
  top: 1px;
  width: 69px;
  background-repeat: repeat-x;
  display: block;
}
.cz_testimonials_meta::after {
  right: 24px;
  float: right;
  top: 13%;
  display: block;
  position: absolute;
}
/* yorum page  */






/* proje page  */

body .proje-title.projepage {
  padding: 123px 32px 42px 32px;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(0.9);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.63), rgba(0,0,0,0)), url(https://kulturdefteri.info/wp-content/uploads/2025/06/projeler-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

body .proje-title .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{max-width: 1200px;
  margin: 0 auto;}


.cz_grid_1 .cz_grid_link::before, .cz_grid_1_hide_on_hover .cz_grid_item > div:hover .cz_grid_link::before {
  opacity: 1;
  background: none !important;
}
.cz_grid_1_hide_on_hover .cz_grid_item > div:hover .cz_grid_details > * {
  transform: none;
  opacity: 1;
}
.cz_grid_1_title_sub_after .cz_grid_details_outside {
  display: flex !important;
  flex-direction: column !important;
}
.home-text h2 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: 1.1;
}
.home-text p {
  color: #777;
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.home-text .custom-read-more-content {
  color: #777;
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.custom-read-more-content{font-weight:300}
.home-text a {
  color: #555;
}
.custom-read-more-toggle {
  color: #1f1f1f;
  font-size: 15px;
  font-weight: 300;
}

/* proje page  */


/* proje detay  */
.single-portfolio h1 {
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
  width: 100%;
  float: left;
  font-family: 'Ppfragment';
}
.single-portfolio .proje-title p {
  font-size: 26px;
  line-height: 36px;
}
.ref-hakkinda {
  display: flex;
  gap: 20px;
  align-items: stretch;
  margin-top: 40px;
}
.plan {
  background-color: #efefef;
  width: 400px;
}
.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  border-radius: 8px;
  flex-grow: 1;
}
.right-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 700px;
}
.box .refcontent {
  flex: 1;
}
.box .ref-img-left {
  display: flex;
  align-items: center;
  justify-content: left;
  padding-top: 10px;
}
.engage, .grow {
  background-color: #d8bfff;
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.grow {
  background-color: #cce0ff;
}
.single-portfolio h2 {
  font-size: 28px;
  font-weight: 500;
  font-family: 'Ppfragment';
}
.refcontent p {
  font-size: 18px;
  line-height: 26px;
}
.single .cz_post_content a {
  font-weight: 500 !important
}
.cta-with_arrow.black {
  border: 1px solid #313438;
  color: #313438;
  margin-top: 20px;
}
.refcontent a {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 500 !important;
}
.cta-with_arrow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Inter;
  font-size: 15px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: .5px;
  line-height: 16px;
  min-width: 122px;
  padding: 14px 26px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cta-with_arrow .cta {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  left: 0;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-weight: 500;
}
.cta-with_arrow .cta .cta-arrow {
  height: 15.5px;
  margin-left: 6px;
  opacity: 0;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s ease;
  visibility: hidden;
  width: 15.5px;
}
.cta-with_arrow:hover .cta .cta-arrow {
  opacity: 1;
  visibility: visible;
}
.cta-with_arrow:hover .cta {
  left: -10.5px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.engage .refcontent, .grow .refcontent {
  flex: 1;
  width: 56%;
}
.box .refcontent {
  flex: 1;
}
.refcontent ul {
  margin-left: 0 !important;
  list-style: none !important;
}
.refcontent ul li {
  font-size: 17px;
}

.refcontent ul li::before {
  display: inline-block;
  width: 12px;
  height: 8px;
  position: relative;
  margin-right: 10px;
}

.refcontent ul li a {
  text-decoration: none;
  position: relative;
  color: #1f1f1f;
  font-weight: 400 !important;
  font-size: 18px;
}
.refcontent ul li a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.5s ease;
}
.refcontent ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.box .ref-img-right {
  display: flex;
  align-items: center;
  justify-content: right;
  padding-left: 18px;
}
.ref-img-right img {
  max-height: 250px;
}
.ref-img-right.custom-img img{
  max-height: 150px;
}

.engage .ref-img-left, .grow .ref-img-left, .engage .ref-img-right, .grow .ref-img-right {
  flex: 0 0 40%;
}
.ref-img-right.radius img {
  border-radius: 100px;
}
.anim {
    opacity: 0;
    clip-path: polygon(22% 0%, 78% 0%, 78% 100%, 22% 100%);
    transition: none; /* No transition for default state */
}

.anim.anim-active {
    opacity: 1;
    transform-origin: 50% 50%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: all 2s ease-out;
}

@keyframes scroll-animation {
    0% {
        opacity: 0;
        transform: perspective(600px) scale(1.2);
        clip-path: polygon(22% 0%, 78% 0%, 78% 100%, 22% 100%);
    }
    100% {
        opacity: 1;
        transform: perspective(600px) scale(1);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}



.full-proje-img .vc_col-sm-12 {
  padding: 14px;
}
.full-proje-img .vc_column-inner {
  padding: 0;
    padding-right: 0px;
    padding-left: 0px;
}
.single-portfolio div.vc_row[data-vc-full-width] .vc_column_container > .vc_column-inner {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
div.vc_row[data-vc-full-width] .vc_column_container > .vc_column-inner {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.full-proje-img .vc_col-sm-6 {
  padding: 14px;
}

.full-proje-img .vc_column_container > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

.proje-asama {
  background: #1f1f1f;
  margin: 0;
  border-radius: 8px;
}
.proje-asama .vc_column_container > .vc_column-inner {
  padding: 0;
}
.asama-content {
  margin-left: 0;
  margin-right: 0;
  padding: 50px 24px 40px 50px;
}
.asama-content h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  font-family: 'Ppfragment';
  line-height: 42px;
  margin-bottom: 26px;
}
.asama-content p {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  align-items: center;
  min-height: 5.5rem;
  display: flex;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(255,255,255,.2);
  border-radius: 0 0 8px 8px;
}
.marquee {
 display: flex;
 animation: marquee 20s linear infinite;
width: max-content;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
.marquee span {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.65rem;
  margin: 0;
  font-family: Ppfragment,sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #d8bfff;
}
.marquee span::before {
  content: '';
  display: inline-block;
  width: 35px;
  height: 36px;
  background: url('https://kulturdefteri.info/wp-content/uploads/2024/05/magic-icon.svg') no-repeat center center;
  margin-right: 1em;
  margin-left: 1em;
}
.marquee-container:hover .marquee {
            animation-play-state: paused; 
        }

.gorsel-stil {
  max-width: 720px;
  margin: 0 auto !important;
  padding-bottom: 32px;
}
.proje-style img {
  width: 1000px !important;
}
.proje-slide-grid{
            display: grid;
            gap: 20px;
            grid-template-columns: repeat(4, 1fr);
        }

        .proje-slide-grid img {
            width: 100%;
            box-sizing: border-box;
        }

.single-portfolio .abone-ol{display:none}
.single-portfolio .theiaStickySidebar .wpb_content_element{margin-bottom:32px}
.single-portfolio .theiaStickySidebar ul li{
  font-size: 18px;
  line-height: 24px;
}

/* proje detay  */



/* card  */
.bg1{background: #efefef}
.bg2{background: #c2e3fb}
.bg3{background: #f8ddfd}
.bg4{background: #fff;border:solid 2px #18164c}
.bg11{background:#b2caf4}
.bg12{background:#fddce5}
.bg13{background:#ffd9a9}
.bg14{background:#e4ebf2}
.bg15{background:#b3e9f3}
.bg16{background:#f0f0f0}
.bg22{background:#dae3f2}
.bg23{background:#f2e4dc}
.bg24{background:#afdddd}


.top150{top:150px}
.top200{top:200px}
.top250{top:250px}
.top300{top:300px}
.top350{top:350px}

.wrap-card-content {
  width: 100%;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  overflow: hidden;
  position: -webkit-sticky !important;
  position: sticky !important;
  margin: 32px auto !important;
  max-width: 986px;
  gap: 2.5rem;
  align-items: center;
  border-radius: 8px;
}
.full-card .wrap-card-content {
  max-width: 1200px !important;
}

.full-card .wrap-card-content li{
  margin-bottom: 15px;
}
.full-card .wrap-card-content ul{
  margin-left: 16px;
}




.wrap-card-content .vc_col-sm-6 .wpb_single_image {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  margin-bottom: 0;
}

.wrap-card-content .vc_col-sm-6 .wpb_text_column {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0;
}
.wrap-card-content h2 {
  font-size: 28px;
	line-height:36px
}
.card-button {
  color: #1f1f1f;
  z-index: 2;
  font-weight: 500;
  font-size: 17px;
  margin-top: 10px !important;
  display: block;
}


.one-card{padding:40px;border-radius:8px}
.one-card li{
  margin-bottom: 15px;
	font-weight:300
}
.one-card ul{
  margin-left: 16px !important
}



/* card  */


/* features  */
.features {
  position: relative;
  margin-top: 40px !important;
  max-width: 732px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.features-title {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 4.2px;
  line-height: normal;
  text-transform: uppercase;
}
.features h2, .features2 h2 {
  color: #1f1f1f;
  font-weight: 400;
}
.features .vc_col-sm-6, .features2 .vc_col-sm-6 {
  margin-bottom: 24px;
  padding-left: 12px;
  padding-right: 12px;
  flex-wrap: nowrap;
  flex-direction: column;
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
}
.features .vc_col-sm-6 > .vc_column-inner, .features2 .vc_col-sm-6 > .vc_column-inner {
  padding: 0;
}

.fbox1{background: #efefef}
.fbox2{background: #addeff}
.fbox3 {background: #1f1f1f;}
.fbox4{background: #ebd9ff;}

.features .services, .features2 .services {
  padding: 30px 28px;
  border-radius: 8px;
  flex-grow: 1 !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  max-width: 100%;
}
.features .service_img, .features2 .service_img {
  width: 100%;
}
.features .services .service_img img {
  margin-left: 0 !important;
}
.features .clr::before, .features2 .clr::before {
  visibility: visible !important;
}
.features h3 {
  font-size: 26px;
  line-height: 125%;
  color: #1f1f1f;
  padding-right: 50px;
  font-weight: 400;
}
.features .cz_wpe_content, .features2 .cz_wpe_content {
  font-size: 16px;
  color: #333;
  line-height: 160%;
  margin-top: 18px;
  margin-bottom: 0;
}

.fbox3::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 770px !important;
  height: 770px !important;
  opacity: .6;
  background: radial-gradient(50% 50% at 50% 50%,#9025ff 0%,rgba(159,67,255,0) 100%);
  top: 0;
  left: 50%;
  transform: translate(-50%,30px);
  pointer-events: none;
  z-index: -1;
}

.fbox3 .cz_wpe_content{
  color: #fff !important
}

.fbox3 h3 {
  color: #fff !important
}
.nasil-yapilir .services_b p, .services p {
  line-height: inherit;
  color: #b1b7be;
  font-weight: 400;
  margin-top: 12px;
}
.nasil-yapilir .service_img {
  width: 100%;
  max-width: 200px;
}
.feature-img {
  width: 220px !important;
  left: -60px;
  position: relative;
}
.nopadding {
  padding-bottom: 0 !important;
}
.features2 a {
  color: #333;
  letter-spacing: 0px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  margin-top: 8px;
  display: inline-block;
}
.features2 a:hover{
  color: #1f1f1f
}
/* features  */


/* kurumsal web tasarim page  */
.title {
  max-width: 960px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.gradient-title {
  text-align: center;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
}
.pink-gradient {
  background-image: linear-gradient(to right,white,#fddce5);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: .5rem;
  display: inline-block;
}
.blue-gradient {
  background-image: linear-gradient(to right,white,#c2e3fb);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: .5rem;
  display: inline-block;
}
.custom-table table {
  border: none !important;
}
.custom-table .table-fixed-layout {
  border-collapse: collapse;
  min-width: 400px;
  width: 100%;
  table-layout: fixed;
}
.custom-table thead {
  background-color: transparent;
}
.custom-table thead {
  border-bottom: 3px solid #ededed;
}
.custom-table .table-fixed-layout {
  border-collapse: collapse;
}
.custom-table table td:first-child, .custom-table table th:first-child {
  padding-left: 0;
  text-align: left;
  width: 800px;
}
.custom-table table td:not(:first-child) img, .custom-table table th:not(:first-child) img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.custom-table table td, .custom-table table th {
  border: 0;
  vertical-align: middle;
  padding: 16px 8px;
    padding-left: 8px;
}
.custom-table table td:not(:first-child), .custom-table table th:not(:first-child) {
  text-align: center;
}
.custom-table .table-fixed-layout td, .custom-table .table-fixed-layout th {
  word-break: break-word;
}

.custom-table table td:first-child, .custom-table table th:first-child {
  padding-left: 0;
  text-align: left;
  width: 800px;
}
.custom-table tbody td:first-child {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.custom-table .table-fixed-layout td, .wp-block-table .has-fixed-layout th {
  word-break: break-word;
}
.custom-table table tbody td {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
}
.custom-table table td, .custom-table table th {
  border: 0;
  vertical-align: middle;
  padding: 16px 8px;
}
.custom-table tbody td:first-child img + mark {
  padding-left: 35px;
}
.services_b .service_img img {
  max-width: 100%;
}
.nasil-yapilir h2 {
  color: #fff;
  margin-bottom: 32px !important;
}
.nasil-yapilir .services:hover {
  background: #353535 !important;
}
.cz_btn_left .cz_btn_onhover{display:none}
.cz_btn_left strong{
  margin-right: 10px;
}
.box-padding {
  padding: 32px;
}
.cz_btn_onhover{display:none}
.cz_btn_center{text-align:center}
/* kurumsal web tasarim page  */


/* kurumsal web tasarim page  */
.about-bg1{background:#f1f6fb}
.about-bg2{background:#f8ddfd}
.about-bg3{background:#c2e3fb}
.about-bg4{background:#efefef}
.bg-orange{background:#f56f46}
/* kurumsal web tasarim page  */





/* footerbox  */
footerbox {
  max-width: 1256px;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 120px;
}
footerbox {
  background: linear-gradient(to right, #1060c1, rgb(28, 134, 250));
  color: #fff;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
footerbox .big-logo {
  width: 500px;
  height: 325px;
  margin: 0;
    margin-top: 0px;
    margin-left: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-top: -70px;
}
.footerbox-content {
  padding: 40px 40px 50px 0;
  margin-left: -100px;
}
.footerbox-content h3 {
  font-size: 48px !important;
  color: #fff !important;
  font-weight: 500;
}
.footerbox-content p {
  margin: 20px 0;
  font-size: 20px;
  color: #fff;
}


.fo-inline-block {
  max-width: 100%;
  margin-top: 30px;
}
.new-large-button {
  background-position: 50% 200%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  grid-column-gap: 1.5rem;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 47px;
  font-weight: 500;
  line-height: 1.2em;
  transition: background-position .8s cubic-bezier(.25,.46,.45,.94);
  display: flex;
  position: relative;
  width: max-content;
}


.new-large-button-border {
  border-radius: 6.25rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  border: .125rem solid #fff;
}
.new-large-button:hover {
  color: #1f1f1f;
}
.new-large-button:hover .new-large-button-img-1 {
  transform: translate3d(0rem, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-21deg) skew(0deg);
  opacity: 1;
}
.new-large-button-img-1 {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  flex: none;
  position: absolute;
  top: 1.8rem;
  left: -2.9rem;
  overflow: hidden;
  transform: translate3d(1rem, 0.5rem, 0px) scale3d(0.8, 0.8, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: transform 2s ease, opacity 2s ease;
}
.new-large-button:hover .new-large-button-img-1 {
  transform: translate3d(0rem, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-21deg) skew(0deg);
  opacity: 1;
}
.new-large-button-img-1 img {
  width: 48px;
  height: 48px;
}
.new-large-button:hover .new-large-button-img-2 {
  transform: translate3d(0rem, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-16deg) skew(0deg);
  opacity: 1;
}
.new-large-button-img-2 {
  width: 7rem;
  height: 3rem;
  flex: none;
  position: absolute;
  top: -2rem;
  left: -.5rem;
  overflow: hidden;
  transform: translate3d(1rem, 0.5rem, 0px) scale3d(0.8, 0.8, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: transform 2s ease, opacity 2s ease;
}
.new-large-button:hover .new-large-button-img-2 {
  transform: translate3d(0rem, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-16deg) skew(0deg);
  opacity: 1;
}
.new-large-button:hover {
  background-position: 50% 0;
}

/* footerbox  */


/* footertop  */
footertop {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  display: block;
  margin-top: 40px;
}
.home-text h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: 1.1;
}
.home-text p {
  color: #777;
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
/* footertop  */


/* footer  */
.bd-footer {
  color: #fff;
  padding-top: 32px;
  padding-bottom: 16px;
  margin-bottom: 0 !important;
}
footer {
  max-width: 1280px;
  margin: 0 auto;
    margin-bottom: 0px;
}
.footer_container {
  flex-direction: column;
  justify-content: space-between;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  position: static;
}
.footer-column-wrapper {
  justify-content: space-between;
  display: flex;
  margin-top: 32px;
}
.footer-bottom {
  justify-content: space-between;
  display: flex;
}
.footer-column {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
}
.footer-column p {
  font-size: 18px;
  letter-spacing: .15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.footer-column ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}
.footer-column li {
  margin-bottom: 1rem;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #1f1f1f;
}
.footer-column li a {
  color: #1f1f1f;
  font-weight: 400;
}
.footer-column li a:hover {
  color: #1c86fa;
}
.footer-bottom {
  justify-content: space-between;
  display: flex;
}
.footer-bottom > div {
  width: 50%;
}
.copyright {
  margin-right: auto;
  display: flex;
  align-items: center;
  margin-top: 20px;
  text-align: left;
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 400;
}
.copyright svg {
  margin-right: 10px;
}
svg {
  font-family: 'Inter',sans-serif !important;
}
.socials {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  flex-wrap: wrap;
}
.socials ul {
  display: flex;
  list-style: none;
  margin-left: auto;
}
.social-icons {
  display: flex;
  gap: 10px;
}
.socials ul a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 8px;
  border-radius: 100%;
  transition: background-color .15s;
  color: #858d96;
}
.social-sharing-buttons a:hover, .socials ul a:hover {
  transform: translateY(-10%);
}
.socials ul a svg {
  width: 24px;
  height: 24px;
}

/* footer  */



/* responsive  */
@media screen and (max-width: 480px) {
  .hide_on_mobile, .show_on_tablet.show_only_tablet, .codevz-top-banner {
    display: none !important;
  }
  .services.left .service_custom, .services.right .service_custom, .services.left .service_img, .services.right .service_img {
    float: none !important;
    margin: 0 auto 20px auto !important;
	  display: table;}
	 .services div.service_text, .services.right div.service_text {
    padding: 0 !important;
		 text-align: center !important;}
	.cz_grid {
    width: 100% !important;
    margin: 0 !important;
  
  
  }
}

@media (max-width: 768px) and (min-width: 480px) {
  .show_on_tablet, .show_only_tablet {
    display: block !important;
  }
}

@media screen and (min-width:769px) {
  .hide_on_desktop, .show_on_tablet, .show_on_mobile {
    display: none !important;
  }


	.desktop-padding {
    padding: 32px;
  }
	   .cz_overlay {
            position: fixed;
            display: none;
            top: 0;
            left: 0;
            z-index: 100 !important;
            height: 100%;
            width: 100%;
            background: rgba(0, 0, 0, .2);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            transition-property: opacity;
		   transition-duration: .15s;}
	 .mobile-hide {
		 display: none;}
	 #toc_container {
		 display: none;}
	.sidebar_primary {
    width: 18% !important;
    margin-right: 7%;
  }
	.single-post #page_content .col.s6 {
    margin-left: 0;
    margin-right: 10px;
  }
	.sidebar_secondary {
		width: 20%;}
	.social-sharing-buttons a {
		flex: 0 0 calc(16.666% - 8px);}
	.social-sharing-buttons {
    max-width: 620px;
		margin: 0 auto;}
	 .home .wrap-card-content {
		 height: 450px;}
	#layout {
		overflow: initial !important;}
	.desktop-gizle {
    display: none !important;
	}}


@media screen and (max-width:768px) {
	body .proje-title.projepage {
  background-position: bottom;
}
	.full-proje-img .vc_col-sm-12 {
  padding: 10px 0 !important
}
	
	.full-proje-img .vc_col-sm-12 img {
  width: revert-layer !important;
}
	.full-proje-img {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    transform: none !important;
  }
	
	.icerik-widget{
    margin-left: 0;
    background-color: #cde5ff;
    border-radius: 15px;
    padding: 38px 32px 22px 42px;
    box-shadow: -8px 8px 0px #a2cbf7;
    margin-bottom: 30px;
    margin-top: 30px;
}
	.icerik-harita-list {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: disc !important;
}
	
	.icerik-widget-title{
    margin-bottom: 20px;
}
	.icerik-harita-list li a {
    font-size: 18px;
    font-weight: 500 !important;
    color: #1f1f1f !important;
}
	
	.icerik-harita-list li:marker{
    color: #1c86fa !important;
	unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

	
	
	
	.dark-feature-box {
  padding: 80px 24px 80px 24px !important
}
	.wp-block-media-text {
    flex-direction: column;
    width: auto !important;
  }
	 .wp-block-media-text__media {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    max-width: 100%;
  }
 .wp-block-media-text__content {
    text-align: center;
    margin-bottom: 0;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    padding: 0;
  }
	.cz_testimonials_name_subname {
  margin-left: 0 !important;
  margin-top: 20px;
}
	.cz_testimonials_meta::after {
  top: 2% !important
}
	.mobil-gizle {
    display: none;
  }
	.vc_toggle_title h4 {
    font-size: 18px !important;
    margin-bottom: 0 !important;
  }
	.custom-table table td:first-child, .custom-table table th:first-child {
    white-space: initial;
	width: 200px;
  }
	.custom-table table tbody td {
    font-size: 13px;
  }
	.custom-table table tbody td strong{
    font-size: 15px;
  }
	 .custom-table table thead th:not(:first-child) {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500;
  }
	.custom-table tbody td:first-child img + mark {
    padding-left: 14px;
  }
	.gradient-title {
    font-size: 32px;
    line-height: 40px;
  }
	 footerbox {
    margin: 0 auto;
    width: 96%;
    margin: 8px;
    margin-top: 8px;
    display: flow-root;
    margin-top: 76px !important;
  }
	 footerbox .big-logo {
    width: 362px;
    height: 235px;
    margin: 0;
    margin-top: 0px;
    margin-top: -44px;
    position: inherit;
  }
	.footerbox-content {
    padding: 80px 22px 36px 36px;
    padding-top: 80px;
    padding-top: 0 !important;
    margin-left: 0 !important;
  }
	.footerbox-content h3 {
    font-size: 28px !important;
  }
	footerbox .new-large-button {
    font-size: 22px;
  }
	 footertop {
    margin: 14px !important;
    margin-top: 14px;
    margin-top: 32px !important;
  }
	.single-post .sidebar_primary {
    display: none;
  }
	.single-post .cz_related_posts .cz_post_image img {
  height: 184px;
}
	.single-portfolio h1 {
    font-size: 38px;
  }
	.ref-hakkinda {
    flex-direction: column;
    gap: 10px;
  }
	.box {
    padding: 20px !important
  }
	.box img {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }
	.plan, .right-column, .engage, .grow {
    width: 100%;
    max-width: none;
    padding: 0;
    box-sizing: border-box;
    flex-direction: column;
  }
	.box .refcontent {
    width: 100%;
  }
	 .box .ref-img-right {
    justify-content: left;
    padding-left: 0;
  }
	.marquee span {
    font-size: 21px !important;
  }
	.marquee-container {
    min-height: 4.5rem !important;
  }
	.asama-content img {
    width: 180px !important;
    margin-top: 20px;
  }
	.asama-content .wpb_single_image.vc_align_right {
    text-align: left !important;
  }
	 .proje-slide-grid {
    grid-template-columns: repeat(2, 1fr);
  }

 .btn-galaxy {
    height: 40px;
    padding-left: 14px;
	padding-right: 12px;}
	
	.btn-galaxy div{
	font-size:14px !important
	}
	
	 #slide .vc_col-sm-12 {
    padding: 66px 0 6px 0;
  }
	
	#slide .wpb_raw_html .wpb_wrapper {
    width: 100% !important;
    max-width: 100%;
    display: block !important;
  }
	 .slide-content {
    width: 100%;
    max-width: 46rem;
    margin-bottom: 42px;
  }
	 .slider-title {
    font-size: 30px;
    line-height: 40px;
    margin-top: 32px;
  }
	#slide .wpb_raw_html .wpb_wrapper {
    width: 100% !important;
    max-width: 100%;
    display: block !important;
  }
	.slider-alt .wpb_wrapper > div {
    padding: 20px;
  }
	.desktop-hide {
    display: none;
  }
	.wrap-card-content.alt {
    flex-direction: column-reverse !important;
  }
	 .wrap-card-content {
    flex-direction: column;
  }
	.wrap-card-content {
    gap: 1.0rem;
  }
	 .features .vc_column_container > .vc_column-inner, .features2 .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
  }
	 .features h2, .features2 h2 {
    font-size: 24px;
    line-height: 26px;
    margin-top: 10px;
  }
	 .features .vc_col-sm-6, .features2 .vc_col-sm-6 {
    max-width: 100%;
  }
	 .features .vc_column_container > .vc_column-inner, .features2 .vc_column_container > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
  }
	 .features .services, .features2 .services {
    padding: 26px 24px;
  }
	.services div.service_text, .services.right div.service_text {
    text-align: left !important;
  }
	.features2 .services {
    margin: 10px 26px;
  }
	 .contact-left {
    order: 2;
  }
	.contact-right {
		order: 1;}
	 .contact-box {
    display: flex;
    flex-direction: column;
  }
  .wpcf7-submit {
  margin-left: 0 !important
} body.blog .blog-title h1 {
    font-size: 24px !important;
  }
	 body.blog .blog-title .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
    padding: 68px 12px 0px 14px !important;
  }
	 body.blog .blog-title p {
    font-size: 17px;
  }
	 body.blog .blog-tags {
    width: 100%;
  }
	 body.blog .blog-tags ul li {
    font-size: 15px !important;
    padding: 2px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
	.vc_wp_search {
    display: none;
  }
	.cz_grid_item {
    width: 97% !important;
  }
	.cz_grid_item > div {
    padding: 20px !important;
		margin: 16px !important;}
  .copyright {
    font-size: 13px !important;
    line-height: 18px !important;
  }
	.copyright svg {
    width: 82px;
  }
	.footer_container {
    width: 95% !important;
  }
	 .footer-column-wrapper {
    flex-wrap: wrap;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
  }
	.footer-column {
    padding-right: 0;
    flex: 0 100%;
  }
	 .footer-column ul {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid !important;
    max-width: 96%;
  }
	.footer-column li:first-child {
		margin-right: 4%
  
  
	 
	}}



@media screen and (max-width: 1170px) {
  .footer-title-sag, .fo3, .footer-title, .fo-dec {
    text-align: center !important;
  }
}


@media screen and (max-width: 1280px) {
  #slide .wpb_raw_html .wpb_wrapper {
	  width: auto !important;}
	#slide .wpb_raw_html .wpb_wrapper {
		width: auto !important;}
	.single-post .sidebar_primary}
.single-post .sidebar_primary {
    width: 22%;
    margin-right: 5%;
  
  
  }
}


/* responsive  */




/* fontawesome  */
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
/* fontawesome  */


/* js compressor  */
.default-width {
 width: 1280px;
 max-width: 95%;
 position: relative;
 margin: 0 auto;
}

.full-width {
 width: 100% !important;
 max-width: none !important;
 position: relative;
 margin: 0 !important;
}

div.vc_row[data-vc-full-width] .vc_column_container > .vc_column-inner {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

/* js compressor  */



/* 404 */
body.error404{
  background: #eff5ff;
}
.error404 .xtra-share {
display:none
}

.error404 .page_footer {
display:none
}

.error404 .inner_layout > header {
display:none
}

.error404 .cz_post_content ul {
list-style:none!important;
padding:0!important;
margin:0!important
}

.error404 .kat404 h2 {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: 500;
}

.error404 .kat404 a {
  color: #1f1f1f;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  display: block;
}

.error404 .kat404 a:hover {
background-color:#E6E7E9;
color:#25282d
}

.kat404 .list .wpb_wrapper {
  display: inline-block;
  background: #fff;
  padding: 2px 10px 15px 18px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: -6px 6px 20px rgba(91,111,163,.15);
  border-radius: 8px;
  margin-bottom: 24px;
}

.error404 video {
height:auto;
width:320px;
margin-left:auto;
margin-right:auto;
display:block
}

.error404 .page_content {
margin-top:0px!important
}

.error404 ul {
list-style-type:none;
padding:0!important;
margin:0
}

/* 404 */



/* Contact Form*/


textarea {
    height: 86px !important;
    line-height: 2;
    overflow: auto;
}

.form-sag .wpb_raw_code{
  margin-top: 42px;
}

input, textarea, select {
  color: #1f1f1f;
  border: 1px solid #1f1f1f40;
  border-radius: 4px;
}

select {
  height: auto;
  cursor: pointer;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: '';
  background-repeat: no-repeat;
  background-size: 6px;
  background-position: 92% 54%;
  background-position: right 1.2em top 55%;
  background-color: #fff;
	color: #9a9a9a;
}


.wpcf7 .wpcf7-not-valid-tip::before {
  content: "gerekli";
  background: #ffadad;
  font-family: 'Inter',sans-serif !important;
}

.wpcf7 .wpcf7-not-valid-tip {
  line-height: 4px !important;
  left: 33px !important;
  top: -25px !important;
}


.wpcf7 .wpcf7-not-valid-tip::after {
  display:none !important
}

.form-sol {
height:552px
}



.title-sol {
padding:0 30px
}

.form-bg img {
position:absolute;
left:0;
right:0;
bottom:0;
display:block;
margin-left:32px;
margin-right:auto
}

.title-sol h4 {
font-size:34px;
line-height:42px;
color:#42474c;
font-weight:500;
margin-bottom:16px
}

.title-sol p {
color:#42474c;
font-size:18px;
line-height:30px;
font-weight:300
}





.form-title3 {
font-size:16px;
color:#42474c!important;
text-align:center;
text-align:-webkit-center;
opacity:.8;
padding-top:20px
}

.form-desc {
font-size:13px!important;
color:#42474c;
text-align:center;
text-align:-webkit-center
}

.form-title2 {
color:#42474c!important;
font-size:16px!important;
text-align:center;
text-align:-webkit-center
}

.or {
width:100%;
box-sizing:border-box;
text-align:center;
text-align:-webkit-center;
position:relative;
padding:2px 36px
}

.or span {
display:inline-block;
position:relative;
color:#25282d;
font-size:13px;
line-height:.96em;
background-color:#fff!important;
border-radius:.3rem;
padding:7px 13px;
z-index:2
}

.or::after {
width:100%;
box-sizing:border-box;
display:block;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
content:"";
height:1px;
background-color:#42474c;
z-index:1
}


.wpcf7-response-output {
  color: #3c763d !important;
  background-color: #e3fdeb !important;
  border-radius: 4px !important;
}

.quiztext{
  width: 58%;
  float: left;
}

.quezimg {
  width: 40%;
  float: left;
  margin-top: 26px;
}
/* Contact Form*/






/* Svg icons*/
.cz_testimonials_meta::after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiICB2aWV3Qm94PSIwIDAgNDggNDgiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNDQuNSAyMEgyNHY4LjVoMTEuOEMzNC43IDMzLjkgMzAuMSAzNyAyNCAzN2MtNy4yIDAtMTMtNS44LTEzLTEzczUuOC0xMyAxMy0xM2MzLjEgMCA1LjkgMS4xIDguMSAyLjlsNi40LTYuNEMzNC42IDQuMSAyOS42IDIgMjQgMiAxMS44IDIgMiAxMS44IDIgMjRzOS44IDIyIDIyIDIyYzExIDAgMjEtOCAyMS0yMiAwLTEuMy0uMi0yLjctLjUtNHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjRkJCQzA1IiBkPSJNMCAzN1YxMWwxNyAxM3oiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiNFQTQzMzUiIGQ9Ik0wIDExbDE3IDEzIDctNi4xTDQ4IDE0VjBIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiMzNEE4NTMiIGQ9Ik0wIDM3bDMwLTIzIDcuOSAxTDQ4IDB2NDhIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiM0Mjg1RjQiIGQ9Ik00OCA0OEwxNyAyNGwtNC0zIDM1LTEweiIvPjwvc3ZnPg==") !important;
}
.cz_testimonials_name::after {
  content: url("");
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAZklEQVR4AWL4uYWZCdAJHVMBAIJAAG1DoAtjGarYxxjqwHADnA8HFuWL3E8puH8gAqILPaB34Qq4FAQ1yoo+8ES7NRWKe6u+Ogo0XjtaCmlSd6K/4OQQOF0JKYTsMasgOIRkBfDZATita/85jgoHAAAAAElFTkSuQmCC);
}
.vc_toggle_icon::after {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAApElEQVR4nO2VQQrCMBBFs6qn8D9IssoFRd106ZFqvJiulCBuTIXWpBKkH7KaZN6fgfCN+TtZawVESTfg/u3R831M/TIIcAH2IYSuxGwIoQMOks5ZMTkoBbzkvd9Iupp3pVFNRTHWbypE0m5xCCX3Vkj76wL6mb+9b3OST2KFtLiu0+KQqRrt96s8iSnRKiXjUdKQFVMmp8iskfGSBufctsRsm3oA9zaONoQdGeQAAAAASUVORK5CYII=") !important;
}
.fa-long-arrow-right::before {
  content: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLWJib3g9IjAuMDggMC45NiAxNC42MiA5Ljg0IiB2aWV3Qm94PSIwIDAgMTUgMTEiIGhlaWdodD0iMTEiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLXR5cGU9InNoYXBlIj4NCiAgICA8Zz4NCiAgICAgICAgPHBhdGggZD0iTTkuNTggMTAuOGw1LjEyLTQuOTJMOS41OC45Nkg3LjVsNC4zIDQuMkguMDhWNi42SDExLjhsLTQuMyA0LjJoMi4wOHoiPjwvcGF0aD4NCiAgICA8L2c+DQo8L3N2Zz4=") !important;
  position: relative;
  top: 0;
}
.new-large-button {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI1cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxMjUgMTUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjUgMTUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRjhEREZEO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTI1LDBIMHY4OWwwLDBjMCwwLjIsMCwwLjMsMCwwLjVDMCwxMjIuOSwyOCwxNTAsNjIuNSwxNTBTMTI1LDEyMi45LDEyNSw4OS41YzAtMC4yLDAtMC4zLDAtMC41bDAsMFYweiIvPg0KPC9zdmc+DQo=);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position: 50% 200%;
  background-repeat: no-repeat;
  background-size: cover;
}
.whatsapp a span:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23858d96' d='M3.4,23.5s0,0,0,0c0,0,0-.1,0-.2.4-1.5.8-3,1.2-4.5,0-.1,0-.2,0-.4-1.2-2.3-1.5-4.7-.8-7.3,1.3-4.6,6-7.5,10.6-6.8,2.2.3,4.1,1.2,5.6,2.9,2.4,2.7,3.3,5.8,2.3,9.2-1.6,5.8-8.3,8.6-13.7,5.8,0,0-.2,0-.3,0-1.1.3-2.3.6-3.4.9-.5.1-1,.3-1.5.4ZM5.7,21.2c0,0,.1,0,.2,0,.9-.2,1.7-.5,2.6-.7.1,0,.2,0,.4,0,1.9,1.1,3.9,1.5,6.1,1,4.2-1,6.8-5,6-9.2-.8-4.1-4.6-6.9-8.8-6.4-2.4.3-4.3,1.4-5.7,3.4-1.2,1.7-1.6,3.7-1.3,5.7.2,1.1.6,2.2,1.2,3.1,0,.1,0,.2,0,.3,0,.2-.1.5-.2.7-.2.7-.4,1.3-.6,2Z'/%3E%3Cpath fill='%23858d96' d='M15.6,18.3c-.7,0-1.2-.2-1.8-.4-1.6-.6-2.9-1.6-3.9-2.9-.5-.6-1-1.3-1.4-2-.4-.8-.5-1.6-.1-2.4.2-.3.4-.7.6-1,.1-.2.4-.3.6-.3.2,0,.4,0,.6,0,.2,0,.3.2.4.3.2.3.3.7.4,1,.1.3.2.6.4.8,0,.2,0,.4,0,.5-.2.2-.4.5-.5.7-.2.2-.2.3,0,.6.8,1.3,1.8,2.2,3.2,2.8.3.1.4.1.6-.1.2-.3.5-.6.7-.8.1-.2.2-.2.5-.1.3.1.6.3.9.4.2,0,.4.2.6.3.2,0,.3.1.5.2.1,0,.2.2.2.3,0,.6-.1,1.2-.7,1.6-.5.3-1,.6-1.6.5Z'/%3E%3C/svg%3E")
}

.call a span:before{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='katman_1' data-name='katman 1' width='26' height='26' viewBox='0 0 26 26'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7Bfill%3A%20%23858d96%3Bstroke-width%3A%200px%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.7,8.8c0-.2.1-.4.2-.5.5-1,1.2-1.8,1.9-2.6.4-.5.9-.9,1.4-1.3.7-.6,1.4-.2,1.7.2.9,1.2,1.7,2.5,2.3,3.8,0,.2.2.4.2.6.1.3,0,.7-.2.9-.2.3-.5.5-.7.7-.2.2-.3.3-.5.4-.1,0-.1.2,0,.3.5,1.4,1.3,2.5,2.3,3.5.8.8,1.8,1.3,2.9,1.7.2,0,.3,0,.4,0,.3-.4.6-.7.9-1.1.4-.4.9-.6,1.4-.3.6.3,1.3.6,1.9,1,.8.4,1.5.9,2.2,1.4.3.2.5.5.6.8,0,.3,0,.5,0,.7-.2.3-.4.5-.6.8-1,1.1-2.1,2-3.4,2.8-.5.3-1,.3-1.5.2-1.7-.3-3.2-1-4.6-2-3.3-2.1-5.9-4.9-7.7-8.4-.6-1.1-1-2.3-1.1-3.5,0,0,0-.1,0-.2,0,0,0,0,0,0ZM21.5,18.8c0,0-.2-.1-.2-.2-1.1-.8-2.3-1.5-3.5-2.1-.2,0-.3,0-.4,0-.4.4-.7.8-1.1,1.2-.3.3-.6.3-.9.2-3.1-1-5.2-3-6.4-6,0-.2-.1-.5-.2-.7,0-.3,0-.5.2-.7.5-.4.9-.8,1.4-1.2.1,0,.1-.2,0-.3-.6-1.3-1.3-2.5-2.1-3.6,0,0-.1-.1-.2-.2,0,0,0,0,0,0-1.1,1-2.1,2.1-2.9,3.4,0,0,0,.2,0,.2.2,1.1.5,2.2,1.1,3.2,1.8,3.4,4.4,6.1,7.7,8,1.2.7,2.5,1.3,3.9,1.5,0,0,.2,0,.3,0,.7-.5,1.4-1.1,2.1-1.7.4-.4.8-.8,1.3-1.2Z'/%3E%3Cpath class='cls-1' d='M22.1,12.7c0,.1,0,.2,0,.3,0,.3-.4.5-.7.5-.3,0-.6-.3-.6-.6,0-.8-.1-1.6-.4-2.3-.9-2.5-2.7-4-5.3-4.5-.4,0-.8,0-1.2-.1-.4,0-.7-.3-.7-.6,0-.4.3-.6.7-.6,4,0,7.4,3,8,6.9,0,.4,0,.8.1,1.2,0,0,0,0,0,0Z'/%3E%3Cpath class='cls-1' d='M14.1,7.8c2.5,0,4.6,2,4.9,4.5,0,.2,0,.3,0,.5,0,.4-.3.7-.6.7-.4,0-.6-.3-.6-.7,0-1.6-1-2.9-2.4-3.5-.4-.2-.9-.3-1.4-.3-.3,0-.6-.3-.6-.6,0-.3.2-.6.5-.7,0,0,.2,0,.3,0Z'/%3E%3C/svg%3E");
}
.sidebar_offcanvas_area li a .cz_indicator::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01IDE0TDEyIDcuNUw1IDEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==") !important;
}
#menu_header_2 .cz .cz a span::after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00uMzEgN2EuNzUuNzUgMCAwIDEgLjc1LS43NWgxMi4zMzJMOC43NjQgMS42MjJBLjc1Ljc1IDAgMSAxIDkuODI0LjU2bDUuOTEgNS45MDlhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNS45MSA1LjkwOWEuNzUuNzUgMCAxIDEtMS4wNi0xLjA2bDQuNjI4LTQuNjI5SDEuMDYxQS43NS43NSAwIDAgMSAuMzEgN1onIGZpbGw9JyMwMDAnLz48L3N2Zz4=);
}
.czico-200-down-arrow::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGlkPSJpLWNoZXZyb24tYm90dG9tIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudGNvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+CiAgICA8cGF0aCBkPSJNMzAgMTIgTDE2IDI0IDIgMTIiIC8+Cjwvc3ZnPg==") !important;
}
.wc_whatsapp::before {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgl3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRURFREVEOyIgZD0iTTAsNTEybDM1LjMxLTEyOEMxMi4zNTksMzQ0LjI3NiwwLDMwMC4xMzgsMCwyNTQuMjM0QzAsMTE0Ljc1OSwxMTQuNzU5LDAsMjU1LjExNywwDQoJUzUxMiwxMTQuNzU5LDUxMiwyNTQuMjM0UzM5NS40NzYsNTEyLDI1NS4xMTcsNTEyYy00NC4xMzgsMC04Ni41MS0xNC4xMjQtMTI0LjQ2OS0zNS4zMUwwLDUxMnoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM1NUNENkM7IiBkPSJNMTM3LjcxLDQzMC43ODZsNy45NDUsNC40MTRjMzIuNjYyLDIwLjMwMyw3MC42MjEsMzIuNjYyLDExMC4zNDUsMzIuNjYyDQoJYzExNS42NDEsMCwyMTEuODYyLTk2LjIyMSwyMTEuODYyLTIxMy42MjhTMzcxLjY0MSw0NC4xMzgsMjU1LjExNyw0NC4xMzhTNDQuMTM4LDEzNy43MSw0NC4xMzgsMjU0LjIzNA0KCWMwLDQwLjYwNywxMS40NzYsODAuMzMxLDMyLjY2MiwxMTMuODc2bDUuMjk3LDcuOTQ1bC0yMC4zMDMsNzQuMTUyTDEzNy43MSw0MzAuNzg2eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0ZFRkVGRTsiIGQ9Ik0xODcuMTQ1LDEzNS45NDVsLTE2Ljc3Mi0wLjg4M2MtNS4yOTcsMC0xMC41OTMsMS43NjYtMTQuMTI0LDUuMjk3DQoJYy03Ljk0NSw3LjA2Mi0yMS4xODYsMjAuMzAzLTI0LjcxNywzNy45NTljLTYuMTc5LDI2LjQ4MywzLjUzMSw1OC4yNjIsMjYuNDgzLDkwLjA0MXM2Ny4wOSw4Mi45NzksMTQ0Ljc3MiwxMDUuMDQ4DQoJYzI0LjcxNyw3LjA2Miw0NC4xMzgsMi42NDgsNjAuMDI4LTcuMDYyYzEyLjM1OS03Ljk0NSwyMC4zMDMtMjAuMzAzLDIyLjk1Mi0zMy41NDVsMi42NDgtMTIuMzU5DQoJYzAuODgzLTMuNTMxLTAuODgzLTcuOTQ1LTQuNDE0LTkuNzFsLTU1LjYxNC0yNS42Yy0zLjUzMS0xLjc2Ni03Ljk0NS0wLjg4My0xMC41OTMsMi42NDhsLTIyLjA2OSwyOC4yNDgNCgljLTEuNzY2LDEuNzY2LTQuNDE0LDIuNjQ4LTcuMDYyLDEuNzY2Yy0xNS4wMDctNS4yOTctNjUuMzI0LTI2LjQ4My05Mi42OS03OS40NDhjLTAuODgzLTIuNjQ4LTAuODgzLTUuMjk3LDAuODgzLTcuMDYyDQoJbDIxLjE4Ni0yMy44MzRjMS43NjYtMi42NDgsMi42NDgtNi4xNzksMS43NjYtOC44MjhsLTI1LjYtNTcuMzc5QzE5My4zMjQsMTM4LjU5MywxOTAuNjc2LDEzNS45NDUsMTg3LjE0NSwxMzUuOTQ1Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==") !important;
  display: block;
  margin: 20px;
}
.card-button::after, .cz_readmore::after, .features2 a::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy45LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjUgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1IDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9DQo8L3N0eWxlPg0KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMTAiIHgyPSIyNSIgeTI9IjEwIj4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMTgxNjRDO3N0b3Atb3BhY2l0eTowIi8+DQoJPHN0b3AgIG9mZnNldD0iMC41NDE5IiBzdHlsZT0ic3RvcC1jb2xvcjojMTgxNjRDIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzE4MTY0QyIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDcuOWMxLjYsMCwzLjIsMC4xLDQuOCwwLjFjNCwwLDgsMCwxMS45LDBjMC4zLDAsMC42LDAsMS4xLDBjLTEuOS0xLjktMy43LTMuNy01LjUtNS41DQoJQzEzLjIsMS42LDE0LDAuOCwxNC45LDBjMy40LDMuMyw2LjcsNi43LDEwLjEsMTAuMWMtMy4xLDMuMS02LjUsNi41LTkuOSw5LjljLTEtMS0xLjktMi0yLjktM2MxLjgtMS43LDMuNi0zLjQsNS42LTUuMg0KCWMtNiwwLTExLjksMC0xNy44LDBDMCwxMC41LDAsOS4yLDAsNy45eiIvPg0KPC9zdmc+DQo=");
}
.cta-with_arrow .cta .cta-arrow {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41IiBoZWlnaHQ9IjE1LjUiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjkwMjM0IDguMjU4MjdDMS45MDIzNCA3Ljg0NiAyLjIzNjU2IDcuNTExNzggMi42NDg4NCA3LjUxMTc4SDExLjg5MjVMOS44MzYxNyA1LjMyODM3QzkuNTczNiA1LjA0OTU4IDkuNTczOSA0LjYxNDQyIDkuODM2ODYgNC4zMzU5OUMxMC4xMjIyIDQuMDMzOCAxMC42MDMgNC4wMzM4IDEwLjg4ODQgNC4zMzU5OUwxNC41OTI4IDguMjU4MjdMMTAuODg4NCAxMi4xODA2QzEwLjYwMyAxMi40ODI3IDEwLjEyMjIgMTIuNDgyNyA5LjgzNjg2IDEyLjE4MDZDOS41NzM5IDExLjkwMjEgOS41NzM2IDExLjQ2NyA5LjgzNjE3IDExLjE4ODJMMTEuODkyNSA5LjAwNDc3SDIuNjQ4ODNDMi4yMzY1NiA5LjAwNDc3IDEuOTAyMzQgOC42NzA1NSAxLjkwMjM0IDguMjU4MjdMMC4wNSAwLjA1MTY4NDYtMC4xNTA0Njg0IDAuNDk3ODggMCAxLjk3MTlMMTAuODg4NCAxMi4xODA2QzEwLjYwMyAxMi40ODI3IDEwLjEyMjIgMTIuNDgyNyA5LjgzNjg2IDEyLjE4MDZDOS41NzM5IDExLjkwMjEgOS41NzM2IDExLjQ2NyA5LjgzNjE3IDExLjE4ODJMMTEuODkyNSA5LjAwNDc3SDIuNjQ4ODNDMi4yMzY1NiA5LjAwNDc3IDEuOTAyMzQgOC42NzA1NSAxLjkwMjM0IDguMjU4MjdMMC4wNSAwLjA1MTY4NDYtMC4xNTA0Njg0IDAuNDk3ODggMCAxLjk3MTlMMTAuODg4NCAxMi4xODA2QzEwLjYwMyAxMi40ODI3IDEwLjEyMjIgMTIuNDgyNyA5LjgzNjg2IDEyLjE4MDZDOS41NzM5IDExLjkwMjEgOS41NzM2IDExLjQ2NyA5LjgzNjE3IDExLjE4ODJMMTEuODkyNSA5LjAwNDc3SDIuNjQ4ODNDMi4yMzY1NiA5LjAwNDc3IDEuOTAyMzQgOC42NzA1NSAxLjkwMjM0IDguMjU4Mjd6IiBmaWxsPSIjMzEzNDM4Ij48L3BhdGg+PC9zdmc+');
  background-repeat: no-repeat;
  background-size: contain;
}
.refcontent ul li::before {
  content: "";
  background-image: url('data:image/svg+xml;base64,PHN2ZyBzdHlsZT0ibWFyZ2luLXJpZ2h0OiAxMHB4OyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxMiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjY0NjQ1IDcuMDkzOTZDMy44NDE3MSA3LjI4OTIzIDQuMTU4MjkgNy4yODkyMyA0LjM1MzU1IDcuMDkzOTZMMTAuOTQxMiAwLjUwNjM2N0MxMC45NDk2IDAuNDk3ODggMTAuOTYzNCAwLjQ5Nzg4IDEwLjk3MTkgMC41MDYzN0wxMS4zMjU0IDAuMTUyODE0TDEwLjk3MTkgMC41MDYzN0MxMC45ODA0IDAuNTE0ODU3IDEwLjk4MDQgMC41Mjg2MjEgMTAuOTcxOSAwLjUzNzExMUw0LjAxNTM3IDcuNDkzNjNDNC4wMDY4OCA3LjUwMjEyIDMuOTkzMTIgNy41MDIxMiAzLjk4NDYzIDcuNDkzNjNMMS41MDYzNjcgNC4wMTUzN0MwLjQ5Nzg3OCA0LjAwNjg4IDAuNDk3ODc4IDMuOTkzMTIgMC41MDYzNjcgMy45ODQ2M0MwLjUxNDg1NyAzLjk4NTcgMC41Mjg2MjEgMy45ODU3IDAuNTM3MTExIDMuOTg0NjNMMy42NDY0NSA3LjA5Mzk2WiIgZmlsbD0iIzFGMjEyNyIgc3Ryb2tlPSIjMUYyMTI3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=');
}
.czico-063-menu-2::before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkUlEQVR4nO2XwQmDQBBFxRr0sJf3l7AVaCdCShJSTtKIPVhJwpz16u4E58E/vw8zLLNdFwT/BjADq6RXjZgLmM6K7JK+NWPOQxFJnwZF3mfT6XPOAh41Yi5zXrNoQXArSimjpAV41oi5zHkoAmwNHrTNb5HSYDQppeGyXQuCW9G7OIzcnIp4OZ6BycV3Igi88wM0dWm7iMmxiQAAAABJRU5ErkJggg==") !important;
}
/* Svg icons*/