.elementor-kit-12{--e-global-color-primary:#2E2F2B;--e-global-color-secondary:#2E2F2B;--e-global-color-text:#2E2F2B;--e-global-color-accent:#61B259;--e-global-color-1718ab0:#F5F5F7;--e-global-color-68159f2:#FFFFFF;--e-global-color-e5afdea:#2E2F2B;--e-global-color-eaec417:#CCCCCC;--e-global-color-55ee813:#CCCCCC4A;--e-global-color-c31c117:#2E2F2B;--e-global-color-6317030:#2E2F2B;--e-global-typography-primary-font-family:"Tga Font";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Tga Font";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Tga Font";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Tga Font";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-1718ab0 );}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{font-size:16px;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:12px 24px 12px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1366px;}.e-con{--container-max-width:1366px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-12 e-page-transition{background-color:#89183900;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* dark button start */

.darkbutton button {
  background: transparent;
  border: 1px solid #ccc;
  outline: none;
  padding: 8px 16px;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  border-radius: 30px;
}

.darkbutton button:hover {
  animation: animate-scaleX 0.6s cubic-bezier(0.4, 0, 0, 1);
}

.darkbutton button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
  background-image: linear-gradient(90deg, #61B259 0%, #61B259 100%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;

  transform: translateY(100%);
  background-size: 200% 200%;
  animation: gradientAnimation 3s ease infinite;
}

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

.darkbutton button:hover::after {
  transform: translateY(0%);
}

.darkbutton button span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: #2E2F2B;
  padding-top: 5px;
}

.darkbutton button span:after {
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 100%);
  color: white;
  padding-top: 5px;
}
.darkbutton button:hover span:after {
  transform: translate(-50%, 0);
}

.darkbutton button:focus {
    outline: none;
}

@keyframes animate-scaleX {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
  100% {
    transform: scaleX(1);
  }
}

/* dark button finish */

/* white button start */ 



.whitebutton button {
  background: transparent;
  border: 1px solid #ffffff76;
  outline: none;
  padding: 8px 16px;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  border-radius: 30px;
}

.whitebutton button:hover {
  animation: animate-scaleX 0.6s cubic-bezier(0.4, 0, 0, 1);
}

.whitebutton button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;
  
  transform: translateY(100%);
}

button:hover::after {
  transform: translateY(0%);
  border-radius: 0;
}

.whitebutton button span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: #fff;
  padding-top: 5px;
}

.whitebutton button span:after {
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 100%);
  color: #2E2F2B;
  padding-top: 5px;
}
.whitebutton button:hover span:after {
  transform: translate(-50%, 0);
}

.whitebutton button:focus {
    outline: none;
}

@keyframes animate-scaleX {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
  100% {
    transform: scaleX(1);
  }
}


/* white button finish */

.elementor-slideshow__title {
    display: none;
}

/* dinamik kart başlangıç */

.dinamikkart .elementor-button.elementor-size-sm {
  background: transparent;
  border: 1px solid #ccc;
  outline: none;
  padding: 20px 18px 20px 18px !important;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  color: #fff !important; /* Buton metni rengi */
    border-radius: 30px;
    line-height: 1.1 !important;
    
}



.dinamikkart .elementor-button.elementor-size-sm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #61B259;

  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  background-size: 200% 200%;
  animation: gradientAnimation 3s ease infinite;
}

.dinamikkart:hover .elementor-button.elementor-size-sm::after {
  transform: translateY(0%);
}

.dinamikkart .elementor-button.elementor-size-sm span {

  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: #fff !important;
  z-index: 9999;
 
}

.dinamikkart:hover .elementor-button.elementor-size-sm span {


  color: #fff !important;
  z-index: 9999;
 
}
.dinamikkart:hover {
    cursor: pointer;
}



.dinamikkart .elementor-button:hover span{
    z-index: 99999 !important;
    color: #fff !important;
}

/* dinamik kart bitiÅŸ *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-LightItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-MediumItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-BoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-BoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Tga Font';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.carbomax.de/wp-content/uploads/2024/01/Satoshi-BlackItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */