/*
Theme Name: UIM
Theme URI: http://uim.com.tr/
Description: UIM
Author: UIM
Author URI: https://uim.com.tr
Version: 1.0
*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400..700&display=swap');*/

:root {  --black: #000;  --open-black: #202020;  --white: #fff;  --yellow: #E2C11E;  --open-gray: #F5F5F5;  --border-gray: #858585; }

.dark:root {  --black: #fff;  --open-black: #F5F5F5;  --white: #000;  --yellow: #E2C11E;  --open-gray: #202020;  --border-gray: #0A0A0A;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  /* font: inherit; */
    vertical-align: baseline;  outline: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}
html {margin:0!important;}
body {  line-height: 1;}

ol, ul {  list-style: none;}

blockquote, q {  quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;}

table {  border-collapse: collapse;  border-spacing: 0;}

a {  text-decoration: none;}

body {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-style: normal;letter-spacing: -0.5px;background: var(--white);margin-bottom: 565px;/* overflow-x: hidden; */width: 100%;position: relative;}

h1 {font-size: 65px;line-height: 70px;color: var(--black);}

h2 {  font-size: 48px;  line-height: 90px;  font-weight: 600;  color: var(--black);}

h3 {  font-size: 40px;  line-height: 75px;  font-weight: 600;  color: var(--black);}

h4 {  font-size: 32px;  line-height: 65px;  font-weight: 600;  color: var(--black);  margin-bottom: 10px;}

.form-title { font-size: 32px; line-height: 65px; font-weight: 600; color: var(--black); margin-bottom: 10px;}

a {  color: var(--open-black);}

p {  font-size: 18px;  color: var(--open-black);  line-height: 30px;  margin-bottom: 15px;}

li {  font-size: 18px;  color: var(--open-black);  line-height: 20px;  margin-bottom: 15px;}

.d-flex {  display: flex;}

.d-none {  display: none;}

.d-block {  display: block;}

.radius, .radius img {border-radius:8px;overflow:hidden;}

.hover-link-icon a {  position: relative;  padding: 0 45px 0 45px !important;  position: relative;  text-align: center;  background: var(--black);  color: var(--white);  border-radius: 50px;  padding: 0 25px;  line-height: 56px;  display: inline-block;  margin: 0;  font-size: 18px;  font-weight: 600;  min-width: 150px;}

.hover-link-icon a::before, .hover-link-icon a::after {  content: "";  position: absolute;  top: 47%;  right: 40px;  width: 10px;  height: 10px;  border-top: 2px solid var(--white);  border-right: 2px solid var(--white);  transform: translateY(-50%) rotate(45deg);  opacity: 0;  transition: opacity 0.3s, right 0.3s;}

.hover-link-icon a::after {  border-color: var(--yellow);}

.hover-link-icon a:hover::before {  right: 20px;  opacity: 1;}

.hover-link-icon a:hover::after {  right: 25px;  opacity: 1;}

.container {max-width: 1750px;margin: 0 auto;width: 100%;--bs-gutter-x: 3rem;}
.container-right {  max-width: calc(100vw - 280px);  margin-left: auto;  margin-right: 0;  width: 100%;}

body #site-main {background: var(--white);width: 100%;overflow-x: clip;}
body:not(.home) #site-main {  /* margin-top: 100px; */}

body.home #site-main:before {  content: "";  display: block;  width: 100%;  position: absolute;  left: 0;  top: 0;  z-index: -1;  /* background: url(/wp-content/uploads/bg.png) center top no-repeat; */
    background-size: cover;  height: 100vh;}

.home-text {  min-height: 100vh;  padding-top: 0;}

.home-text > div:nth-child(1) {  min-height: 100vh;  padding-top: 0;}


.mw-1000 {max-width:1000px;}

.fs-12 {  font-size: 12px;  line-height: 14px;}

.fs-16 {  font-size: 16px;  line-height: 18px;}

.fs-18 {  font-size: 18px;  line-height: 24px;}

.fs-24 {  font-size: 24px;  line-height: 34px;}

.fs-48 {  font-size: 48px;  line-height: 50px;}

.fs-80 {  font-size: 80px;  line-height: 82px;}

.fs-100 {  font-size: 100px;  line-height: 102px;}

.lh-50 {  line-height: 50px;}

.fw-400 {  font-weight: 400;}

.fw-500 {  font-weight: 500;}

.fw-600 {  font-weight: 600;}

.fw-700 {  font-weight: 700;}

.ml-auto {  margin-left: auto!important;}

.mr-auto {  margin-right: auto!important;}

.mt-16 {  margin-top: 16px !important;}

.mb-16 {  margin-bottom: 16px !important;}

.ml-16 {  margin-left: 16px !important;}

.mr-16 {  margin-right: 16px !important;}

.mt-24 {  margin-top: 24px !important;}

.mb-24 {  margin-bottom: 24px !important;}

.ml-24 {  margin-left: 24px !important;}

.mr-24 {  margin-right: 24px !important;}

.mt-32 {  margin-top: 32px !important;}

.mb-32 {  margin-bottom: 32px !important;}

.ml-32 {  margin-left: 32px !important;}

.mr-32 {  margin-right: 32px !important;}

.mt-48 {  margin-top: 48px !important;}

.mb-48 {  margin-bottom: 48px !important;}

.ml-48 {  margin-left: 48px !important;}

.mr-48 {  margin-right: 48px !important;}

.mt-64 {  margin-top: 64px !important;}

.mb-64 {  margin-bottom: 64px !important;}

.ml-64 {  margin-left: 64px !important;}

.mr-64 {  margin-right: 64px !important;}

.mt-100 {  margin-top: 100px !important;}

.mb-100 {  margin-bottom: 100px !important;}

.ml-100 {  margin-left: 100px !important;}

.mr-100 {  margin-right: 100px !important;}

.pt-16 {  padding-top: 16px !important;}

.pb-16 {  padding-bottom: 16px !important;}

.pl-16 {  padding-left: 16px !important;}

.pr-16 {  padding-right: 16px !important;}

.pt-24 {  padding-top: 24px !important;}

.pb-24 {  padding-bottom: 24px !important;}

.pl-24 {  padding-left: 24px !important;}

.pr-24 {  padding-right: 24px !important;}

.pt-32 {  padding-top: 32px !important;}

.pb-32 {  padding-bottom: 32px !important;}

.pl-32 {  padding-left: 32px !important;}

.pr-32 {  padding-right: 32px !important;}

.pt-48 {  padding-top: 48px !important;}

.pb-48 {  padding-bottom: 48px !important;}

.pl-48 {  padding-left: 48px !important;}

.pr-48 {  padding-right: 48px !important;}

.pt-64 {  padding-top: 64px !important;}

.pb-64 {  padding-bottom: 64px !important;}

.pl-64 {  margin-left: 64px !important;}

.pr-64 {  margin-right: 64px !important;}

.pt-100 {  padding-top: 100px !important;}

.pb-100 {  padding-bottom: 100px !important;}

.pl-100 {  padding-left: 100px !important;}

.pr-100 {  padding-right: 100px !important;}

.bt-1 {  border-top: 1px solid #EFEFEF;}

.br-1 {  border-right: 1px solid #EFEFEF;}

.bb-1 {  border-bottom: 1px solid #EFEFEF;}

.bl-1 {  border-left: 1px solid #EFEFEF;}

.full-100 {  width: 100vw;  position: relative;  left: 50%;  right: 50%;    margin-left: -50vw!important;  margin-right: -50vw!important;}
.full-img img {width:100%;}

#header-logo img , #header-logo svg {display:none;}
body.logoAnimate #header-logo svg {display:block}
body.disableLogoAnimate #header-logo img {display:block}

#site-header {  margin: 0 auto;  display: flex;  padding: 20px 0;  position: fixed;  top: 0;  width: 100%;  z-index: 99;  -webkit-transition: background 0.3s;}

#site-header.is-sticky {  background-color: rgba(255, 255, 255, 0.3);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); 
    }
#site-header:after {position:absolute;z-index:-1;content:"";width:100%;height:100%;display:block;left:0;top:0;background: #E2C11E;background: linear-gradient(180deg, rgba(226, 193, 30, 0.55) 0%, rgba(226, 193, 30, 0) 100%);opacity:0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
#site-header.is-sticky:after {opacity:1;}

#site-header #site-header-wrapper {  display: flex;  width: 1750px;  margin:0 auto;  padding: 0 25px;}
#site-header #header-logo {position:relative;z-index:5;height: 70px;width: 250px;overflow:hidden;}
#site-header #header-logo img  {height: auto;margin: -54px 0 0 -10px;width: 180px;}
#site-header #header-logo svg {height: auto;margin: -54px 0 0 -10px;width: 180px;}

.header-menu-wrapper {display: flex;width: 100%;margin: 15px 0 0;height: 45px;}
#site-header .menu {display: flex;margin: 0 auto;}

#site-header .menu li {  margin: 0 10px;  position: relative;}

#site-header .menu li > a {position: relative;text-align: center;color: var(--black);-webkit-transition: color 0.3s;transition: color 0.3s;padding: 0 15px;line-height: 37px;display: inline-block;margin: 5px 0;font-size: 18px;font-weight: 600;}

#site-header .menu li > a::before, #site-header .menu li a::after {content: "";position: absolute;width: 10px;height: 10px;opacity: 0;border: 2px solid var(--black);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);}

#site-header .menu li > a::before {top: 0;left: 0;border-width: 2px 0 0 2px;-webkit-transform: translate3d(10px, 10px, 0);transform: translate3d(10px, 10px, 0);}

#site-header .menu li > a::after {  right: 0;  bottom: 0;  border-width: 0 2px 2px 0;  -webkit-transform: translate3d(-10px, -10px, 0);  transform: translate3d(-10px, -10px, 0);}

#site-header .menu li ul {left: -16px;--site-sub-nav-offset: 18px;visibility: hidden;position: absolute;top: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: 350px;padding: 24px;-webkit-transform: translateX(0) translateY(-10px);-ms-transform: translateX(0) translateY(-10px);transform: translateX(0) translateY(-10px);-webkit-transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;border: 1px solid rgba(231, 231, 233, 0.5);border-radius: 8px;opacity: 0;-webkit-box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1);box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1);background: var(--white);}
#site-header .menu li#menu-item-296 ul {width: 500px;}
#site-header .menu li:hover > a::before, #site-header .menu li:hover > a::after {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}

#site-header .menu li:hover ul {  visibility: visible;  -webkit-transform: translateX(0) translateY(0);  -ms-transform: translateX(0) translateY(0);  transform: translateX(0) translateY(0);  -webkit-transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s;  transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s;  transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s;  transition: opacity 0.2s ease-in-out 0.05s, visibility 0.2s ease-in-out 0.05s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s, -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.05s;  opacity: 1;}
#site-header .menu li li {padding:0;margin:0;}
#site-header .menu li li a {padding: 0;line-height: 25px;margin: 0;text-align: left;}
#site-header .menu li li + li {margin: 20px 0 0;}
#site-header #menu-item-213 li {margin: 0!important;}
#site-header #menu-item-213 li + li + li {margin: 20px 0 0!important;}
#site-header .menu li li a:after {display:none;}
#site-header .menu li li a:before { border-width: 0;     width: 0;     height: 1px;     background: var(--border-gray);     opacity: 1;     left: 0;     bottom: -3px;     transform: none;     border: 0;     transition: width 0.3s;     top: auto;     opacity:0.5!important; }
#site-header .menu li li a:hover:before {width: 50%;}


.home-text .reveal-text {  font-weight: 700;  text-transform: uppercase;  align-items: center;  gap: 15px;opacity: 0;  transition: opacity 0.5s ease-in-out;display:none;}
.home-text .reveal-text.splitting { opacity: 1; display:block;}
.home-text .reveal-text p {display: inline-block;overflow: hidden;height: 95px;font-size: 80px;line-height: 22px;margin: 0 25px 0 0;}

.home-text .reveal-text .word {  overflow: hidden;  display: inline-block;  transform: translateY(150%);  animation: reveal-animation 0.8s cubic-bezier(0.2, 1, 0.3, 1) forwards;  animation-delay: calc(var(--word-index) * 0.1s);  line-height: 95px;  font-size: 80px}

.home-text .word-slider {display: inline-grid;height: 1.2em;overflow: hidden;position: relative;}

.home-text .word-slider .slider-word {  grid-area: 1/1;  transform: translateY(110%);  opacity: 0;  transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s;}

.home-text .word-slider .slider-word.active {  transform: translateY(0);  opacity: 1;}

.home-text .word-slider .slider-word.exit {  transform: translateY(-110%);  opacity: 0;}

.home-text .word-slider div:nth-child(1) {  color: green;}

.home-text .word-slider div:nth-child(2) {  color: #A52A2A;}

.home-text .word-slider div:nth-child(3) {  color: #122087;}

.home-text .word-slider div:nth-child(4) {  color: #7A1FA1;}

@keyframes reveal-animation {  to {      transform: translateY(0);  }}

.video-container {  display: flex;  justify-content: center;  align-items: center;  margin: 12vh 0 0!important;}

.video-container #scrollingVideo {  width: 200px;  height: auto;  overflow: hidden;  border-radius: 12px;  object-fit: cover;  animation-name: grow;  animation-fill-mode: both;  animation-timing-function: linear;  animation-timeline: scroll(root);  animation-range: 0px 500px;  max-width: 90%;}

@keyframes grow {  from {      width: 200px;  }

    to {      width: 1000px;  }}

.services-wrap {display: grid;grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));gap: 40px;position: relative;width: 100%;}

.services-wrap .services-item {  position: relative;  display: grid;  row-gap: 30px;  padding: 30px;  border-radius: 8px;  min-height: 350px;}

.services-wrap .pin-spacer .services-item { background: #c9dce6;border-radius:8px;}
.services-wrap .pin-spacer:nth-child(2) .services-item { background: #ccdccf; }
.services-wrap .pin-spacer:nth-child(3) .services-item { background: #e7d9c5; }
.services-wrap .pin-spacer:nth-child(4) .services-item { background: #d6d2ea; }
.services-wrap .pin-spacer:nth-child(5) .services-item { background: #bfd9f2; }
.services-wrap .pin-spacer:nth-child(6) .services-item { background: #e8c7c1; }
.services-wrap .pin-spacer:nth-child(7) .services-item { background: #f9f3d4; }
.services-wrap .pin-spacer:nth-child(8) .services-item { background: #F2F2F2; }



.services-page-wrap .services-card .services-image svg {background: #c9dce6;}
.services-page-wrap .services-card:nth-child(2) .services-image svg { background: #ccdccf; }
.services-page-wrap .services-card:nth-child(3) .services-image svg { background: #e7d9c5; }
.services-page-wrap .services-card:nth-child(4) .services-image svg { background: #d6d2ea; }
.services-page-wrap .services-card:nth-child(5) .services-image svg { background: #bfd9f2; }
.services-page-wrap .services-card:nth-child(6) .services-image svg { background: #e8c7c1; }
.services-page-wrap .services-card:nth-child(7) .services-image svg { background: #f9f3d4; }
.services-page-wrap .services-card:nth-child(8) .services-image svg { background: #F2F2F2; }


.services-wrap .services-item .services-item-img {  width: 120px;  height: 80px;  position: relative;}

.services-wrap .services-item .services-item-img img {  width: 100%;  height: 100%;}

.services-wrap .services-item .services-item-title {position: relative;}

.services-wrap .services-item .services-item-title a:hover {  text-decoration: underline;}

.services-wrap .services-item .services-item-comment {  color: var(--open-black);  position: relative;}

.services-wrap .services-item .services-item-tags {  /* display: flex; */
    margin: -10px 0 10px 0;  position: relative;  z-index: 2;}

.services-wrap .services-item .services-item-tags a {  font-size: 12px;  padding: 7px 12px;  background: #0000007a;  color: var(--white);  border-radius: 50px;  margin: 0 5px 5px 0;  display: inline-block;}

.services-wrap .services-item .services-item-tags a:hover {  background: var(--yellow);  color: var(--black);}

.services-wrap .services-item:before {  border-radius: 8px;  background: #FAFAFA;  content: "";  display: block;  width:100% ;  height:100% ;  position: absolute;  z-index: 0;  margin:0;  opacity: 0;  transition: opacity 0.7s ease,width 0.7s ease,height 0.7s ease;}


.services-wrap .services-item:hover:before {  opacity: 1;}

.services-wrap .services-item:after {  height: 90%;  content: "";  display: block;  width: 1px;  background: #EFEFEF;  position: absolute;  right: -20px;  top: 5%;  display: none;}

.services-wrap .services-item:hover .services-item-title a {  text-decoration: underline;}

.services-wrap .services-item .hover-link {  position: absolute;  z-index: 0;  display: block;  width: 100%;  height: 100%;}

.services-wrap .services-item .hover-link::before, .services-wrap .services-item .hover-link::after {  content: "";  position: absolute;  top: 50%;  right: 50%;  width: 10px;  height: 10px;  border-top: 5px solid var(--yellow);  border-right: 5px solid var(--yellow);  transform: translateY(-50%) rotate(0deg);  opacity: 0;  transition: opacity 0.1s, right 0.3s, top 0.3s, width 0.3s, height 0.3s;}

.services-wrap .services-item .hover-link::after {  border-color: var(--black);}

.services-wrap .services-item:hover .hover-link::before {  right: 5px;  opacity: 1;  top: 48px;  width: 85px;  height: 85px;}

.services-wrap .services-item:hover .hover-link::after {  right: 13px;  opacity: 0.1;  top: 56px;  width: 85px;  height: 85px;}

.works-wrapper {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)) !important;/* grid-gap: 2%!important; */align-items: start !important;}
.services-page-wrap .works-wrapper {grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)) !important;}

.works-wrapper .work-karti {position: relative;opacity: 0;transform: translateY(40px);transition: opacity 0.5s ease-out, transform 0.5s ease-out;cursor: pointer;padding: 0 20px 70px 0;}
.works-wrapper .work-karti.is-visible {opacity: 1;transform: translateY(0);}

.works-wrapper .work-karti .work-baslik a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}

.works-wrapper .work-gorsel {border-radius:8px;overflow:hidden;position: relative;margin-bottom: 15px;border: 1px solid var(--open-gray);}
.works-wrapper .work-gorsel video {
    position: relative;
    z-index: 1;
}
.works-wrapper .work-karti .work-tags {z-index: 5;margin-left: 10px;position: absolute;bottom: -100px;}

.works-wrapper .work-karti .work-tags a {background: var(--black);border-radius: 50px;color: var(--white);opacity: 0.8;padding: 7px 12px;display: inline-block;margin: 0 5px 5px 0;position: relative;transition: bottom 0.2s ease;}

.works-wrapper .work-karti:hover .work-tags {bottom: 5px;}

.yellow-bg {  background: var(--yellow);  display: inline-block;  padding: 10px;  border-radius: 3px;  font-weight: 600;  font-style: normal;}

.bg-open-gray {  background: var(--open-gray);}


.bg-white {  background: var(--white);}

body.home .breadcrumb-area {  display: none}

.comment-list {  overflow: hidden;}

.comment-list .owl-item {  border-radius: 24px;}

.comment-list img.comment-icon {  width: 45px;}

.comment-list .item {  padding: 25px;}

.comment-list .comment-text {  min-height: 260px;  padding: 50px 0 20px 0;  margin-bottom: 20px;  border-bottom: 1px solid var(--border-gray)}

.comment-list .comment-bottom-wrap {  display: flex;  width: 100%;}

.comment-list .comment-bottom-wrap .comment-bottom {  width: 70%}

.comment-list .comment-bottom-wrap .comment-name {  color: var(--black);  margin: 8px 0 3px;}

.comment-list .comment-bottom-wrap .comment-title {  color: var(--black);  opacity: .5}

.comment-list .comment-bottom-wrap .comment-logo {  width: 30%;  text-align: right;}

.comment-list .comment-bottom-wrap .comment-logo img {  height: auto;  max-height: 60px;  width: auto;  max-width: 100%;  float: right;}

.comment-list .comment-bottom-wrap .comment-logo img + img {  display: none}

.comment-list .owl-item:nth-child(3n + 1) {  background-color: var(--open-gray);}

.comment-list .owl-item:nth-child(3n + 2) {  background-color: var(--open-black);}

.comment-list .owl-item:nth-child(3n) {  background-color: var(--yellow);}

.comment-list .owl-item:nth-child(3n + 2) img.comment-icon {  filter: invert(1);}

.comment-list .owl-item:nth-child(3n + 2) .comment-logo img {  display: none;}

.comment-list .owl-item:nth-child(3n + 2) .comment-logo img + img {  display: block;}

.comment-list .owl-item:nth-child(3n + 2) .comment-text p, .comment-list .owl-item:nth-child(3n + 2) .comment-name, .comment-list .owl-item:nth-child(3n + 2) .comment-title {  color: var(--white);}

.comment-list .owl-nav {  position: relative;  padding: 0;  -moz-box-sizing: border-box;  box-sizing: border-box;  line-height: 50px;  -webkit-border-radius: 25px 25px 0 0;  border-radius: 10px 10px 0 0;  background: var(--open-gray);  width: 140px;  margin: 100px auto 0;  height: 50px;}

.comment-list .owl-nav:before,.comment-list .owl-nav:after {  content: "";  position: absolute;  background-color: #fff0;  bottom: 0px;  height: 40px;  width: 20px;  box-shadow: 0 20px 0 0 var(--open-gray);}

.comment-list .owl-nav:before {  right: 100%;  border-bottom-right-radius: 20px}

.comment-list .owl-nav:after {  left: 100%;  border-bottom-left-radius: 20px}

.comment-list .owl-nav button.owl-prev, .comment-list .owl-nav button.owl-next {  color: var(--open-black);  width: 50%;  font-size: 40px;  height: 50px;  position: relative;}

.comment-list .owl-nav button span {  line-height: 35px;  height: 40px;  display: block;  font-weight: 500;}

.comment-list .owl-nav button.owl-prev span:after {  content: "";  border-right: 1px solid var(--open-black);  height: 17px;  display: inline-block;  right: 0;  top: calc(50% - 7.5px);  position: absolute;  opacity: 0.5}

.marquee-container {  position: relative;  width: 100%;  float: right;  height: 1px;  z-index: 0;  margin-bottom: 5px;}

.marquee-container .marquee-wrap {  position: absolute;  right: 0;  top: -110px;  width: 79%;  overflow: hidden;  box-sizing: border-box;  margin: 0;  padding: 20px 0;  height: 120px;}

#marquee-images .wp-block-image, #marquee-images2 .wp-block-image {  margin-bottom: 0 !important;  width: 110px!important;  text-align: center;  margin: 0 auto!important;}
.marquee-container .marquee-wrap .owl-item {/* border:1px solid #eee; */text-align:center;padding: 15px 0;background: #f9f9f9;border-radius: 5px;}
.bg-open-gray .bg-linear:after {  background: var(--open-gray);  background: linear-gradient(280deg, rgb(255 255 255 / 0%) 0%, var(--open-gray) 21%);}

.bg-linear {  position: relative;  z-index: 1;  color: var(--black);}

.bg-linear:after {  z-index: -1;  content: "";  display: block;  max-width: 500px;  width: 100%;  height: 110%;  background: var(--white);  background: linear-gradient(280deg, rgb(255 255 255 / 0%) 0%, var(--white) 21%);  position: absolute;  top: -5%;  left: 0;}

footer#footer {  width: 100%;  background: var(--black);  position: fixed;  bottom: 0;  left: 0;  z-index: -1;}

footer#footer .footer-wrap {  background: url(/wp-content/uploads/uimBg.png) bottom right no-repeat;}

footer#footer .footer-wrap * {  color: var(--open-gray)}

.footerText {  color: var(--white);  width: calc(100% - 410px);  display: inline-block;}

.footerText img {  margin-bottom: 40px;}

.footerAdress {  width: 300px;  margin-right: 50px;  color: var(--white);  display: inline-block;}

.footerAdress * {  display: block;}

.footerAdress a {  color: var(--white);  display: block;  margin-top: 15px;}

.footerAdress a:hover {  text-decoration: underline;}

.footerSocial {  width: 50px;  display: inline-block;}

.footerSocial li a {margin: 5px 0 0;font: 1px arial;display: inline-block;width: 50px;height: 50px;text-align: center;background: var(--open-black);border-radius: 8px;color: var(--open-black)!important;float: left;}

.footerSocial li a img {width: 22px;height: 22px;margin: 14px;}

.footerSocial li a:hover {  background: var(--yellow)}

.footerSocial li a:hover img {filter: invert(1);}

html.dark .footerSocial li a {  background: var(--white)}

html.dark .footerSocial li a:hover {  background: var(--yellow)}

html.dark .footerSocial li a:hover img {  filter: invert(0);}

.works-wrapper .owl-nav {  position: relative;  padding: 0;  -moz-box-sizing: border-box;  box-sizing: border-box;  line-height: 50px;  -webkit-border-radius: 25px 25px 0 0;  border-radius: 10px 10px 0 0;  background: var(--white);  width: 140px;  margin: 50px auto 0;  height: 50px;  display: block!important;}

.works-wrapper .owl-nav:before,.works-wrapper .owl-nav:after {  content: "";  position: absolute;  background-color: #fff0;  bottom: 0px;  height: 40px;  width: 20px;  box-shadow: 0 20px 0 0 var(--white);}

.works-wrapper .owl-nav:before {  right: 100%;  border-bottom-right-radius: 20px}

.works-wrapper .owl-nav:after {  left: 100%;  border-bottom-left-radius: 20px}

.works-wrapper .owl-nav button.owl-prev, .works-wrapper .owl-nav button.owl-next {  color: var(--open-black);  width: 50%;  font-size: 40px;  height: 50px;  position: relative;}

.works-wrapper .owl-nav button span {  line-height: 35px;  height: 40px;  display: block;  font-weight: 500;}

.works-wrapper .owl-nav button.owl-prev span:after {  content: "";  border-right: 1px solid var(--open-black);  height: 17px;  display: inline-block;  right: 0;  top: calc(50% - 7.5px);  position: absolute;  opacity: 0.5}

.works-wrapper img {  height: auto;}

.contact-form-wrap {  transition: top 0.3s;  top: 100vh;  position: fixed;  left: 0;  width: 100%;  height: 100vh;  background: var(--white);  z-index: 99;}

.contact-form-wrap.active {  top: 0;}

.copyright {  width: 100%;  margin-top: 175px;  color: var(--white);}

#wpadminbar {  display: none}

.contact-form-wrap {display: flex;overflow-x: hidden;overflow-y: scroll;width: 100%;}

.contact-form-wrap .contact-detail {  max-width: 35%;  width: 90%;  margin: 50px 5%;}

.contact-form-wrap .contact-detail svg {  margin: 100px 0 10px;  height: 130px;  overflow: visible;  width: 130px;}

.contact-form-wrap .contact-detail .textwidget {  width: 300px;  margin-right: 50px;  color: var(--black);  display: block;}

.contact-form-wrap .contact-detail .textwidget * {  display: block;  font-weight: 500;}

.contact-form-wrap .contact-detail .textwidget a {  color: var(--black);  display: block;  margin-top: 15px;}

.contact-form-wrap .contact-detail .textwidget a:hover {  text-decoration: underline;}

.contact-form-wrap .contact-form {  max-width: 55%;  width: 90%;  margin: 50px 5%;}

.contact-form * {transition: 0.5s;margin: 0;}
.form-footer {display:flex;}
div.recaptcha {margin-top:10px;}
.contact-form h4 {  margin-bottom: 24px;  display: block;}

.contact-form .chose-option {  margin-bottom: 52px;}

.contact-form .chose-option .wpcf7-list-item {  position: relative;  overflow: hidden;  margin: 0 0px 0px 0;  padding: 6px;}

.contact-form .chose-option .wpcf7-list-item label {  border-radius: 50px;  padding: 0px 15px;  line-height: 36px;  box-shadow: 0 0 0 1px #000000;}

.contact-form .chose-option .wpcf7-list-item label:has(input:checked)::before {  background-color: var(--yellow);}

.contact-form .chose-option .wpcf7-list-item > label:before {  content: "";  border-radius: 50%;  display: inline-block;  width: 10px;  height: 10px;  position: absolute;  left: 5px;  top: 5px;}

.contact-form .chose-option .wpcf7-list-item label input {  position: absolute;  left: 0;  top: 0;  z-index: 9;  width: 100vh;  height: 100vh;  cursor: pointer;  opacity: 0;}

.contact-form .chose-option .wpcf7-list-item label span {  line-height: 30px;}

.contact-form .chose-option .wpcf7-list-item:has(input:checked) label {  background-color: var(--black);  color: var(--white);  box-shadow: 0 0 0 2px var(--black);}
@media (hover: hover) and (pointer: fine) {
.contact-form .chose-option .wpcf7-list-item:hover label {  background: var(--black);  box-shadow: 0 0 0 3px var(--black);  color: var(--white);}
}
.contact-form .form .item {  position: relative;  height: 50px;  width: calc(50% - 20px);  display: inline-block;  margin: 0 35px 15px 0;  overflow: hidden;  border-bottom: 1px solid var(--black);}
.contact-form .form .item-2 , .contact-form .form .item-4{  margin-right: 0!important;}

.contact-form .form .item.item-5 {  width: 100%;  margin-right: 0;}

.contact-form .form .item input {  background: none;  border: none;  height: 60px;  width: 100%;  outline: none;  position: relative;  z-index: 1;}

.contact-form .form .item span.text {  position: absolute;  line-height: 50px;  z-index: 0;  top: 0;  left: 3px;}

.contact-form .form .item:has(input:focus) span.text {  font-size: 12px;  top: 0;  line-height: 15px;}

.contact-form .form .item:has(input:focus) span.text, .contact-form .form .item.active span.text {  font-size: 12px;  top: 0;  line-height: 15px;}

.contact-form .form .item:has(.wpcf7-not-valid) {border-color:red;}



.sendWrap {margin-top: 10px;margin-right: 0;margin-left: auto;}
.sendWrap .wpcf7-list-item {  line-height: 33px;}
.sendWrap .wpcf7-list-item label:before  {content:"";font-weight:bold;border-radius: 50%;border: 1px solid var(--black);width: 30px;height: 30px;display: inline-block;text-align: center;float: left;margin: 0 10px 0 0;}
.sendWrap .wpcf7-list-item label:has(input:checked):before  {content: "";background: url(/wp-content/uploads/check.svg) no-repeat center;background-size: 60% 60%;}
.sendWrap .wpcf7-list-item a {text-decoration:underline;}
.sendWrap .wpcf7-list-item input {position:absolute;left:0;top: -5px;width: 35px;height: 35px;opacity: 0;cursor: pointer;}
.sendWrap .wpcf7-submit {float: right;background: var(--black);color: var(--white);border-radius: 8px;border: none;padding: 10px 30px;font-size: 20px;margin-top: 10px;}
.contact-form-wrap .closeContant  {transition: all 0.3s ease-in;position:absolute;right:20px;top:20px;border-radius:50%;color:var(--black);font-size:22px;transform: rotate(0deg);width: 18px;height: 18px;text-align: center;line-height: 22px;background: url(/wp-content/uploads/x.svg) center no-repeat;}
.contact-form-wrap .closeContant:hover  {transform: rotate(180deg);}
.project-check li { padding-left:25px;background: url(/wp-content/uploads/check.svg) no-repeat left center; background-size: 15px 15px;}


body.formVisible {overflow:hidden;}
.gs-dev-tools {display:none!important}

.cares-bg {background:url(/wp-content/uploads/aboutCares.jpg) left center no-repeat;background-color: var(--open-gray);background-size: contain;}
.pozitif-bg {background: url(/wp-content/uploads/pozitif.jpg) no-repeat 110px 0;}

.accordion-wrap {display:none}
.services-page-wrap .accordion-wrap {display:block}
.accordion-wrap p {margin:0;}
.services-page-wrap .services-card {width:100%;display: flex;margin: 0 0 100px 0;}
.services-page-wrap .services-card h4 {line-height: 50px;}
.services-page-wrap .services-card .services-image {max-width: 350px;width:100%;position: relative;margin-left: 230px;}
.services-page-wrap .services-card .services-image svg {position:absolute;left: -230px;top:0;width: 180px;height:auto;border-radius:8px;}
.services-page-wrap .services-card .services-image svg path {transform: translate(10px, 10px);}
.services-page-wrap .services-card .services-content {max-width: 850px;width:100%;margin-left: 50px;}
.services-page-wrap .services-card .mini-text {display:none;}
.services-page-wrap .services-card .accordion-title {font-weight:600;display: block;position:relative;border-top:1px solid var(--border-gray);padding: 10px 0;}
.services-page-wrap .services-card .accordion-wrap > .accordion-title {border:none!important;}
.services-page-wrap .services-card .accordion-title:after {content: "";transform: rotate(45deg);position:absolute;right: 2px;top: 15px;font-size: 16px;transition: 0.3s;background: url(/wp-content/uploads/x.svg) center no-repeat;width: 18px;height: 18px;background-size: 12px 12px;}
.services-page-wrap .services-card .accordion-title.active:after {transform: rotate(0deg);}
.services-page-wrap .services-card .accordion-text {display: none;padding: 15px 0 25px;overflow: hidden;width: 100%;max-width: 700px;font-size: 18px;color: var(--open-black);line-height: 24px;}
.services-page-wrap .services-card .detail-services-btn {text-align:right;margin:25px 0;}





        .timeline-container {          position: relative;          max-width: 1500px;          margin: 0 auto!important;          padding: 100px 20px 0;      }

        .line-track {          position: absolute;          left: 50%;          top: 0;          bottom: 0;          width: 2px;          background: rgba(255, 255, 255, 0.05);          transform: translateX(-50%);      }

        .line-progress {          position: absolute;          left: 50%;          top: 0;          width: 4px;          height: 0%;          background: linear-gradient(to bottom, var(--yellow), var(--yellow));          transform: translateX(-50%);          box-shadow: 0 0 20px var(--yellow);          z-index: 2;      }

        .timeline-container .step {         /* display: flex; */
            /* justify-content: space-between; */
            /* align-items: center; */
            margin-bottom: 150px;             /* width: 100%; */
            position: relative;             z-index: 3;             gap: 90px;             }

        .step:nth-child(even) { flex-direction: row-reverse; }

        .card {          width: 45%;          padding: 30px;          background: rgba(255, 255, 255, 0.03);          backdrop-filter: blur(10px);          border: 1px solid rgba(255, 255, 255, 0.1);          border-radius: 24px;          transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);      }

        .img-box {          border-radius: 8px;          overflow: hidden;          border: 1px solid rgba(255, 255, 255, 0.1);          position: relative;      }

        .img-box img {          width: 100%;          height: 100%;          object-fit: cover;          filter: grayscale(100%);          transition: all 0.8s ease;      }

        .dot {position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;background: var(--black);border: 4px solid var(--border-gray);border-radius: 50%;transform: translate(-50%, -50%);z-index: 10;transition: all 0.4s ease;}

        .step.active .card {          background: rgba(255, 255, 255, 0.07);          border-color: var(--yellow);          transform: translateY(-10px);      }

        .step.active .img-box img {          filter: grayscale(0%);          transform: scale(1.1);      }

        .step.active .dot {          background: var(--yellow);          border-color: white;          box-shadow: 0 0 20px var(--yellow);      }




.services-wrap-slider-home {background: var(--black);transform: rotate(-4deg);margin: -50px -50vw 0px -50vw;width: 120vw;position: relative;left: 40%;right: 50%;}
.services-wrap-slider-home .owl-item {height:60px!important;width: auto!important;padding:17px 15px!important;color:var(--white);font-size: 18px; line-height: 24px;}
.services-wrap-slider-home .owl-stage {height:60px!important;overflow:hidden;}
.services-wrap-slider-home2 {background: var(--yellow);transform: rotate(3deg);margin: -50px -50vw 50px -50vw;width: 120vw;position: relative;left: 40%;right: 50%;}
.services-wrap-slider-home2 .owl-item {height:60px!important;width: auto!important;padding:17px 15px!important;color:var(--black);font-size: 18px; line-height: 24px;}
.services-wrap-slider-home2 .owl-stage {height:60px!important;overflow:hidden;}


 .uim-sticky-container { display: flex !important;     align-items: flex-start !important; }
    .sticky-column-target {      position: -webkit-sticky; 
        position: sticky;      top: 100px; 
        flex-basis: 25%;      z-index: 10;      height: auto; 
    }

    .content-column {      flex-basis: 75%;  }










.team-wrap > div {gap: 5%!important;}
.team-wrap figure.radius a {position:relative;z-index:0;}
.team-wrap figure.radius a:after {width:35px;height:47px;display:inline-block;position:absolute;right:12px;bottom:0px;content:"";background: url(/wp-content/uploads/linkedin.svg) no-repeat ;background-size:35px 35px;background-position:0 50px;-webkit-transition: background 0.3s;transition: background 0.3s;}
.team-wrap figure.radius a:hover:after {background-position:0 0;}
.team-wrap figure.radius a:before {width:100%;height:100%;display:inline-block;position:absolute;left:0px;bottom:0px;content:"";border-radius:8px;background: #E2C11E;z-index:0;background: linear-gradient(0deg, rgba(226, 193, 30, 0.55) 0%, rgba(226, 193, 30, 0) 100%);opacity:0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.team-wrap figure.radius a:hover:before {opacity:1;}
.team-wrap .wp-block-column {position:relative;}
.team-wrap .team-name {font-size: 24px;line-height: 34px;font-weight:500;margin:20px 0 0;}
.team-wrap .team-title {  font-size: 14px;  padding: 5px 12px;  background: var(--yellow);  color: var(--black);  border-radius: 50px;  opacity: 1;  margin: 0 5px 5px 0;  position:absolute;  bottom: 62px;  left:12px;  display: inline-block;  }


















    @media (max-width: 781px) {      .uim-sticky-container {          flex-direction: column;      }
        .sticky-column-target {          position: relative;          top: 0;          margin-bottom: 20px;      }
    }


.brand-list-wrap {}
.brand-list-wrap figure {background:var(--open-gray);}
.brand-list-wrap figure img {width: 60%!important;margin: 20%;transition: transform 0.3s ease;}
.brand-list-wrap figure:hover img {transform: scale(1.1);}
.wp-block-gallery .wp-block-image {  flex-grow: 0 !important;  flex-basis: auto !important;}

.wp-block-gallery {  justify-content: flex-start !important;}

.mw-services {max-width:1300px;}

.breadcrumbs {position:relative;}
.breadcrumbs .breadcrumbs-link {line-height:30px;margin: 74px 0 10px 5px;position: relative;}
.breadcrumbs .breadcrumbs-link .delimiter {margin:0px 3px;display:inline-block}
.breadcrumbs .breadcrumbs-link .delimiter img {width:20px; height:20px;display:inline-block;position:relative;top:4px;}



.service-left-img{position: relative;}
.service-left-img figure:nth-child(2){position: absolute;text-align: center;background: var(--yellow);right: -15px;top: 0;z-index: 2;width: 60px;height: 60px;border-radius: 5px;padding: 5px;}
.service-left-img{position: relative;}
.service-left-img figure:nth-child(2){position: absolute;text-align: center;background: var(--yellow);right: -15px;top: 0;z-index: 2;width: 60px;height: 60px;border-radius: 5px;padding: 5px;}
.detail-head-section {overflow:hidden;max-height:100vh;}
.detail-head-section h1 {position:absolute;bottom:70px;text-align:center;width:100vw;mix-blend-mode: difference;color:#fff}
.detail-head-section p {position:absolute;bottom:10px;text-align:center;width:100vw;mix-blend-mode: difference;color:#fff}
.work-detail-logo img {max-width: 200px;}


.scroll-banner {  width: 350px;  height: 370px;  position: -webkit-sticky;  position: sticky;  top: calc(50% - 150px);  z-index: 1;}
.scroll-banner .load-bg-img {max-height: 400px;    display: block;  width: 100%;  background-size: 100% auto;  background-position: center center;  margin: 0 auto;  border-radius: 5px;  background-repeat: no-repeat;  height: 100%;  background-repeat: no-repeat;  background-size: 100% auto;  background-position: center top;  }
.scroll-banner .load-bg-img img {width:100%;border-radius:7px;}

.blog-page-wrap {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)) !important;grid-gap: 150px !important;align-items: start !important;}
.blog-page-wrap .blog-card {display:flex;grid-gap: 30px !important;position: relative;}
.blog-page-wrap .blog-content {width: 70%;}
.blog-page-wrap .blog-img { border-radius: 8px;overflow: hidden;}
.blog-page-wrap .blog-img img {width:100%;height:auto;border-radius:8px;}
.blog-page-wrap .detail-blog-btn {text-align:right;z-index: 9;position: relative;}
.blog-page-wrap .blog-link {  position: absolute;  left: 0;  top: 0;  z-index: 0;  width: 100%;  height: 100%;}


.parallax-wrapper {  width: 100%;  height: 30vh!important;  overflow: hidden;  position: relative;  border-radius:0 0 8px 8px!important;}

.parallax-target {  width: 100% !important;  height: 200% !important; 
    object-fit: cover !important;  position: absolute;  top: 0;  left: 0;}




.wpcf7 .wpcf7-submit:disabled {
    cursor: pointer !important;
}










.menuMobile span {display: block;background-color: var(--black);height: 2px;width: 22px;margin-top: 5px;margin-bottom: 5px;position: relative;left: 0;opacity: 1;transition: all 0.35s ease-out;transform-origin: center left;border-radius: 5px;}
#site-header-wrapper.active-menu:before {position:fixed;width:100%;content:"";height:110vh;top:0;left:0;z-index: 0;background: #fff;}

.menuMobile span:nth-child(1) {margin-top: 0.3em;}
#site-header-wrapper.active-menu .menuMobile span:nth-child(1) { transform: translate(15%, -33%) rotate(45deg); }
#site-header-wrapper.active-menu .menuMobile span:nth-child(2) { opacity: 0; }
#site-header-wrapper.active-menu .menuMobile span:nth-child(3) { transform: translate(15%, 33%) rotate(-45deg); }
.menuMobile span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); }
.menuMobile span:nth-child(2) { opacity: 1; }
.menuMobile span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); }
.m-visible {display:none;}
.page-details-screen {overflow:hidden;border-radius:8px;}
.page-details-screen img {overflow:hidden;border-radius:8px;width:100%;max-width:500px;}



.post-navigation-list {display:flex;margin: 30px 0 50px;border-top: 1px solid #eee;padding: 25px 0 0;}
.post-navigation-list li {max-width: 300px;width:100%;display: flex;}
.post-navigation-list li + li {margin-left:auto;}
.post-navigation-list li a {margin:0 auto;}
.post-navigation-list .post-navigation-block {text-align:center;}
.post-navigation-list .post-navigation-block img {height:auto;max-height: 75px;margin-bottom: 10px;}
.post-navigation-list .post-navigation-block .post-navigation-image {margin:0 10px 0 0!important;}
.prev-post .post-navigation-link svg {transform: rotate(180deg);}
.post-navigation-link svg {width: 20px;height:15px;margin:40px 0 0 0}


.contact-form .recaptchaForm { float: left; margin: 15px 0; width: 50%;}
.contact-form .recaptchaForm * { min-width: 100%;}
.contact-form .wpcf7-response-output {
    display: inline-block;
    width: 100%;
    padding: 15px!important;
}




a.confetti-button {
            padding: 15px 30px;
            font-size: 18px;
            font-weight: bold;
            color: var(--black);
            background:var(--yellow);
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            outline: none;margin-left:30px;
        }

        a.confetti-button:hover {
            transform: scale(1.1);
            box-shadow: 0 10px 20px rgba(131, 56, 236, 0.3);
        }

        a.confetti-button:active {
            transform: scale(0.95);
        }




@media (max-width: 1450px) { 
	#site-header .menu li > a {padding: 0px 10px;font-size: 15px;margin-top: 10px;}
	.hover-link-icon a {padding: 0 37px!important;font-size:16px}
	.works-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)) !important;
    /* grid-gap: 2% !important; */
    /* grid-auto-rows: 20px !important; */
}
	.form-footer {display:block;}
	.sendWrap {margin-top:25px;}
	
.services-page-wrap .works-wrapper {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)) !important;}
}

    @media (max-width: 1250px) { 
        body.menuVisible {overflow:hidden;height:100vh;width:100vw;}
		.m-visible {display:block;}
		.menuMobile {display:block;border-radius:8px;border:1px solid var(--open-gray);width: 45px;height: 45px;padding:10px;margin-left: auto;z-index: 9;margin: 10px 0 0 auto;}
		#site-header-wrapper .header-menu-wrapper {display: none;}
        #site-header-wrapper.active-menu .header-menu-wrapper {display: block;}
		.header-menu-wrapper {width: 100%;top: 5rem;left: 0;z-index: 50;height: calc(100vh - 60px);width: 100%;flex-direction: column;padding-left: 1rem;padding-right: 1rem;position: fixed;}
		#site-header .menu li > a {font-size:18px;width:100%;text-align: left;}
		#site-header .menu li > a:after, #site-header .menu li > a:before {display:none}
		#site-header .mobile-menu-footer {display:flex;gap: 75px;position: relative;margin: 15px 0 0;}
		#site-header #menu-menu {display:block;width: 100%;margin: 0;}
		#site-header #menu-menu li {padding:0;margin: 0;position: unset;}
		#site-header #menu-menu li + li {border-top:1px solid var(--open-gray);}
		#site-header .#menu-menu li a {margin:0;padding:15px 0;}
		#site-header .hover-link-icon a {width:100%}
		#site-header .mobile-menu-footer:after {content:"";position: absolute;left: -30px;width: calc(100vw + 60px);height: 1px;background: var(--open-gray);top: 0;}
		#site-header .textwidget {width: calc(100% - 50px);margin: 15px 0 0 0;}
		#site-header .menu-socialmedia-container {width: 140px;margin: 15px 0 0;}
		#site-header #menu-socialmedia {display: block;width: 140px;}
		#site-header #menu-socialmedia  li {width: 48px;text-align: right!important;margin: 0 0 20px 20px;display: inline-block;float: right;}
		#site-header #menu-socialmedia  li a {font: 1px arial;display: inline-block;width: 50px;height: 50px;text-align: center;background: var(--open-black);color: var(--open-black)!important;padding: 0;border-radius: 8px!important;overflow: hidden;margin: 0;float: right;}
		#site-header #menu-socialmedia  li a img {width: 22px;height: 22px;margin: 14px;}
		.services-wrap .services-item {padding:15px;}
		#site-header #menu-item-213 li + li + li {
    margin: 0 !important;
}
		
#site-header .menu li ul.sub-menu {transition: all 0.5s;position: absolute;z-index: 99999;border-radius:0;width: 100%!important;bottom: -100vh;right:0px;min-width: auto;left: auto!important;top:auto;}
#site-header .menu li.active ul.sub-menu {bottom: 0;display: block;opacity: 1;padding-bottom: 100px!important;}
#site-header .menu li ul a {padding: 15px 0;font-weight:500;display: block;font-size: 16px;}
#site-header .menu li.active:after {content:"";z-index:5;position:fixed;left:-750px;top:-750px;width:3000px;height:1500px;background: #00000040;}
#site-header .menu li.arrow-back-wrap {text-align:right;}
#site-header .menu li.arrow-back-wrap a {padding: 0;border-radius: 8px;width: 20px;height: 20px;text-align: center;line-height: 40px;margin: 0 0 15px;font-size: 25px;font-weight: 400;display: inline-block;background: url(/wp-content/uploads/x.svg) center no-repeat;background-size: 20px 20px;}
    .home-text .reveal-text .word {
        line-height: 50px;
        font-size: 45px;
    }
		    .home-text .reveal-text p {
        line-height: 50px;
        font-size: 40px;
        height: 50px;
    }
		.sendWrap .wpcf7-submit {
    float: none;
    margin: 20px 0 20px!important;
    display: inline-block;
}


.works-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)) !important;
    }

	body.home .works-wrapper div:nth-child(2) {display:none;}
		
    }



@media (max-width: 790px) { 
	.wpcf7 form .wpcf7-response-output {margin:0;}
	.sendWrap .wpcf7-submit {
    width: 100%;
    text-align: center;
}
	   .header-menu-wrapper {
               top: 4.5rem;
    }
		body { margin-bottom: 100%;}
		p {font-size: 16px;margin-bottom: 15px;line-height: 25px;}
		h1 {font-size: 40px;line-height: 45px;}
		h2 {font-size: 38px;line-height: 48px;margin-bottom: 10px;}
	h3 { font-size: 30px;     line-height: 35px; }
.form-title {font-size: 24px; line-height: 30px; }
h4 { font-size: 24px;     line-height: 30px; }
		.m-p-0 {padding:0;}
		.fs-24 {font-size: 18px;line-height: 26px;}
		.fs-48 { font-size: 30px;     line-height: 34px; }
		.pb-48 { padding-bottom: 30px !important; }
		.mt-48 {margin-top: 30px !important;}
		.mb-48 {margin-bottom: 30px !important;}
		.mb-64 {margin-bottom: 40px !important;}
		.mt-64 { margin-top: 40px !important;}
		.pb-100 { padding-bottom: 60px !important;}
		.pt-100 { padding-top: 60px !important;}
		.mt-100 {margin-top: 60px !important;}
		.mb-100 { margin-bottom: 60px !important; }
		.team-wrap > div { gap: 60px !important; }
		#site-header {padding:10px 0;}
		#site-header .textwidget br {display:none;}
		#site-header .mobile-menu-footer { display: block;     padding-top: 15px;     margin: 0; }
		    #site-header .textwidget
 {     margin: 0 0 0 0;         width: 100%;     }
		#site-header .textwidget p + p {display: inline-block;width: 48%;}
		#site-header .textwidget p + p + p {text-align:right;}
		    #site-header .menu-socialmedia-container { width: 100%;     margin: 0;     }
		    #site-header #menu-socialmedia {     display: flex;         width: 100%;     }
		    #site-header #menu-socialmedia li { display: inline-block;     width: auto;     margin: 0;     width: 25%;     text-align: center!important;     }
		#site-header #menu-socialmedia li a { float: none!important; }
		.home-text > div:nth-child(1) {padding-top: 18vh;min-height: auto;}
		.agency-svg {max-height:250px;}
		.home-text .reveal-text .word {line-height: 40px;font-size: 30px;}
		.home-text .reveal-text.splitting { line-height: 50px; font-size: 40px;}
		.home-text .word-slider .slider-word { height: 0.7em;}
		.home-text .reveal-text p {line-height: 40px;font-size: 30px;height: 40px;margin: 0 15px 0 0;}
		.services-wrap-slider-home { margin-top: 30px; }
		.services-wrap-slider-home2 {margin-top:0;margin-bottom: 0;transform: rotate(7deg);}
		.works-wrapper {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;/* grid-gap: 0% !important; *//* grid-auto-rows: 30px !important; */padding: 0;}
		.marquee-container { height: auto;}
		.marquee-container .marquee-wrap { top: 0;position: relative;}
		footer#footer .footer-wrap {background-size:90% auto;}
		.footerText {width:100%;}
		.copyright {margin-top: 40px;}
		.contact-form-wrap .contact-detail {display:none;}
		.contact-form-wrap .contact-form { max-width: 100%;     padding-bottom: 50px; }
		.comment-list {padding:0;}
	.services-page-wrap .services-card h4 {
   line-height: 40px; }

		.services-page-wrap .services-card { display: block;     margin: 0 0 100px 0; }
		.services-page-wrap .services-card .services-image {
  max-width: fit-content;   margin-left: 130px;   width: calc(100% - 130px);   min-height: 130px; }
		.services-page-wrap .services-card .services-image svg {
 width: 110px;  left: -130px; }
		.services-page-wrap .services-card .services-content {
   margin: 0; }
		.svg-inline {max-width:200px;}
.detail-head-section {padding:80px 0 0 0;background:#fff;}
.detail-head-section h1 { position: relative;     bottom: 0;     padding: 35px 25px 15px; }
.detail-head-section p { position: relative;     bottom: 0;     padding: 0 25px 25px;     margin: 0; }
.blog-page-wrap { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important; }
.blog-page-wrap .blog-img {max-height:250px;}
.blog-page-wrap .blog-card {display:block;}
		.blog-page-wrap .blog-content {margin:25px 0 0;width:100%;}
		.breadcrumbs .breadcrumbs-link { margin: 40px 0 10px 5px; }

		footer#footer .footerSocial {display:block;width:100%;margin-top: 20px!important;}
		footer#footer .footerSocial li {display:inline-block;margin:0 10px 0 0;}
		footer#footer .footer-wrap .footerAdress  p + p {display:inline-block;width:49%;}
		footer#footer .footer-wrap .footerAdress p + p:last-child {text-align:right;}
		footer#footer .footerAdress { width: 100%;     margin-right: 0;     margin-top: 20px!important; }
		footer#footer .footerText img {margin-bottom: 20px;max-width:200px;}
.timeline-container { padding: 60px 0 0; }
		.timeline-container .uim-work-text-wrap { background: var(--white);     border: 1px solid var(--open-gray);     border-radius: 8px;     padding: 25px; }
		.timeline-container .step {gap: 25px;margin-bottom: 150px;}
		.works-wrapper .work-karti {/* grid-row-end: span 12; */padding-right: 0;}
	
.services-page-wrap .works-wrapper {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;}
.contact-form .chose-option .wpcf7-list-item label {
    padding: 0 10px;
}
.chose-option {max-height:150px;overflow-x:scroll;border: 1px solid var(--open-gray);padding: 10px 0px;border-radius: 8px;}
.chose-option.active-list {max-height: fit-content;}
	.contact-form .chose-option *  {width:100%}
	.contact-form .form .item {
    width: 100%;
}
	.dot {
    position: inherit;
    transform: none;
    display: inline-block;
    left: auto;
    max-width: 20px;
    max-height: 20px;
    right: auto;
    margin: 0 auto!important;
    }
.all-services-list-btn {margin:-40px 0 40px 0;text-align:right;color:var(--black);text-decoration:underline;}
	.scroll-banner {display:none;}
	.contact-form form {padding-bottom: 80px!important;}
    .home-btn { width: 350px;}
	.home-btn a {float: left!important;
    margin: 15px 0!important;}
    }