@font-face {font-display:swap; font-family:'Gilroy-SemiBold'; font-style:normal; font-weight:normal; src:local('Gilroy-SemiBold'), url('../fonts/Gilroy-SemiBold.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Gilroy-Light'; font-style:normal; font-weight:normal; src:local('Gilroy-Light'), url('../fonts/Gilroy-Light.woff2') format('woff2')}
@font-face {font-display:swap; font-family:"menu"; font-style:normal; font-weight:normal; src:url("../fonts/menu.woff2") format("woff2")}
@font-face {font-display:swap; font-family:'icomoon'; src:url('../fonts/icomoon.woff2') format('woff2'); font-weight:normal; font-style:normal;}
* {border:0;  color:inherit; position:relative;box-sizing:border-box;  outline:0; font-weight:inherit}
body{background:url("../images/b.webp");background-size: cover;background-repeat: repeat  }
@media screen and (max-width:1320px) {
body{background:url("../images/bm.webp");background-size: cover;background-repeat: repeat  }
}
html, body {width:100%; height:100%; }
.nav-wrapper {
	max-width: 1900px;padding: 0 20px;position: relative; margin:auto; }

.unter .nav-wrapper {margin: auto}
@media screen and (max-width:1990px) {
.nav-wrapper {
	max-width: 1700px;}}
@media screen and (max-width:1700px) {
.nav-wrapper {
	max-width: 1650px;}}
@media screen and (min-width:2450px) {.nav-wrapper {width: 100%; }}
#top {display:flex; right:266px; top:20px; position:absolute; z-index:99999;}
a.logo {top:35px; position:absolute; left:50px; z-index:99999}
a.logo img {display:block; width:160px}
#top ul {margin:16px auto;top:-6px; display:flex; align-items:center; border-radius:57px; font-size:16px; color:#000; font-family:menu; letter-spacing:0; padding:7px;}
.index .nav-wrapper *{color:#fff !important}

#top-right {padding:13px}
#top ul li {margin:0; border-radius:25px}
#top ul li:hover {background:#000; color:#fff !important; text-shadow:none; font-weight:lighter}
#top ul li:hover:nth-child(9) {background:#333}
#top ul li:hover:nth-child(8) {background:none}
#top ul li:hover:nth-child(9) {background:none}
#top ul li:nth-child(8) {margin-right:-19px}
#top ul li>:first-child {display:block; padding:9px 17px 11px; cursor:pointer; transform:translate3d(0,0,0);color: #000; font-size:17px}
#top ul li:hover>:first-child {color: #fff; }
#top-right {position:absolute; display:flex; align-items:center; justify-content:flex-end; left:0; top:12px; right:30px;z-index:9999}
#top-right div.tell {display:flex;top:9px; font-family:menu; letter-spacing:-1px; padding:7px; z-index:2}
#top-right div.tell a {display:flex; align-items:center; margin-left:1px}
#top-right div.tell a img {width:45px; max-width:100%; max-height:100%}
#top-right div.tell a span {font-size:17px; line-height:17px; margin-left:10px; color:#000}
#top-right div.tell a span b {font-size:14px; letter-spacing:1px; font-weight:bolder; color:#000}
#top-right div.WhatsApp a img {width:45px; max-width:100%; max-height:100%}
#top ul li.menu_toggle a {display:block; height:40px; padding:5px}
#top ul li.menu_toggle {display:none}
#top ul li.menu_toggle a img {width:45px; max-width:100%; max-height:100%}
#top ul li.submenu div {width:440px; display:none; letter-spacing:0; position:absolute; background:inherit; border-radius:15px; border-top-left-radius:0; padding:9px 9px 4px 0; flex-wrap:wrap; box-shadow:0 57px 41px 0 rgba(0,0,0,0.39); margin-top:-1px}
#top ul li.submenu div a {display:flex;align-items:center; width:220px; margin:0 0 5px 9px; border-radius:15px; padding:9px 15px; color:#333; overflow:hidden; z-index:1}
#top ul li.submenu div a:hover {background: #333;  }
#top ul li.submenu:hover div a,
#top ul li.submenu:hover div a span.text,
#top ul li.submenu:hover div a span.text span.title,
#top ul li.submenu:hover div a span.text span.subtitle {
    color: #fff !important;
}
#top ul li.submenu div a img {display:block; width:26px; margin-right:15px}
#top ul li.submenu div a span.text {display:block; line-height:14px}
#top ul li.submenu div a span.text span.title {color:#000; letter-spacing:0; font-size:17px; display:block; line-height:21px}
#top ul li.submenu div a span.text span.subtitle {color:#000; font-family:Gilroy-Light; display:block; margin-top:2px; font-size:14px; letter-spacing:0}
#top ul li.submenu div.sub-img {position:absolute; display:flex; box-shadow:none; justify-content:flex-end; background:none; z-index:0}
#top ul li.submenu div.sub-img img {box-shadow:none; background:none; float:right; position:absolute; top:-8px; left:229px; border-top-right-radius:15px; border-bottom-right-radius:15px}
#top ul li.submenu:hover {border-bottom-left-radius:0; border-bottom-right-radius:0}
#top ul li.submenu:hover div {display:flex}
#top a.logo {left:55px; top:14px}
@media (min-width:1700px) {
#top-right {right:35px}
}
@media screen and (max-width:1339px) {
a.logo {top:30px; left:46px;}
#top ul li.submenu div.sub-img {display:none}
#top ul li.submenu div.sub-img img {display:none}
#top {position:absolute}
#top ul {margin:15px 37px 20px auto; background:none; border:none; text-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none}
#top ul li {display:none}
#top ul li:hover, #top ul li.active {box-shadow:none!important}
#top ul li>:first-child {padding:0}
#top ul li.submenu div {background:none!important}
#top ul li.submenu_orange div {background:none!important}
#top-right div.WhatsApp, #top ul li.menu_toggle {position:absolute; display:block; padding:0; background:none; margin:0 3px;  }#top ul li.submenu:hover div a,
#top ul li.submenu:hover div a span.text,
#top ul li.submenu:hover div a span.text span.title,
#top ul li.submenu:hover div a span.text span.subtitle {
    color: #000 !important;
}
#top ul li.menu_toggle img {width:52px!important; height:35px; top:21px; right:-25px; max-width:initial!important; max-height:initial!important}
#top-right div.WhatsApp a img {width:40px; height:35px; max-width:initial!important; max-height:initial!important}
#top-right div.tell img {width:50px;        height: 45px; max-width:initial!important; max-height:initial!important}
#top-right div.tell {position:absolute; padding:0; background:none; margin:0px; right:30px; width:auto; height:auto; margin-right:0;         margin-top: -8px; top:32px; z-index:2}
#top.menu_visible {position:fixed; bottom:0; z-index:9999999; -webkit-tap-highlight-color:transparent;background:#000;flex-direction:column; opacity:.9; top:0; left:0; right:0;}
#top ul li:hover:nth-child(9) {background:none}
#top.menu_visible a.logo {display:none}
#top.menu_visible * {color:#fff !important}
#top.menu_visible ul {position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; border-radius:0; display:block; margin:0; padding-top:100px; border:0}
#top.menu_visible ul li {display:block; margin:auto; max-width:300px; border-radius:0; font-size:26px; background:none!important; color:#fff!important; z-index:1;}
#top.menu_visible ul li>:first-child:before {display:none}
#top.menu_visible ul li.menu_toggle {position:fixed; z-index:1; top:50px; right:45px; width:70px; height:40px; border:0; cursor:pointer; text-align:right}
#top.menu_visible ul li.menu_toggle:after {display:block; content:"\274C"; color:#fff; font-size:23px; margin-left:0px; margin-right:47px;}
#top.menu_visible ul li.menu_toggle img {display:none}
#top.menu_visible ul li.WhatsApp {display:none}
#top.menu_visible ul li.fb {display:none}
#top.menu_visible li:nth-child(8) {margin-right:0px ; margin:0 auto}
#top.menu_visible ul li>:first-child {border-radius:20px; text-align:center; margin:8px auto; padding:8px 0}
#top.menu_visible ul li.submenu div {display:none; box-shadow:none; position:relative; padding:0 20px 20px; font-size:20px}
#top.menu_visible ul li.submenu div a span.text span.title {color:#fff}
#top.menu_visible ul li.submenu div a span.text span.subtitle {color:#fff}
#top ul li.submenu div.two_columns {width:297px}
#top.menu_visible ul li.submenu.submenu_visible div {display:block; width:303px}
#top.menu_visible ul li {border-bottom:1px #fff solid;}
#top.menu_visible ul li.submenu.submenu_visible div a {border-bottom:1px #fff solid; border-radius:0; text-align:center; display:block; margin:7px auto; top:5px; color:inherit; padding:8px 0; width:232px}
#top.menu_visible ul li.submenu.submenu_visible div a:before {display:none}
#top.menu_visible ul li.submenu.submenu_visible div a:hover {background:none}
#top.menu_visible ul li.submenu.submenu_visible div a img {display:none}
#top.menu_visible ul li.submenu.submenu_visible div a span.subtitle {display:none}
#top ul li.submenu:hover div a span.text,
#top ul li.submenu:hover div a span.text span.title,
#top ul li.submenu:hover div a span.text span.subtitle {
    color: #fff !important;
}
}

@media screen and (max-width:798px) {
#top ul li.menu_toggle  {top:-8px; right:-189px;}
#top-right div.tell {padding:7px 0px; right:10px; top:25px; color:#fff}
#top-right div.tell span {display:none}
#top-right div.tell span b {display:none}
}

@media screen and (max-width:550px) {
#top a.logo img {left:5px}
}


.heade {width:100%;margin:0 auto;}
.slides {
  display: flex;
  width: 200%; /* bei 2 Slides – passt JS später dynamisch an */
  transform: translateX(0); /* Start bei der ersten Slide */
  transition: none; /* keine Animation beim ersten Render */
}
/* ---- Slider ---- */
.slider {
  position: relative;
  width: 100%;
  max-width: 1900px;
  margin: 0 auto;
  border-radius: 60px;cursor: pointer;
  overflow: hidden; /* <<< wichtig, nicht verstecken */
}

.slides {
  display: flex;overflow: hidden;
  transition: transform 0.8s ease-in-out;
  
}
.slide {
 width:100%;
  overflow: visible; /* nur den Inhalt der Slides beschränken */
}

/* ---- Navigation Buttons ---- */
.slider-nav {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}
.slider-nav button {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: background 0.3s;
}
.slider-nav button.active {background:#ff6600;}

/* ---- Slide 1 ---- */
div.header, div.header2 * {box-sizing:border-box;}
div.header {
  width:100%;display:flex;justify-content:center;
  max-width:1900px;background-size:cover;
}
div.header_inner {
  display:flex;flex-wrap:wrap;width:100%;max-width:1900px;min-height:50%;
  justify-content:flex-start;align-items:stretch;
  padding:220px 120px 0 150px;
  background:url("../images/seo-agentur-frankfurt.webp") center/cover no-repeat;
  
}
div.header_left {
  min-width:300px;max-width:100%;display:flex;flex-direction:column;
  justify-content:flex-start;padding-bottom:100px;
}
div.header_left h1 {font-size:40px;line-height:40px;color:#fff;margin:20px 0 -38px;font-family:'Gilroy-Light';}
div.header_left h2 {font-size:62px;line-height:80px;color:#fff;margin:20px 0;font-family:'Gilroy-Light';}
div.header_left h2 span {display:block;}

/* ---- Slide 2 ---- */
div.header2, div.header2 * {box-sizing:border-box;}
div.header2 {width:100%;display:flex;justify-content:center;max-width:1900px;background-size:cover;}
div.header_inner2 {
  display:flex;flex-wrap:wrap;width:100%;max-width:1900px;min-height:50%;
  justify-content:center;align-items:stretch;
  padding:220px 120px 0 150px;
  background:url("../images/webdesign-agentur-frankfurt.webp") center/cover no-repeat;
  
}.slider {margin-top:30px}
div.header_left2 {
  min-width:300px;max-width:100%;display:flex;flex-direction:column;
  justify-content:center;padding-bottom:100px;
}
div.header_left2 h3 {font-size:40px;line-height:40px;color:#000;margin:20px 0 -38px;text-align:center;font-family:'Gilroy-Light';}
div.header_left2 h2 {font-size:62px;line-height:80px;color:#000;margin:20px 0;text-align:center;font-family:'Gilroy-Light';}
div.header_left2 h2 span {display:block;}
div.header_left_services {display:flex;flex-wrap:wrap;justify-content:flex-start}
div.header_left_services img {min-width:180px;max-width:180px;border-radius:18px;margin:80px 20px;justify-content: flex-start;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
div.header_left_services2 {display:flex;flex-wrap:wrap;justify-content:center;backd}
div.header_left_services2 img {min-width:180px;max-width:180px;border-radius:18px;margin:80px 20px;justify-content: center;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
@media (min-width:2450px) {
div.header_left h2 {font-size:75px;line-height: 100px;}
	div.header_left_services img {min-width:170px;max-width:170px}
	div.header_left2 h2 {font-size:75px;line-height: 100px;}
div.header_left_services2 img {min-width:170px;max-width:170px;}.slider {margin-top:90px ; }

}
@media (max-width:1990px) {.slider {
  max-width: 1700px;
  overflow: hidden; /* <<< wichtig, nicht verstecken */
}
	div.header_left_services img {margin:60px 20px;}
  div.header_inner {max-width:1700px;background:url("../images/seo-agentur-frankfurt-hd.webp");}
  div.header_left h1 {font-size:30px;line-height: 40px}  div.header_left_services img {min-width:130px;max-width:130px;}
  div.header_left h2 {font-size:50px;        line-height: 64px;}
	
		div.header_left_services2 img {margin:60px 20px;}
  div.header_inner2 {max-width:1700px;background:url("../images/webdesign-agentur-frankfurt-hd.webp");}
  div.header_left2 h3 {font-size:30px;line-height: 40px}  div.header_left_services2 img {min-width:130px;max-width:130px;}
  div.header_left2 h2 {font-size:50px;        line-height: 64px;}
}
/* ---- Responsive ---- */
@media (max-width:1770px) {

  div.header_inner {background:url("../images/seo-agentur-frankfurt-hd-1700.webp");} div.header_inner2 {background:url("../images/webdesign-agentur-frankfurt-hd-1700.webp");}
	
	.slider {width:calc(100% - 50px);
  overflow: hidden; /* <<< wichtig, nicht verstecken */
}
}
@media (max-width:1500px) {
  div.header_left h1, div.header_left2 h3 {font-size:15px;}
  div.header_left h2, div.header_left2 h2 {font-size:40px;line-height:54px;}
  div.header_left_services img, div.header_left_services2 img {min-width:120px;max-width:120px;margin:10px;}
}
@media (max-width:1300px) {

  div.header_inner {background:url("../images/seo-agentur-frankfurt-hd-1300.webp");} div.header_inner2 {background:url("../images/webdesign-agentur-frankfurt-hd-1300.webp");}
	
	
}
@media (max-width:900px) {.slider{overflow: hidden;} div.header_inner, div.header_inner {
    padding:0;background-size:cover; 
	} 
  div.header_inner, div.header_inner2 {max-height: 93vh; height: 87vh;
    padding:0;background-size:cover;
	}  div.header_left_services {justify-content: center}
  div.header_left_services img:nth-child(2), div.header_left_services2 img:nth-child(2) {display: none}
  div.header_left, div.header_left2 {
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:0; text-align:center;margin: 0 auto;
  }
  div.header_left h1, div.header_left2 h3 {font-size:15px;line-height:15px;}
  div.header_left h2, div.header_left2 h2 {font-size:25px;line-height:35px;font-weight:bolder;}
	 div.header_inner2 { background:url("../images/webdesign-agentur-frankfurt-hd-900.webp");background-size: cover; }
	 div.header_inner{ background:url("../images/seo-agentur-frankfurt-hd-500.webp");background-position: right bottom;background-size: cover;}
	 .slider {border-radius:30px; 
    max-height: 93vh; height: 87vh;  /* <<< nur unter 900px aktiv */
    aspect-ratio: auto; /* Verhältnis nicht erzwingen auf kleineren Screens */
  }
	
  .slides,
  .slide,
  .header_inner,
  .header_inner2 {
    height: 100%;
  }
}
.marketing {padding-bottom:60px;padding-top:30px}
.marketing h4 {margin:44px 0 15px; letter-spacing:0; font-size:26px; font-family:'Gilroy-SemiBold'; color:#000;}
.marketing h3 {font-size:24px !important; line-height:34px!important; max-width:450px; font-family:"Gilroy-Light"; color:#000
}
.marketing h2 {text-align:center; font-size:50px;color: #000;  padding-top:20px; display:block; margin:0 auto; margin-bottom:10px; letter-spacing:1px}
.marketing p {color:#000}
.marketing .col-lg-8s {flex:0 0 auto; width:66.66666667%}
.marketing .shadow {background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);background-size: cover;background-repeat: no-repeat;color:#fff;border-radius:65px !important}
.container2 {width:100%; max-width:1900px; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto}
.marketing .justify-content-between {justify-content:space-between!important}
.marketing .flotimgsw {position:absolute; bottom:0; right:0px !important; max-width:350px!important; width:350px!important}
.marketing .row {display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-0.5 * var(--bs-gutter-x)); margin-left:calc(-0.5 * var(--bs-gutter-x))}
.marketing .row > * {flex-shrink:0; width:100%; max-width:100%; padding-right:15px; padding-left:15px}
.marketing .mt40 {margin-top:40px}
.marketing .col-lg-6s {flex:0 0 auto; width:45%}
.marketing .sw-cta-quote {padding:60px 210px 60px 40px; border-radius:15px; position:relative}
.marketing .gap50 {grid-gap:20px}
.marketing .mb10 {margin-bottom:0}
.marketing .cta-heading, .marketing .swheadertext {text-align:center}
.marketing .swheadingwithtext {padding-top:15px}
.marketing .col-lg-5s {flex:0 0 auto; width:48.66666667%}
.marketing .sw-cta-quote {border-radius:15px; padding:60px 150px 60px 54px}
.marketing .flotimgsw {right:-90px; max-width:250px}
.marketing h3 {font-size:26px}
.marketing h4:first-child {margin:62px 0 15px}
@media (min-width:2450px) {.marketing {padding-top:140px}}
@media (max-width:2200px) {
.marketing {padding-top:60px}}
@media (max-width: 1990px) {
.container2 {max-width:1700px}
.marketing .swheadingwithtext {padding-top:0px}
	.marketing .flotimgsw {
    right: -71px !important;
}
}
@media (max-width: 1800px) {
.marketing .sw-cta-quote {
    padding: 60px 249px 60px 55px;
}
}
@media (max-width:1500px) {
.marketing .col-lg-6s {flex:0 0 auto; width:45%}
.marketing .col-lg-5s {flex:0 0 auto; width:48.66666667%}
}

@media (max-width:1400px) {
.marketing .col-lg-6s {flex:0 0 auto; width:52%}
.marketing .col-lg-5s {flex:0 0 auto; width:44.66666667%}
	.container2 {max-width:1320px}
}

@media (max-width: 1200px) {
.marketing h3 {font-size:18px ; line-height:32px}
}
@media (max-width:800px) {
.marketing .shadow {border-radius:40px !important}
}

@media (max-width: 768px) {
.container2 {max-width:720px}.marketing {padding-bottom:60px;padding-top:40px}
}
@media (max-width: 576px) {
.container2 {max-width:540px}
}

@media only screen and (max-width: 1200px) {
.marketing .sw-cta-quote {padding:40px 30px}
.marketing .flotimgsw {display:none}
}

@media (max-width: 991px) {
.marketing .col-lg-6s {width:99.66666667%}
.marketing .col-lg-5s {width:99%}
}

@media (max-width: 700px) {
.marketing h1 {font-size:31px; margin:0; padding:20px; line-height:35px;}
.marketing h2 {font-size:31px; margin:0; padding:20px; line-height:35px}
}
@media (min-width:768px) {
.col-md-12 {flex:0 0 auto; width:100% !important}
.col-md-6 {flex:0 0 auto; width:50% !important}
}
@media (max-width:1200px) {
.col-lg-70 {display:block; width:98% !important}
.col-lg-50 {display:block; width:98% !important}
}
@media (min-width:1200px) {
.col-xl-5 {flex:0 0 auto; width:41.66666667% !important}
.col-xl-6 {flex:0 0 auto; width:50% !important}
.col-xl-3 {flex:0 0 auto; width:25% !important}

}
@media only screen and (min-width: 768px) and (max-width:991px) {
.btnn {padding-bottom:0; z-index:1;
        margin-top: 40px;}
}
.btnnn a {background:#00253f; color:#fff!important; font-size:20px; font-style:normal; font-weight:400; line-height:normal; display:inline-block; padding:15px 22px 15px 22px; border-radius:38px; z-index:1}
.btnnn a:hover {background:#000;color: #fff}
.btnn a {background:#00253f; color:#fff!important; font-size:20px; font-style:normal; font-weight:400; line-height:normal; display:inline-block; padding:15px 22px 15px 22px; border-radius:38px; z-index:1}
.btnn a:hover {background:#000;color: #fff}

.btnn  {background:#00253f; color:#fff!important; font-size:20px; font-style:normal; font-weight:400; line-height:normal; display:inline-block; padding:15px 22px 15px 22px; border-radius:38px;text-align: center; z-index:1}
.btnn:hover {background:#000;text-align: center;color: #fff}
.services{background-size: cover;background-repeat: no-repeat;background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);background-position: center bottom;max-width:1900px;margin:110px auto;border-radius:65px; }
.services-section {position:relative; padding:90px 0 70px; max-width:1700px;margin:0 auto; color:#000}
.services-section .sec-title {
    margin-bottom: 30px;
    padding: 0 15px;
}
.services-section .sec-title h2 {color:#000}
.services-section .sec-title .lower-text {color:#000}
.services-section .row {counter-reset:slides-num}
.services-section .row .service-block {counter-increment:slides-num}
.service-block {position:relative; margin-bottom:28px; display:flex;}
.service-block .inner-box {position:relative; display:block; padding:50px 45px; background:#fff;border-radius:20px; overflow:hidden; transition:all .5s ease}
.service-block .inner-box .bottom-curve {position:absolute; right:-70px; bottom:0; width:100px; height:80%; background:#f2f2f2; opacity:.2; z-index:0; transform:skewX(0) scaleX(0); transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease}
.service-block .inner-box:hover .bottom-curve {transform:skewX(-35deg) scaleX(1)}
.service-block .inner-box .count {position:relative; display:block; font-size:50px; line-height:1em; color:#000; opacity:.07; margin-bottom:40px}
.service-block .inner-box .icon-box {position:absolute; right:45px; top:25px; color:var(--thm-base); font-size:64px; line-height:1em; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease}
.service-block .inner-box h3 {position:relative; margin:0; margin-top:0px; font-size:20px; text-transform:uppercase; color:#000; font-weight:400; letter-spacing:1px; line-height:1.1em}
.service-block .inner-box h3 {color:#000; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease}
.service-block .inner-box p{color:#000;}
.service-block-three {padding-top:90px}
.service-block-three__single {margin-top:30px; background-color:#eff1f4; padding:50px; display:flex; align-items:center; transition:all .5s ease}
.service-block-three__single h3 {margin:0; color:var(--thm-black); font-size:20px; line-height:34px; font-weight:700; text-transform:capitalize; transition:all .5s ease}
.service-block p {color:#fff; top:15px;}

.service-block-three__single h3 {color:inherit}
@media (max-width: 1990px) {
.services{max-width:1700px;}
}
@media (max-width: 1700px) {
.services{max-width:1700px;  border-radius:40px;      margin: 0 15px !important; }
}
@media (max-width: 1200px) {
.services-section .sec-title h2 {font-size:24px ; line-height:32px; margin-bottom:10px}
.services {margin:40px auto;}
.services-section {padding:50px 0 50px;}
}
section.portofolio {max-width:1700px; margin:auto; padding:50px 20px;}
section.portofolio div.titles {text-align:center;}
section.portofolio div.titles h2 {margin:20px 0px;color:#000;}
section.portofolio div.titles span {display:block; color:#000; font-weight:300; letter-spacing:3.52px; text-transform:uppercase;}
section.portofolio div.portofolio_inner {display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
section.portofolio.portofolio_two_on_row div.portofolio_inner{
	gap:40px;
}
section.portofolio div.portofolio_inner div.portfolio_item {width:calc(25% - 20px); margin:30px 0px; border-radius:15px; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
section.portofolio.portofolio_two_on_row div.portofolio_inner div.portfolio_item{
	width:calc(50% - 40px);
}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_image {margin:21px;}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_image a {display:block; overflow:hidden; border-radius:15px;}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_image a img {width:100%; transform:scale(1); transition:all 0.4s ease 0s;}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_image a img:hover {transform:scale(1.2);}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_info {margin:21px;}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_info div.portfolio_item_info_flex {display:flex; align-items:center;}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_info div.portfolio_item_info_flex a {margin-left:auto;}
section.portofolio div.portofolio_inner div.portfolio_item div.portfolio_item_info div.portfolio_item_info_flex a img {display:block}
.a_place_to_go {margin-top:50px; text-align:center;}
.a_place_to_go a {display:inline-block; background:#00253f; font-size:20px; font-style:normal; font-weight:400; line-height:normal; display:inline-block; padding:15px 15px 15px 22px; border-radius:38px; z-index:1; color:rgb(255, 255, 255) !important;}
.a_place_to_go a:hover{background:#000;color: #fff}

@media (min-width:1990px) {
section.portofolio {max-width:1700px;}
}@media (min-width:2200px) {
section.portofolio {max-width:1900px;}
}
@media (max-width:1200px) {
section.portofolio div.portofolio_inner div.portfolio_item {width:calc(33.33% - 20px);}
}

@media (max-width:900px) {
section.portofolio div.portofolio_inner div.portfolio_item {width:calc(50% - 20px); margin:20px 0px;}
}

@media (max-width:500px) {
section.portofolio div.portofolio_inner div.portfolio_item {width:calc(100% - 20px); margin:10px 0px;}
}
footer {background:rgba(54,69,79,0.8);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);max-width: 1900px;margin: 0 auto;border-radius: 57px; background-position: center center;padding:32px 50px;background-size: cover}
footer * {color:#fff;font-family:"menu";}
footer div.footer_inner {display:flex; width:100%;margin-bottom:150px; max-width:1520px; margin:auto;}
footer div.footer_inner div.footer_left {min-width:380px; max-width:380px;}
footer div.footer_inner div.footer_left img {max-width:40%;}
footer div.footer_inner div.footer_left h2 {text-transform:uppercase; margin-bottom:5px; font-family:"Gilroy-SemiBold"; font-size:50px; line-height:normal; font-weight:400;}
footer div.footer_inner div.footer_left h3 {font-family:"menu";letter-spacing:20.72px; text-transform:uppercase;}
footer div.footer_inner div.footer_right {width:100%;}
footer div.footer_inner div.footer_right div.footer_line_two {width:100%; display:flex; margin-bottom:60px;}
footer div.footer_inner div.footer_right div.footer_line_two ul, footer div.footer_inner div.footer_right div.footer_line_two a.contact_cricle {min-width:25%; max-width:25%;}
footer div.footer_inner div.footer_right div.footer_line_two ul li {margin-top:3px;}
footer div.footer_copyright {text-align:center; font-family:"menu";}


@media (max-width:1990px) {
footer {max-width: 1700px;}
}
@media (max-width:1700px) {
footer {margin: 0 15px !important;}
}
@media (max-width:1200px) {footer div.footer_inner {flex-wrap:wrap;}
footer div.footer_inner div.footer_left, footer div.footer_inner div.footer_right {min-width:100%; max-width:100%; margin:30px 0px;}
footer div.footer_inner div.footer_right div.footer_line_two {flex-wrap:wrap;}
footer div.footer_inner div.footer_right div.footer_line_two ul {min-width:100%; max-width:100%; margin:10px 0px;}
	footer div.footer_copyright span{display: block;line-height:5px;text-align: left;}
	footer div.footer_copyright span:last-child{padding-bottom: 40px}

}
div.breadcrumbs *{color: #000}
div.breadcrumbs {max-width: 1900px;margin: 0 auto;
    text-align: center;border-radius: 57px;margin-top:30px;
    background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    padding: 200px 20px 70px 20px; 
    color:#000;
}
@media screen and (max-width:1990px) {
div.breadcrumbs {
	max-width: 1700px;}}
@media screen and (max-width:1700px) {
div.breadcrumbs {margin-top:30px !important;
	margin-right:20px;margin-left:20px;}}
div.breadcrumbs h2 {font-family:"Gilroy-SemiBold"; font-size:50px; color:#000;line-height:normal; font-weight:400; text-transform:uppercase;}
@media (max-width:1600px) {
div.breadcrumbs {padding:140px 20px 50px 20px;}
}

@media (max-width:1200px) {
div.breadcrumbs h2 {font-size:40px;}
}

@media (max-width:1000px) {
div.breadcrumbs h2 {font-size:30px;}
	
}

.firstt {color:#000 !important; -webkit-text-stroke-width:0px !important; font-family:"Gilroy-SemiBold";}
body {margin:0; font-family:var(--bs-body-font-family); font-size:var(--bs-body-font-size); font-weight:var(--bs-body-font-weight); line-height:var(--bs-body-line-height); color:var(--bs-body-color); text-align:var(--bs-body-text-align); -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent;}
hr {margin:1rem 0; color:inherit; border:0; border-top:var(--bs-border-width) solid; opacity:.25}
.index .h2, .index h2 {color: #000; }
.h1, .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:.5rem; font-weight:500; line-height:1.2; color:var(--bs-heading-color)}
.portfolio-area h3 {margin-top:0; margin-bottom:.5rem; font-weight:500; line-height:1.2; color:#000}
.h1, h1 {font-size:calc(1.375rem+1.5vw)}
.erf {margin-top:0; margin-bottom:.5rem; font-weight:500; line-height:1.2; color:var(--bs-heading-color)}
ul {list-style:outside none none; margin:0; padding:0;}
li {list-style:none}
::-moz-selection {background:#000; text-shadow:none; color:#fff}
::selection {background:#000; text-shadow:none; color:#fff}

@media (min-width:1200px) {
.h1, h1 {font-size:2.5rem}
}

.icon-send svg { overflow:hidden; margin-left:35px; font-size:11.3px; width:230px; height:230px;  font-family:'Gilroy-Light'; -webkit-animation-name:spin; -webkit-animation-duration:9000ms; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:spin; -moz-animation-duration:9000ms; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:spin; -ms-animation-duration:9000ms; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; animation-name:spin; animation-duration:9000ms; animation-iteration-count:infinite; animation-timing-function:linear;}

@media only screen and (max-width:1199px) {
.icon-send {display:none}
}

@-moz-keyframes spin {
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes spin {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.h2, h2 {font-size:calc(1.325rem+.9vw);color:#000;}
button {background:transparent;}
@media (min-width:1200px) {
.h2, h2 {font-size:2rem;}
}
.h3, h3 {font-size:calc(1.25rem)}
@media (min-width:1200px) {
.h3, h3 {font-size:1.25rem}
}
.mr-10 {margin-right:10px}
.h4, h4 {font-size:calc(1.275rem+.3vw)}
@media (min-width:1200px) {
.h4, h4 {font-size:1.5rem}
}
.h5, h5 {font-size:1.25rem}
.h6, h6 {font-size:1rem}
.erf {font-size:1rem}
p {margin-top:0; margin-bottom:1rem}
.container-fluid {max-height:100vh}
.container-fluid img {width:auto !important; width:auto !important}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x:1.5rem; --bs-gutter-y:0; width:100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-right:auto; margin-left:auto}
@media (min-width:576px) {
.container, .container-sm {max-width:540px}
}
@media (min-width:768px) {
.container, .container-md, .container-sm {max-width:720px}
}
@media (min-width:992px) {
.container, .container-lg, .container-md, .container-sm {max-width:960px}
}
@media (min-width:1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:1140px}
}
@media (min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1320px}
}
@media (min-width:1550px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1550px}
}
@media (min-width:1700px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1650px}
}
@media (min-width: 1990px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}
@media (min-width: 2200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1900px;
    }
}
:root {--bs-breakpoint-xs:0; --bs-breakpoint-sm:576px; --bs-breakpoint-md:768px; --bs-breakpoint-lg:992px; --bs-breakpoint-xl:1200px; --bs-breakpoint-xxl:1400px}
.row {--bs-gutter-x:1.5rem; --bs-gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-.5 * var(--bs-gutter-x)); margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>* {flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-top:var(--bs-gutter-y)}
.col-12 {flex:0 0 auto; width:100%}
.d-flex {display:flex!important}
.justify-content-end {justify-content:flex-end!important}
.align-items-center {align-items:center!important}
.justify-content-center {justify-content:center!important}
.justify-content-between {justify-content:space-between!important}
.align-items-end {align-items:flex-end!important}
a {color:#000; text-decoration:none}
a:hover {color:#fff; text-decoration:none}
* {margin:0; border:0; outline:none}
html, body {height:100%; font-size:16px; font-weight:400; font-family:"Gilroy-Light"; color:#000; vertical-align:baseline; line-height:29px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; direction:ltr}
p {font-size:16px; font-weight:500; font-family:"Gilroy-Light"; color:#000; line-height:29px; margin:0!important}
img {max-width:100%; height:auto}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit}
.portfolio-area h3 {margin-top:0; margin-bottom:0; font-family:"Gilroy-SemiBold"; color:#000; font-style:normal;}
.erf {margin-top:0; margin-bottom:0; font-family:"Gilroy-SemiBold"; color:#000; font-style:normal;}
h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:0; font-family:"Gilroy-SemiBold"; color:#000; font-style:normal;}
h1 {font-size:95px; font-weight:400; color:#000}
h1 span {font-size:140px; line-height:107.143%; font-weight:400}
h2 {font-size:50px; line-height:normal; font-weight:400}
h3 {font-size:22px; line-height:normal; font-weight:400; color:#000;}
.portfolio-area h3 {font-size:22px; line-height:normal; font-weight:400}
h4 {font-size:28px; line-height:normal; font-weight:400}
h5 {font-size:22px; line-height:normal; font-weight:400; color:#B0B0B0}
h6 {font-size:16px; line-height:26px; font-weight:700}
.page-section {padding-top:113px; padding-bottom:100px}
*, ::after, ::before {box-sizing:border-box}
@media (prefers-reduced-motion:no-preference) {
:root {scroll-behavior:smooth}
}
body {-ms-word-wrap:break-word; word-wrap:break-word; overflow-x:hidden;}
a, button {color:#000; outline:medium none;}
.error-404.not-found {margin-top:-20px; margin-bottom:40px}
.error-404.not-found .error-content .error-btn-bh {margin-top:20px; z-index:1}
.error-page-title h1 {color:#000;}
@media (min-width:1200px) {
.col-xl-5 {flex:0 0 auto; width:41.66666667%}
.col-xl-7 {flex:0 0 auto; width:58.33333333%}
}
html {scroll-behavior:smooth}
#seo-on-site {overflow:hidden}
#seo-on-site div.seo-on-site_inner {width:100%; max-width:1500px; margin:auto; padding:20px 50px 50px}
#seo-on-site div.seo-on-site_inner div.description {padding:20px 30px; border-radius:15px; margin:26px 0; text-align:center; color:#000;}
#seo-on-site div.seo-on-site_inner div.flex {display:flex; align-items:center; justify-content:center}
#seo-on-site h2 {margin:15px 0; font-size:50px; color:#000; text-align:center; padding-bottom:48px; line-height:54px}
.seo-on-site {flex:100%; max-width:100%; padding:20px 30px; border-radius:15px}
.seo-on-site h4 {font-size:26px; margin-bottom:10px; font-weight:100; color:#000;}
.seo-on-site h5 {font-size:26px; margin:45px 0 10px; font-weight:100; color:#000;}
.seo-on-site h6 {font-size:18px; margin:30px 0 10px; font-weight:100; color:#000}
.seo-on-site strong {font-size:16px; color:#000}
.seo-on-site ul {padding:10px; border-radius:30px; display:inline-block; float:left; width:25%}
.seo-on-site ul li {color:#000; font-weight:100; display:block; margin:15px 0; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); padding:15px 25px; border-radius:15px}
.seo-on-site ul li img {margin-right:15px}

@media all and (max-width: 1450px) {
#seo-on-site div.seo-on-site_inner div.presentation img {display:none}
.seo-on-site ul {width:25%}
#seo-on-site {flex-basis:100%; max-width:100%}
}

@media screen and (max-width: 1200px) {
#seo-on-site div.seo-on-site_inner div.flex div.flex_items div {flex-basis:49%; padding:20px}
.seo-on-site ul {width:50%}
}

@media screen and (max-width: 1000px) {
#seo-on-site div.seo-on-site_inner {padding:40px}
#seo-on-site div.seo-on-site_inner div.description {margin:24px 0}
#services2 div.flexa h2 {font-size:28px}
}

@media screen and (max-width: 700px) {
#seo-on-site div.seo-on-site_inner {padding:20px}
#seo-on-site h2 {font-size:40px; padding-bottom:20px}
#seo-on-site div.seo-on-site_inner div.flex div.flex_items div {flex-basis:100%; padding:20px}
}

@media all and (max-width: 600px) {
.seo-on-site ul {display:inline-block; float:none; width:100%; margin:30px 0}
}
.pricing-page{margin:0 0 120px auto}
.pricing-style-one-area {
	position: relative;
	z-index: 1;
}

.pricing-items {
	margin-top: -30px;
}

.pricing-style-one {
	display: flex;
	padding: 60px 40px;
	margin-top: 30px;
	border-radius: 30px;
	border: 2px solid transparent;
	transition: all 0.35s ease-in-out;
}
.onee{background:rgba(255,255,255,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.twoo {background:rgba(227,227,227,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.treee {background:rgba(205,205,205,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.onees{background:rgba(255,255,255,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.twoos{background:rgba(227,227,227,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.treees {background:rgba(205,205,205,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.oneeg{background:rgba(255,255,255,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.twoog {background:rgba(227,227,227,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.treeeg{background:rgba(205,205,205,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.oneep{background:rgba(255,255,255,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.twoop {background:rgba(227,227,227,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.treeep {background:rgba(205,205,205,0.7);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.bg-dark .pricing-style-one {
	background: var(--dark-optional);
	box-shadow: none;
}
.pricing-style-one-area h2{text-align: center;margin: 80px auto}
.pricing-items h2{text-align:left;}



.pricing-style-one .left {
	width: 50%;
	border-right: 1px solid #000;
	margin-right: 50px;
	padding-right: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}

.bg-dark .pricing-style-one .left {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.pricing-style-one h4 {
	font-weight: 700;
	margin-bottom: 10px;
}

.bg-dark .pricing-style-one.active h4 {
	color: var(--white);
}

.pricing-style-one ul li {
	position: relative;
	z-index: 1;
	padding-left: 25px;
	margin-top: 10px;
	position: relative;
}

.pricing-style-one ul li:first-child {
	margin-top: 0;
}

.pricing-style-one ul li::after {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	height: 13px;
	width: 13px;
	background: url(../images/packs/hacken.webp);
	background-size: contain;
	background-repeat: no-repeat;
}

.bg-dark .pricing-style-one ul li::after {
	filter: brightness(0) invert(1);
}

.bg-dark .pricing-style-one.active ul li {
	color: var(--white);
}

.pricing-style-one ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pricing-style-one h2 {
	margin: 0;
	font-weight: 600;
	font-size: 50px;
}

.bg-dark .pricing-style-one.active h2 {
	color: var(--white);
}

.pricing-style-one span {
	display: block;
}

.bg-dark .pricing-style-one span {
	color: #cccccc;
}

.bg-dark .pricing-style-one.active span {
	color: var(--white);
}

.pricing-items p {
	margin-top: 25px;
}

.pricing-items h5 {
	font-weight: 700;
	margin-bottom: 20px;color:#000
}

.bg-dark .pricing-items h5 {
	color:#000
}

.pricing-items h5 strong {
	font-size: 36px;
	text-decoration: underline;
	margin: 0 3px;
	color:#000;
}

.pricing-style-one .btn-light {
	background: var(--dark);
	color: var(--white);
}

.bg-dark .pricing-style-one .btn-light {
	background: var(--white);
	color: var(--color-heading);
}

.pricing-style-one .btn-light:hover {
	background: var(--color-primary);
	color: var(--color-heading);
	border-color: var(--color-primary);
}
@media only screen and (min-width: 1200px) {
  .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }}
@media only screen and (max-width: 1700px) {
  .col-xl-4 {
        flex: 0 0 auto;
        width: 50%
    }}
@media only screen and (max-width: 800px) {
  .col-xl-4 {
        flex: 0 0 auto;
        width: 99%
    }}
@media only screen and (max-width: 1200px) {
   /* Pricing */
	.pricing-style-one:first-child {
		margin-top: 40px;
	}

	.pricing-style-one {
		display: block;
	}

	.pricing-style-one .left {
		width: 100%;
		border: none;
		padding: 0;
		margin-bottom: 30px;
	}

	.bg-dark .pricing-style-one .left {
		border: none;
		padding-right: 0;
	}

	.pricing-style-one:first-child {
		margin-top: 40px;
	}
}

#tabs_slider2 {padding:90px 70px; position:relative}
#tabs_slider2 div.inner2 {width:100%; max-width:1100px; margin:auto; display:flex}
#tabs_slider2 div.inner2 div.tabs2 {width:300px}
#tabs_slider2 div.inner2 div.tabs2 div.tab2 {display:flex; align-items:center; padding:13px 30px; color:#000; font-weight:600; cursor:pointer; overflow:hidden; transition:all .5s}
#tabs_slider2 div.inner2 div.tabs2 div.tab2.selected {color:#000}
#tabs_slider2 div.inner2 div.tabs2 div.tab2.selected:after {height:100%; bottom:initial}
#tabs_slider2 div.inner2 div.tabs2 div.tab2 img {width:40px; padding-right:10px}
#tabs_slider2 div.inner2 div.tabs2 div.tab2 span {flex-basis:70%; width:70%; font-size:15px; letter-spacing:1px}
#tabs_slider2 div.inner2 div.content2 {flex-basis:100%; overflow:hidden}
#tabs_slider2 div.inner2 div.content2 div.content_slide {position:absolute; display:flex; opacity:0; color:#000; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); border-radius:15px; visibility:hidden; transition:opacity 0.5s, visibility .5s}
#tabs_slider2 div.inner2 div.content2 div.content_slide.selected {visibility:visible; opacity:1; transition-delay:.2s}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.image2 {flex-basis:50%; display:flex; align-items:center; justify-content:center}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.image2 img {max-width:90%; max-height:90%}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.text2 {padding:40px; color:#000;font-weight:600}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.text2 h4 {color:#000;font-size:25px; margin:20px 0; letter-spacing:1px}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.text2 p {margin:20px 0; font-size:17px; line-height:25px; color:#000}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.text2 ul {margin:20px 0; list-style-type:initial; list-style-position:inside; font-size:15px; line-height:25px}
#tabs_slider2 div.inner2 div.content2 div.content_slide div.text2 ul li:last-child {text-align:right}

@media screen and (max-width: 1200px) {
#tabs_slider2 {padding:50px}
}

@media screen and (max-width: 1000px) {
#tabs_slider2 {padding:30px}
}

@media screen and (max-width: 900px) {
#tabs_slider2 div.inner2 {flex-wrap:wrap}
#tabs_slider2 div.inner2 div.tabs2 {width:100%;}
#tabs_slider2 div.inner2 div.content2 {margin-top:40px; height:300px}
}

@media screen and (max-width: 700px) {
#tabs_slider2 {padding:0px;}
#tabs_slider2 div.inner2 div.content2 {height:initial}
#tabs_slider2 div.inner2 div.content2 div.content_slide {display:none; flex-wrap:wrap; position:relative; visibility:hidden}
#tabs_slider2 div.inner2 div.content2 div.content_slide.selected {display:flex; visibility:visible}
#tabs_slider2 div.inner2 div.tabs2 div.tab2 {display:inline-flex; width:49%;}
}

#lightbox {position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; max-width:100%; max-height:100%; text-align:center; background:rgba(0,0,0,0.7); visibility:hidden; opacity:0; display:flex; align-items:center; justify-content:center; transition:visibility 0.5s, opacity .5s linear}
#lightbox div {display:block; max-width:100%; max-height:100%}
#lightbox div:before {content:""; height:100%; display:inline-block; vertical-align:middle}
#lightbox div img {display:inline-block; max-width:inherit; max-height:inherit; border:2px solid #fff; vertical-align:middle}
#lightbox div span {display:block; text-align:right; font-size:26px; height:26px; line-height:26px; margin-top:10px; opacity:.7; cursor:pointer; transition:opacity 1s ease; color:#000}
#lightbox div span:hover {opacity:1}
#lightbox.visible {visibility:visible; opacity:1; transition:opacity .5s linear}
#clients {text-align:center; padding-bottom:70px; margin-top:80px}
.logoo #clients {text-align:center; padding-bottom:70px; margin-top:0}
#clients h2 {text-align:center; font-size:50px; color:#333; font-family:header; margin:10px 0 0}

@media screen and (max-width: 1250px) {
#logo .logo-box {flex-basis:20%}
}

@media screen and (max-width: 1000px) {
#logo .logo-box {flex-basis:30%}
#seo-on-site {margin-top:-100px}
#clients {margin-top:-100px}
}

@media screen and (max-width: 700px) {
#logo .logo-box {flex-basis:80%}
}

#logo-index {max-width:1500px; margin:auto; width:100%; align-items:center; text-align:center; display:flex; flex-wrap:wrap; justify-content:center}
#logo-index .logo-box {flex-basis:13%; margin:25px; min-height:102px; flex-direction:column; display:flex; justify-content:center; align-items:center; text-align:center; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); border-radius:15px; filter:grayscale(1)}
#logo-index .logo-box img {width:140px; height:initial; border-radius:15px; filter:invert(0)}

@media screen and (max-width: 1250px) {
#logo-index .logo-box {flex-basis:20%}
}

@media screen and (max-width: 1000px) {
#logo-index .logo-box {flex-basis:30%}
}

@media screen and (max-width: 700px) {
#logo-index .logo-box {flex-basis:60%}
}

#faq {overflow:hidden; margin-bottom:0px;}
#faq div.faq_inner {width:100%; max-width:2000px; margin:auto; padding:20px 50px 50px;}
#faq div.faq_inner div.description {padding:20px 50px; border-radius:15px; margin:26px 0; text-align:center; color:#000}
#faq div.faq_inner div.description img {display:block}
#faq div.faq_inner div.flex {display:flex; align-items:top; justify-content:center}
#faq h2 {margin:15px 0; font-size:50px; color:#000; text-align:center; padding-bottom:48px; line-height:54px}
.faq {flex:50%; max-width:50%; padding:20px 30px; border-radius:15px; margin-bottom:50px; z-index:8}
.faq:last-child {margin-left:20px}
.faq h4 {font-size:30px; margin-bottom:10px; font-weight:100; color:#000;}
.faq h5 {font-size:30px; margin:5px 0 10px; color:#000;}
.faq h6 {font-size:18px; margin:30px 0 -9px 0; font-weight:100; color:#000; padding:25px 6px 25px 18px; cursor:pointer;background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);background-repeat:repeat; z-index:1; border-radius:15px}
.faq h6:before {color:#000; font-family:'icomoon'; content:"\e914"; display:block; float:right; border-radius:65%; width:30px; height:25px; line-height:30px; text-align:center; font-size:25px; font-weight:400; margin:-4px 14px 0 10px}
.faq p {overflow:hidden; max-height:0; position:relative; margin-top:-30px; transition:all .5s; padding:0 14px}
.faq h6.answer_visible:before {color:#000; font-family:'icomoon'; content:"\e915"}
.faq h6.answer_visible + p {max-height:9999px; margin-top:-35px; padding-bottom:30px; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); padding-top:20px; border-bottom-left-radius:15px; border-bottom-right-radius:15px; color:#000}
.faq strong {font-size:21px; color:#000;font-family:"Gilroy-SemiBold";display: block}
.faq ul {padding:10px; border-radius:30px; display:inline-block; float:left; width:25%}
.faq ul li {color:#000; font-weight:100; display:block; margin:15px 0; padding-left:30px; background:url(../images/leistungen/check.svg) no-repeat left center}

@media all and (max-width: 1450px) {
#faq div.faq_inner div.presentation img {display:none}
}

@media screen and (max-width: 1200px) {
#faq div.faq_inner div.flex {display:inline-block}
#faq div.faq_inner {z-index:13 !important}
.faq {flex:100%; max-width:100%; margin:0 auto;}
.faq:last-child {margin-left:0; margin-top:20px}
.faq h6 {font-size:18px}
}

@media screen and (max-width: 1000px) {
#faq div.faq_inner {padding:40px}
#faq div.faq_inner div.description {margin:24px 0}
}

@media screen and (max-width: 700px) {
.faq {padding:2px}
#faq div.faq_inner {padding:0px}
#faq h2 {font-size:40px; padding-bottom:20px}
#faq div.faq_inner div.flex div.flex_items div {flex-basis:90%; padding:0px}
}

@media screen and (max-width: 360px) {}
#scrollTop {visibility:hidden; opacity:0; position:fixed; right:40px; bottom:20px; z-index:9999; transition:all 0.4s;}
#scrollTop.visible {visibility:visible; opacity:1;}
#scrollTop .scrollup-btn {display:flex; align-content:center; justify-content:center; font-size:26px; color:#000; text-decoration:none; width:50px; height:50px; background-color:#000; background:#000; border-radius:50px; align-items:center; cursor:pointer; z-index:1}
#scrollTop .scrollup-btn i.icon {width:25px; height:25px; margin-right:10px; background-repeat:no-repeat; background-size:cover; margin:auto; display:block}
#scrollTop .scrollup-btn i.icon.icon-go-to-top {background-image:url('../images/icons/go-to-top.svg'); z-index:1}

#zz {overflow:auto; color:#000; text-align:center;padding:30px 0 0 20px;margin:50px auto; }
#zz h2 {text-align:center; font-size:50px; color:#000 !important; padding-bottom:50px; padding-top:20px; display:block; margin:0 auto; letter-spacing:1px}
#zz div.zz_company {display:inline-flex; white-space:nowrap; text-align:left}
#zz div.zz_company div.zz_company_logo img {vertical-align:top}
#zz div.zz_company div.zz_company_details {margin-left:10px}
#zz div.zz_company div.zz_company_details div.zz_company_details_title {font-weight:700; font-size:15px; color:#000}
#zz div.zz_company div.zz_company_details div.zz_company_details_total_stars {margin:4px 0 0 0px}
#zz div.zz_company div.zz_company_details div.zz_company_details_total_zz {font-weight:700; font-size:13px; color:#000}
#zz div.zz_f {display:flex; align-items:center; justify-content:center; width:100%; max-width:2200px; margin:auto; padding:0px 5% 6px; text-align:left}
#zz div.zz_f div.zz_f_arrow_prev, #zz div.zz_f div.zz_f_arrow_next {z-index:2; align-self:stretch; display:flex; align-items:center; cursor:pointer;padding:0 10px; transition:opacity .3s}
#zz div.zz_f div.zz_f_arrow_prev:hover, #zz div.zz_f div.zz_f_arrow_next:hover {opacity:1}
#zz div.zz_f div.zz_f_arrow_prev img, #zz div.zz_f div.zz_f_arrow_next img {
    width: 200px;
    filter: invert(1);
    height: initial;
}
#zz div.zz_f div.zz_f_r {overflow:hidden}
#zz div.zz_f div.zz_f_r ul {min-width:100%; position:relative; left:-33.33%; display:flex; list-style-type:none}
#zz div.zz_f div.zz_f_r ul li {min-width:31.33%; max-width:31.33%; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);background-position: center right; padding:35px;    margin: 39px 1%; position:relative; overflow:hidden; transition:transform .5s; border-radius:35px}
#zz div.zz_f div.zz_f_r ul li:hover {transform:translate(0px,-5px);}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top {display:flex; overflow:hidden}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top div.zz_f_review_top_user_image {margin-top:-3px; margin-right:15px}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top div.zz_f_review_top_user_image img {overflow:hidden; padding-top:3px; width:100px; border-radius:65%; height:initial;}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top div.zz_f_review_top_details {width:100%}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top div.zz_f_review_top_details div.zz_f_review_top_user_name {font-weight:700; font-size:14px; overflow:hidden; padding-right:25px; white-space:nowrap; text-overflow:ellipsis; color:#000}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top div.zz_f_review_top_details div.zz_f_review_top_date {margin-top:4px; font-size:12px; color:#000}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_top div.zz_f_review_top_google_logo img {width:80px; height:40px;}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_middle {margin:8px 0 0 0; color:#000}
#zz div.zz_f div.zz_f_r ul li div.zz_f_review_middle div.zz_f_review_middle_verified:hover span {transform:translate(-5px,0px); opacity:1}
#zz div.zz_f div.zz_f_r ul li div.zz_f_r_c {height:105px; overflow:hidden; position:relative}
#zz div.zz_f div.zz_f_r ul li div.zz_f_r_c p {width:150%; padding-right:50%; height:100%; line-height:27px; font-size:17px; overflow-y:scroll; overflow-x:hidden; color:#000 }
#zz div.zz_f div.zz_f_r ul li div.zz_f_r_c div.zz_f_r_c_s {position:absolute; top:0; right:0; bottom:0; width:4px; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); display:none}
#zz div.zz_f div.zz_f_r ul li div.zz_f_r_c div.zz_f_r_c_s span {position:absolute; top:0; left:0; display:block; width:100%; height:0; background:#555; transition:background .4s}
#zz div.zz_f div.zz_f_r ul li div.zz_f_r_c div.zz_f_r_c_s span:hover {background:#666}
#zz div.zz_f div.zz_f_r ul li div.zz_f_r_c div.zz_f_r_c_s.zz_f_r_c_s_visible {display:block}
#zz div.view_all {display:block; text-align:center; padding:40px 10px 20px}
#zz div.zz_f div.zz_f_arrow_prev img, #zz div.zz_f div.zz_f_arrow_next img {filter: invert(0)}
@media (max-width:1300px) {
#zz div.zz_f div.zz_f_man {display:none}
#zz div.zz_f div.zz_f_r ul {left:-33.33%}
#zz div.zz_f div.zz_f_r ul li {min-width:31.33%; max-width:31.33%}
#zz h2 {font-size:50px; padding-bottom:50px}
#zz div.zz_f div.zz_f_arrow_prev img, #zz div.zz_f div.zz_f_arrow_next img {width:320px;}
}

@media (max-width:900px) {
#zz div.zz_f div.zz_f_r ul {left:-50%}
#zz div.zz_f div.zz_f_r ul li {min-width:48%; max-width:48%; margin:5px 1%}
#zz div.zz_f div.zz_f_arrow_prev img, #zz div.zz_f div.zz_f_arrow_next img {width:420px;}
}

@media (max-width:600px) {
#zz div.zz_f div.zz_f_r ul {left:-100%}
#zz div.zz_f div.zz_f_r ul li {min-width:98%; max-width:98%; margin:5px 1%}
#zz div.zz_f div.zz_f_arrow_prev img, #zz div.zz_f div.zz_f_arrow_next img {width:720px;}
}

@media (max-width:700px) {
#zz h2 {font-size:31px; margin:0; padding:20px}
}

@media (max-width:500px) {
#zz div.zz_f div.zz_f_arrow_prev, #zz div.zz_f div.zz_f_arrow_next {padding:0 5px}
}

div.local_seo_intro, div.local_seo_about, div.local_seo_process, div.local_seo_help {padding:0 100px;}
div.local_seo_intro {margin-top:100px;}
div.local_seo_intro div.local_seo_intro_subtitle {text-align:center; margin:10px 0px;}
div.local_seo_intro h1 {text-align:center; font-size:40px; color:#000;}
div.local_seo_intro div.local_seo_intro_flex {display:flex; align-items:center; justify-content:center; margin:70px 0px;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right {min-width:55%; max-width:55%; padding:50px 0px 50px 50px;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right b {font-size:14px;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right h3 {font-size:26px; margin:30px 0px; color:#000;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs {margin:30px 0px;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_buttons {display:flex; align-items:center; justify-content:center; width:100%; font-weight:bold;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_buttons div {flex-basis:33.33%; text-align:center; cursor:pointer; padding:5px 10px; border-bottom:1px solid rgba(82, 152, 226, 0.8);}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_buttons div.selected {background:#000; color:#fff}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_content div {padding:10px; display:none;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_content div.selected {display:block;}

@media (max-width:1000px) {
div.local_seo_intro {margin-top:-100px}
div.local_seo_intro div.local_seo_intro_flex {flex-wrap:wrap;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right {min-width:100%; max-width:100%; padding:50px 0;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_buttons {flex-wrap:wrap;}
div.local_seo_intro div.local_seo_intro_flex div.local_seo_intro_flex_right div.local_seo_intro_flex_right_tabs div.local_seo_intro_flex_right_tabs_buttons div {flex-basis:100%; text-align:left;}
}

div.local_seo_about {display:flex; margin-top:100px;}
div.local_seo_about div.local_seo_about_left {min-width:260px; max-width:260px;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_profile {background:rgba(255, 255, 255, 0.5); border-radius:10px; padding:20px; margin-top:40px; text-align:center;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_profile div {width:110px; height:110px; overflow:hidden; border:2px solid #f2f2f2; border-radius:65%; margin:-70px auto 20px auto;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_profile b {display:block; margin-top:30px;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact {display:block; margin:30px 0px;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact h4 {font-size:25px;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact div {display:flex; align-items:top; margin:20px 0px; padding-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.4);}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact div i.icon {min-width:30px; max-width:30px; height:20px; display:block; margin:5px 15px 0px 0px; background-repeat:no-repeat; background-size:contain; background-position:center;}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact div i.icon.icon-location2 {background-image:url('../images/icons/smaps.svg')}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact div i.icon.icon-phone2 {background-image:url('../images/icons/stel.svg')}
div.local_seo_about div.local_seo_about_left div.local_seo_about_left_contact div i.icon.icon-mail2 {background-image:url('../images/icons/smail.svg')}
div.local_seo_about div.local_seo_about_right {padding-left:50px;}
div.local_seo_about div.local_seo_about_right h2 {color:#000;}
div.local_seo_about div.local_seo_about_right h2:after {content:""; display:block; width:70px; height:6px; background:#000; margin:50px 0px;}
div.local_seo_about div.local_seo_about_right p {display:block; margin:20px 0px !important;}
div.local_seo_about div.local_seo_about_right ul li {display:block; margin:3px 0px;}
div.local_seo_about div.local_seo_about_right ul li img {vertical-align:top; margin:6px 5px 0px 0px;}

@media (max-width:1200px) {
div.local_seo_intro, div.local_seo_about, div.local_seo_process, div.local_seo_help {padding:0 15px !important;}
}

@media (max-width:1000px) {
div.local_seo_about {flex-wrap:wrap;}
div.local_seo_about div.local_seo_about_left {min-width:100%; max-width:100%;}
div.local_seo_about div.local_seo_about_right {padding-left:0px;}
}

div.local_seo_process {margin-top:100px;}
div.local_seo_process div.local_seo_process_subtitle {text-align:center; margin:10px 0px;}
div.local_seo_process h2 {text-align:center; font-size:30px; color:#000;}
div.local_seo_process div.local_seo_process_flex {display:flex; align-items:center; justify-content:center; margin:70px 0px;}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_left {min-width:45%; max-width:45%; padding-right:50px;}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_right {padding:20px 50px; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); border-radius:15px}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_right div.local_seo_process_flex_right_service {display:flex; width:100%; margin:85px 0px;}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_right div.local_seo_process_flex_right_service div.local_seo_process_flex_right_service_left {width:80px; min-width:80px; max-width:80px; margin-right:30px;}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_right div.local_seo_process_flex_right_service div.local_seo_process_flex_right_service_left img {width:100%; max-width:100px; display:block; margin:auto;}

@media (max-width:1000px) {
div.local_seo_process div.local_seo_process_flex {flex-wrap:wrap;}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_left {min-width:100%; max-width:100%; padding:30px; text-align:center;}
}

@media (max-width:700px) {
div.local_seo_about div.local_seo_about_right h2 {font-size:30px}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_right div.local_seo_process_flex_right_service {flex-wrap:wrap; text-align:center}
div.local_seo_process div.local_seo_process_flex div.local_seo_process_flex_right div.local_seo_process_flex_right_service div.local_seo_process_flex_right_service_left {width:100%; min-width:100%; max-width:100%; margin:0px 0px 10px 0px;}
}

div.local_seo_help {margin-top:100px;}
div.local_seo_help div.local_seo_help_subtitle {text-align:center; margin:10px 0px;}
div.local_seo_help h2 {text-align:center; font-size:30px; color:#000;}
div.local_seo_help div.local_seo_help_steps {display:flex; justify-content:center; margin:50px 0px;}
div.local_seo_help div.local_seo_help_steps div.local_seo_help_step {flex-basis:33.33%; padding-left:30px;}
div.local_seo_help div.local_seo_help_steps div.local_seo_help_step:first-child {padding-left:0px;}
div.local_seo_help div.local_seo_help_steps div.local_seo_help_step div.local_seo_help_step_number {font-size:70px; line-height:70px; font-weight:600;color:#000;}
div.local_seo_help div.local_seo_help_steps div.local_seo_help_step div.local_seo_help_step_title {color:#000;}
div.local_seo_help div.local_seo_help_steps div.local_seo_help_step div.local_seo_help_step_title:after {content:""; display:block; width:70px; height:6px; background:#000; url("../images/button.webp"); margin:30px 0px;}
div.local_seo_help div.local_seo_help_contact {display:block; text-align:center;}
div.local_seo_help div.local_seo_help_contact a {display:inline-block; padding:20px 55px; background:#000;}

@media (max-width:1000px) {
div.local_seo_help div.local_seo_help_steps {flex-wrap:wrap;}
div.local_seo_help div.local_seo_help_steps div.local_seo_help_step {min-width:100%; max-width:100%; padding:30px 0px !important;}
}

[data-animated-text] {opacity:0.5; overflow:hidden;}
[data-animated-text] text {opacity:0; display:inline-block; transform:translateX(30px); transition:transform 0.6s, opacity 0.3s;}
[data-animated-text="25"] text {transform:translateX(60px); transition:transform 0.1s, opacity 0.5s;}
[data-animated-text] text.animated_text_visible {opacity:1; transform:translateX(0px);}
[data-animate-start-word] {white-space:pre;}

@keyframes designfreak_solutions_zig_zag {
0%, 100% {transform:rotate(0deg)}
10% {transform:rotate(10deg)}
20% {transform:rotate(-10deg)}
30% {transform:rotate(10deg)}
40% {transform:rotate(-10deg)}
50%, 100% {transform:rotate(0deg)}
}

.backs {background:url("../images/steps.webp") 0 -150px; background-position:center right; background-size:contain; background-repeat:no-repeat;}
div.desi {padding:34px 0;}
div.designfreak_solutions{width:100%; max-width:1900px; border-radius:50px; position:relative; padding:50px; text-align:right; margin:10px auto; overflow:hidden;}
div.designfreak_solutionsp {color:#000}
div.designfreak_solutions div.designfreak_solutions_inner {padding-right:calc(50% + 50px);}
div.designfreak_solutions:after {content:""; position:absolute; top:30px; right:0px; bottom:30px; width:50%; background:url('../images/zig_zag_hands.webp') no-repeat center center / contain; animation:designfreak_solutions_zig_zag 2s ease-out infinite;}
div.designfreak_solutions span.subtitle {font-size:14px; font-weight:600; color:#000;}
div.designfreak_solutions h3 {font-size:50px; font-weight:400; color: #000;  margin:10px 0px;}
div.designfreak_solutions div.designfreak_solutions_tabs_buttons {margin:10px 0px; display:flex; justify-content:flex-end;}
div.designfreak_solutions div.designfreak_solutions_tabs_buttons span {margin-left:20px; border-radius:60px; overflow:hidden; cursor:pointer; line-height:38px; font-weight:500; color:#fff; background:#00253f;padding:7px 14px 7px 14px; font-weight:600; position:relative; transition:all 0.3s; z-index:1;}

div.designfreak_solutions div.designfreak_solutions_tabs_buttons span:hover, div.designfreak_solutions div.designfreak_solutions_tabs_buttons span.selected {background:#000; color:#fff; }
div.designfreak_solutions div.designfreak_solutions_tabs_buttons span:hover:after, div.designfreak_solutions div.designfreak_solutions_tabs_buttons span.selected:after {height:100%; left:0px; right:0px;}
div.designfreak_solutions div.designfreak_solutions_tabs_contents p {overflow:hidden; opacity:0; max-height:0px; transition:all 0.5s;}
div.designfreak_solutions div.designfreak_solutions_tabs_contents p.selected {overflow:initial; opacity:1; max-height:200px;}
@media all and (max-width:1990px) {
	div.designfreak_solutions{max-width:1700px;}}



@media all and (max-width:1450px) {
div.designfreak_solutions div.designfreak_solutions_tabs_buttons span {
	font-size: 14px;
    padding: 0px 12px;}
}

@media all and (max-width:1100px) {
div.designfreak_solutions div.designfreak_solutions_inner {padding-right:0px; padding-bottom:350px;}
div.designfreak_solutions:after {content:""; position:absolute; right:0px; left:0px; bottom:0px; top:initial; width:100%; height:300px;}
div.designfreak_solutions div.designfreak_solutions_tabs_buttons {flex-wrap:wrap; align-items:center; justify-content:center;}
}

@media all and (max-width:700px) {
div.designfreak_solutions div.designfreak_solutions_tabs_buttons span {margin:10px;}
}
section.contact {max-width:1900px; margin:auto; padding:100px; display:flex; width:100%; color:#000;}
section.contact div.contact_left {min-width:33%; max-width:33%;}
section.contact div.contact_left span {display:block; margin:20px 0px; font-weight:300; color:#000;letter-spacing:3.52px; text-transform:uppercase;}
section.contact div.contact_left h4 {margin:20px 0px; font-family:Gilroy-SemiBold;color:#000; font-size:40px; font-style:normal; font-weight:400; line-height:normal; letter-spacing:2px;}
section.contact div.contact_right {width:100%; padding:80px; background:rgba(255,255,255,0.5);backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); border-radius:20px;}
section.contact div.contact_right h3 {margin-bottom:50px;}
section.contact div.contact_right form {display:flex; flex-wrap:wrap; gap:10px;}
section.contact div.contact_right form div.field {width:calc(50% - 10px); margin-top:20px;}
section.contact div.contact_right form div.field.field_full {width:calc(100% - 10px);}
section.contact div.contact_right form div.field label {display:block;}
section.contact div.contact_right form div.field label::before {font-family:"icomoon"; font-size:22px; margin-right:17px; float:left;}
section.contact div.contact_right form div.field label.fullname::before {content:"\e91e";}
section.contact div.contact_right form div.field label.phone::before {content:"\e91c";}
section.contact div.contact_right form div.field label.email::before {content:"\e91d";}
section.contact div.contact_right form div.field input, section.contact div.contact_right form div.field select, section.contact div.contact_right form div.field textarea {display:block; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:transparent; border-radius:0; border-bottom:1px solid rgba(0,0,0,0.3); font-size:14px; transition:border-color .3s ease; box-sizing:border-box; font-size:18px; line-height:25px;}
section.contact div.contact_right form div.field select {background-image:url('../images/icon/selector-arrow.svg');font-family:'Gilroy-SemiBold'; background-repeat:no-repeat; background-position-x:calc(100% - 10px); background-position-y:center; padding-right:30px;    padding-left: 20px;font-size: 24px}
section.contact div.contact_right div.submit {min-width:100%;}
section.contact div.contact_right div.submit a {background:#00253f; color:#fff; font-size:20px; font-style:normal; font-weight:400; line-height:normal; display:inline-block; margin-top:30px; padding:15px 15px 15px 22px; border-radius:38px;}
section.contact div.contact_right div.submit a:hover{background:#000;color: #fff}
section.contact div.contact_right div.message {min-width:100%; font-weight:bold; margin:10px 0px;}
section.contact div.contact_right div.message.message_error {color:red;}
section.contact div.contact_right div.message.message_success {color:green;}

@media (max-width:1200px) {
section.contact {flex-wrap:wrap; padding:80px;}
section.contact div.contact_left {min-width:100%; max-width:100%; margin-bottom:50px;}
section.contact div.contact_right {padding:40px;}
}

@media (max-width:900px) {
section.contact {padding:50px;}
section.contact div.contact_right {padding:20px;}
section.contact div.contact_right form div.field {width:calc(100% - 10px);}
}

@media (max-width:600px) {
section.contact {padding:30px;}
}
[class^="icon-"], [class*=" icon-"] {font-family:'icomoon' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.icon-Arrow-2:before {content:"\e913"}
.icon-quote:before {content:"\e912"; color:#000}
.contact-page-info {margin-top:56px}
#list-local{overflow:hidden;background: url("../img/index/1.webp");background-position-x: 100%;background-position-y: 100px; background-repeat: no-repeat;}
#list-local div.list-local_inner{width:100%;max-width:1900px;margin:auto;padding:20px 50px 50px;}
#list-local div.list-local_inner div.description{text-align:left;padding:40px;border-radius:15px;margin: 26px 0px;overflow:hidden;}
#list-local div.list-local_inner div.description h5{font-size:27px;margin-bottom:25px;font-weight:100;text-align: center; color:#333}
#list-local h2{margin:15px 0;font-size:50px;color:#333;text-align:center;padding-bottom:48px;line-height:50px}
#list-local div.list-local{flex:100%;max-width:100%;padding:20px 30px 50px 30px;border-radius:15px}
#list-local div.list-local_inner div.presentation{width:100%;display:inline-block;text-align: center;}
#list-local div.list-local_inner div.presentation p{text-align: center;}
#list-local div.list-local h5{font-size:27px;margin-bottom:-25px;padding:32px 0px;bottom:-10px;font-weight:100;text-align: center; color:#333}
#list-local div.list-local ul{text-align: center;margin: 0 auto;padding:10px;display:block;width:100%}
#list-local div.list-local ul li{color:#333;font-size:27px;font-weight:100;display: inline-block;margin:15px auto;text-align: center}
#list-local div.list-local ul li a:hover{color: #000}
#list-local div.list-local ul li img{margin: 41px 0 0 0;}
#list-local div.list-local ul li span{top: 10px;font-size:17px;width:180px; display: block}
@media all and (max-width: 1450px) {
#list-local div.list-local_inner div.presentation {text-align:center;float:none;width:100%;display:block;}
#list-local{flex-basis:100%;max-width:100%}
#list-local div.list-local_inner div.description {text-align:center;padding:15px;}
#list-local div.list-local_inner div.presentation img{width:30%;}
}
@media screen and (max-width: 1200px) {
#list-local div.list-local_inner div.flex div.presentation{display:none}
#list-local div.list-local_inner div.flex div.flex_items div{flex-basis:33%;padding:20px}
}
@media screen and (max-width: 1000px) {
#list-local div.list-local_inner{padding:40px}
#list-local div.list-local_inner div.description{margin:25px 0px;padding:25px 30px;}
}
@media screen and (max-width: 900px) {
#list-local h2{margin:15px 0;font-size:40px;color:#333;text-align:center;padding-bottom:50px;line-height:35px}
}
@media screen and (max-width: 700px) {
#list-local div.list-local_inner{padding:20px}
#list-local h2{font-size:30px;padding-bottom:20px}
#list-local div.list-local_inner div.flex div.flex_items div{flex-basis:100%;padding:20px}
}
@media all and (max-width: 600px) {
#list-local div.list-local ul{display:inline-block;float:none;width:100%;margin:30px 0}
}
  blockquote {
      font-size: 1.2em;
      color: #333;
      border-left: 4px solid #007ACC;
	  border-right: 4px solid #007ACC;
      padding-left: 15px;
	  text-align: center;
      margin-bottom: 10px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
      background:rgba(255,255,255,0.5);
      padding: 15px 20px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }