@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;0,800;0,900;1,200;1,400;1,600;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap);
a:hover {
  color: currentColor;
}


/* TV Optimizasyonu - Tüm Çözünürlükler */

/* Full HD TV (1920x1080) */
@media screen and (min-width: 1920px) and (max-width: 2559px) and (aspect-ratio: 16/9) {
    body {
        zoom: 1.3;
    }
}

/* 2K/QHD TV (2560x1440) */
@media screen and (min-width: 2560px) and (max-width: 3839px) and (aspect-ratio: 16/9) {
    body {
        zoom: 1.6;
    }
}

/* 4K TV (3840x2160) */
@media screen and (min-width: 3840px) and (max-width: 5119px) and (aspect-ratio: 16/9) {
    body {
        zoom: 2.0;
    }
}

/* 5K TV (5120x2880) */
@media screen and (min-width: 5120px) and (max-width: 7679px) and (aspect-ratio: 16/9) {
    body {
        zoom: 2.4;
    }
}

/* 8K TV (7680x4320) */
@media screen and (min-width: 7680px) and (aspect-ratio: 16/9) {
    body {
        zoom: 3.2;
    }
}

/* Ultra Wide TV'ler için */
@media screen and (min-width: 3440px) and (aspect-ratio: 21/9) {
    body {
        zoom: 1.8;
    }
    
    .container {
        max-width: 2000px; /* Ultra wide için daha geniş */
    }
}

/* TV için genel iyileştirmeler */
@media screen and (min-width: 1920px) and (aspect-ratio: 16/9) {
    /* Minimum dokunma alanları TV kumandası için */
    .burger-menu {
        width: 50px;
        height: 50px;
    }
    
    .burger-menu div {
        height: 4px;
        width: 40px;
    }
    
    /* Yazılar daha net görünsün */
    * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Animasyonlar daha yavaş TV için */
    * {
        transition-duration: 0.4s !important;
    }
}
@media only screen and (min-width: 2235px) and (max-width: 2245px) and (min-height: 1255px) and (max-height: 1265px) {
  body {
    zoom: 1.3;
  }
  .design-section-2 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2044px) and (max-width: 2052px) and (min-height: 1147px) and (max-height: 1157px) {
  body {
    zoom: 1.15;
  }
  .design-section-2 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2555px) and (max-width: 2565px) and (min-height: 1435px) and (max-height: 1445px) {
  body {
    zoom: 1.5;
  }
  .design-section-2 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 3195px) and (max-width: 3205px) and (min-height: 1795px) and (max-height: 1805px) {
  body {
    zoom: 1.85;
  }
  .design-section-2 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 1435px) and (max-width: 1445px) and (min-height: 895px) and (max-height: 905px) {
  body {
    zoom: 0.85;
  }
  .design-section-2 {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 2297px) and (max-width: 2307px) and (min-height: 1435px) and (max-height: 1445px) {
  body {
    zoom: 1.4;
  }
  .design-section-2 {
    margin-top: 120px;
  }
}
.navbar-custom {
  clip-path: polygon(
    97.807% 62.917%,
    2.307% 100%,
    2.307% 100%,
    1.935% 99.684%,
    1.581% 98.503%,
    1.251% 96.529%,
    0.948% 93.833%,
    0.679% 90.487%,
    0.448% 86.561%,
    0.259% 82.126%,
    0.118% 77.255%,
    0.03% 72.018%,
    0% 66.486%,
    0% 0%,
    100% 0%,
    100% 29.403%,
    100% 29.403%,
    99.972% 34.74%,
    99.889% 39.814%,
    99.757% 44.56%,
    99.579% 48.908%,
    99.361% 52.793%,
    99.106% 56.147%,
    98.818% 58.904%,
    98.503% 60.996%,
    98.165% 62.356%,
    97.807% 62.917%
  );
  background-color: #333;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 120px;
  z-index: 101;
  max-width: 1440px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.burger-menu {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: center;
  z-index: 102;
}
.burger-menu div {
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 4px 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.navbar-custom .logo img {
  height: 95px;
  width: auto;
  z-index: 100;
  margin-top: -60px;
  margin-left: -25px;
}
.navbar-custom .burger-menu {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: center;
  margin-top: -40px;
  z-index: 100;
  transition: transform 0.3s ease;
}
.navbar-custom .burger-menu div {
  width: 35px;
  height: 3px;
  background-color: #fff;
  margin: 4px 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 100;
}
.fullscreen-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: #333;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.5s ease;
  z-index: 100;
}
.fullscreen-menu nav {
  width: auto;
  text-align: left;
  margin-right: 20px;
}
.fullscreen-menu.open {
  right: 0;
  transition: right 0.5s ease-in-out;
}
.fullscreen-menu ul {
  padding: 0;
  margin: 0;
  text-align: left;
  position: absolute;
  top: 20%;
  right: 25%;
}
.fullscreen-menu ul li {
  display: block;
  margin-bottom: 10px;
}
.fullscreen-menu ul li a {
  text-transform: uppercase;
  text-align: left;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 35px;
  transition: color 0.3s;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
}
.fullscreen-menu ul li a:hover {
  font-weight: 800;
}
.burger-menu.open div:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.burger-menu.open div:nth-child(2) {
  opacity: 0;
}
.burger-menu.open div:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}
.burger-menu.open div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
}
.burger-menu.open div:nth-child(1),
.burger-menu.open div:nth-child(3) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.burger-menu.open div:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.burger-menu.open div:nth-child(3) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.burger-menu,
.navbar-custom .logo {
  position: relative;
  z-index: 102;
}
#retail-dropdown,
#hospitality-dropdown {
  margin-bottom: 5px;
}
#retail-dropdown-content,
#hospitality-dropdown-content {
  padding: 0;
  margin: 0;
}
.dropdown-content {
  display: none;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.dropdown-content.show {
  display: contents;
  max-height: 500px;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.dropdown-content a {
  font-size: 20px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.dropdown.active .dropdown-content {
  display: flex;
}
.fullscreen-menu ul li .dropbtn {
  margin-bottom: 5px;
}
.contact-popup {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 300px;
  max-height: 600px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgb(0 0 0 / 0.3);
  display: none;
  z-index: 1000;
  overflow: hidden;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.contact-popup.open {
  display: block;
  transform: translateY(0);
  opacity: 1;
}
.popup-header {
  background-color: #333;
  color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  border-radius: 10px 10px 0 0;
}
.close-popup-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.contact-popup-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  z-index: 999;
}
.contact-form {
  padding: 20px;
}
.contact-form .form-row {
  margin-bottom: 10px;
}
.contact-form .form-input,
.contact-form .form-textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.contact-form .btn {
  width: 100%;
  padding: 10px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
}
.contact-popup.hidden {
  opacity: 0;
  transform: translateY(100%);
  display: none;
}
.services-t {
  letter-spacing: 0.6px;
  font-size: 19px;
}
.services-font {
  margin-top: -50px;
}
.services-p {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 500;
}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  fill-opacity: 0;
  animation: draw 1s ease-out forwards, fill 1s 1s ease-out forwards;
  z-index: -1000;
}
#logo-loader {
  position: fixed;
  top: 80%;
  left: 63%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity 1s ease, transform 1s ease;
  z-index: -1000;
  width: 200px;
  height: auto;
}
.mobile-view.what-we-do .custom-row {
  margin-bottom: 30px;
}
.mobile-view.what-we-do .custom-h5 {
  margin-top: 15px;
}
.mobile-view.what-we-do .custom-svg {
  margin-bottom: 15px;
}
#logo-loader.hide {
  opacity: 0;
  transition: opacity 1s ease;
}
.logo-line {
  width: 5px;
  height: 70px;
  background-color: #fff;
  margin: 0 15px;
}
.c-store-text {
  padding-top: 30px;
  color: #fff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Montserrat", sans-serif;
}
.full-screen-image {
  height: calc(100vh - 130px);
  width: 100vw;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 40px;
}
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 15px;
  background-position: center;
  background-repeat: repeat;
  height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: -4;
  touch-action: pan-y;
}
.img-hover-zoom {
  position: relative;
}
.img-hover-zoom img {
  transition: transform 0.5s ease;
  border-radius: 40px;
}
.img-hover-zoom:hover img {
  transform: scale(1.1);
}
.gallery-texts {
  text-align: left;
}
.overlay-left,
.overlay-right {
  position: absolute;
  top: -8px;
  right: -10px;
  width: 101%;
  height: 103%;
  border-radius: 40px;
  background-color: #fff0;
  transition: background-color 0.5s ease, left 0.5s ease, right 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  pointer-events: none;
}
.overlay-left {
  left: -100%;
}
.overlay-right {
  right: -100%;
}
.img-hover-zoom:hover .overlay-left {
  left: 0;
  background-color: rgb(33 33 33);
}
.img-hover-zoom:hover .overlay-right {
  right: 0;
  background-color: rgb(33 33 33);
}
.overlay-left ul,
.overlay-right ul {
  color: #fff;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: x-large;
}
.overlay-left li,
.overlay-right li {
  margin: 5px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.NumberSvg {
  height: 30px;
  margin-bottom: 10px;
}
.btn-custom:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  overflow-x: hidden;
  color: #fff;
}
html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
  margin: 0 -14px 0 0;
  padding: 0;
  z-index: -4;
}
a {
  text-decoration: none;
}
a.no-underline {
  text-decoration: none;
}
.news-text {
  flex: 2;
  font-size: 1.2em;
  line-height: 1.6;
}
.logo-background {
  position: fixed;
  top: 40px;
  left: 50px;
  display: block;
  z-index: 10;
  transition: all 250ms linear;
}
.logo-background img {
  height: 50px;
  width: auto;
  display: block;
}
.logo {
  position: fixed;
  top: 30px;
  left: 20px;
  z-index: 100002;
  display: flex;
  align-items: center;
  height: 60px;
}
.logo-img {
  height: 95px;
  height: auto;
}
.logo img {
  height: 95px;
  width: auto;
  display: block;
}
.news-h1 {
  font-weight: 900;
  font-size: 100px;
  color: #333;
}
.col-4 h5 {
  margin-top: 20px;
}
::-webkit-scrollbar {
  display: none;
}
* {
  scrollbar-width: none;
}
* {
  -ms-overflow-style: none;
}
.DoSlid {
  animation-name: slide;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes slide {
  from {
    left: 100vw;
  }
  to {
    left: 0vw;
  }
}
a:hover {
  color: currentColor;
}
body {
  font-family: "Montserrat", sans-serif;
  touch-action: pan-y;
}
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
  .navbar-top-stripe {
    clip-path: polygon(
      96.106% 64.634%,
      4.103% 99.516%,
      4.103% 99.516%,
      3.442% 99.419%,
      2.813% 99.054%,
      2.225% 98.442%,
      1.687% 97.605%,
      1.208% 96.566%,
      0.797% 95.347%,
      0.461% 93.97%,
      0.211% 92.457%,
      0.054% 90.831%,
      0% 89.113%,
      0% 0.482%,
      100% 0.482%,
      100% 54.231%,
      100% 54.231%,
      99.949% 55.889%,
      99.803% 57.465%,
      99.568% 58.938%,
      99.253% 60.288%,
      98.865% 61.493%,
      98.412% 62.533%,
      97.902% 63.388%,
      97.343% 64.037%,
      96.741% 64.459%,
      96.106% 64.634%
    );
    background-color: #333;
    padding: 1rem 1.5rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 160px;
    z-index: 101;
    max-width: 1440px;
    z-index: 10002;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
  touch-action: pan-y;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@keyframes slide {
  from {
    left: 100vw;
  }
  to {
    left: 0vw;
  }
}
.DoFade {
  animation-name: fadeOut;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
a {
  text-decoration: none;
}
a.no-underline {
  text-decoration: none;
}
.no-underline {
  text-decoration: none;
}
.custom-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.main-content {
  padding-top: 90;
}
.container-fluid {
  padding-top: 130px;
}
.animated {
  opacity: 0;
  transform: translateY(-20px);
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
@keyframes slideIn {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.desktop-view {
  display: block;
}
.mobile-view {
  display: none;
}
.partner-logo {
  width: 50%;
  height: auto;
}
.social-icon {
  width: 50px;
  height: auto;
  margin: 5px;
}
.border-start {
  border-left: 2px solid #ccc;
}
.border-end {
  border-right: 2px solid #ccc;
}
.larger-logo {
  width: 80%;
  height: auto;
}
.logo-container {
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.logo-container .powered-by {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}
.logo-container img {
  height: 150px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.bottom-font {
  font-weight: 400;
  display: block;
  padding: 5px;
  margin-bottom: 3px;
}
.card-title {
  font-weight: 700;
}
.news-card {
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
  margin-bottom: 20px;
}
.news-image {
  flex: 1;
  margin-right: 50px;
}
.news-image img {
  width: 500;
  height: 400px;
}
.news-text {
  flex: 2;
  font-size: 1.2em;
  line-height: 1.6;
}
.news-item {
  display: flex;
  align-items: flex-start;
}
.news-title {
  font-size: 1.5em;
  margin: 0 0 10px 0;
}
.news-text p {
  font-weight: 500;
  margin: 10px 0;
}
.news-caption {
  font-weight: 600;
  font-size: 1.2em;
  color: #555;
  text-align: center;
  margin-top: 10px;
}
.news-container {
  width: 80%;
  margin: 0 auto;
}
.news-content {
  padding: 20px 0;
}
.news-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: #fff;
}
.news-carousel a {
  text-decoration: none;
  color: #000;
  font-weight: 700;
  margin: 0 50px;
}
.news-carousel .arrow {
  font-size: 24px;
  cursor: pointer;
  margin: 0 5px;
}
.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
  max-width: 1200px;
  margin: 10px 10px 10px 10px;
}
.footer-section {
  padding: 50px 20px;
  max-width: 1200px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
}
.footer-social-media,
.footer-logo,
.footer-links {
  flex: 1;
}
.footer-social-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  margin-right: 50px;
}
.footer-social-media p {
  margin: 0;
  font-size: 18px;
  color: #fff;
}
.social-icons {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}
.social-icons a img {
  width: 40px;
  height: 40px;
}
.footer-logo {
  text-align: center;
  margin: 0 50px;
}
.footer-logo img {
  width: 250px;
  height: auto;
}
.footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: right;
  margin-left: 50px;
}
.footer-links h3 {
  font-size: 1.2rem;
  color: #fff;
  margin-bottom: 15px;
}
.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links ul li {
  margin-bottom: 10px;
}
.footer-links ul li a {
  color: #333;
  text-decoration: none;
  font-weight: 600;
}
.footer-links ul li a:hover {
  text-decoration: underline;
}
.site-footer {
  clip-path: polygon(
    97.807% 62.917%,
    2.307% 100%,
    2.307% 100%,
    1.935% 99.684%,
    1.581% 98.503%,
    1.251% 96.529%,
    0.948% 93.833%,
    0.679% 90.487%,
    0.448% 86.561%,
    0.259% 82.126%,
    0.118% 77.255%,
    0.03% 72.018%,
    0% 66.486%,
    0% 0%,
    100% 0%,
    100% 29.403%,
    100% 29.403%,
    99.972% 34.74%,
    99.889% 39.814%,
    99.757% 44.56%,
    99.579% 48.908%,
    99.361% 52.793%,
    99.106% 56.147%,
    98.818% 58.904%,
    98.503% 60.996%,
    98.165% 62.356%,
    97.807% 62.917%
  );
  background-color: #333;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  max-width: 1440px;
  margin: 0 auto;
  transform: scaleY(-1) scaleX(-1);
}
.footer-text {
  margin: 0;
  font-size: 1rem;
  color: #fff;
  transform: scaleY(-1) scaleX(-1);
  text-align: center;
}
.footer-social-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 20px;
}
.social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-icon-link {
  margin: 0 10px;
}
.footer-links {
  text-align: left;
  max-width: 300px;
  margin: 0 auto;
}
.footer-links h3 {
  margin-bottom: 10px;
}
.footer-links-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.footer-links-grid a {
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
}
.news-carousel {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.news-carousel .arrow {
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  font-weight: 700;
}
.news-carousel .arrow:first-of-type {
  left: 150px;
}
.news-carousel .arrow:last-of-type {
  right: 150px;
}
@media (max-width: 768px) {
  body {
    touch-action: pan-y;
    overflow-x: hidden;
    width: 100%;
  }
  .desktop-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
  .news-carousel {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: relative;
  }
  .news-carousel .arrow {
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .news-carousel .arrow:first-of-type {
    left: 10px;
  }
  .news-carousel .arrow:last-of-type {
    right: 20px;
  }
  .news-carousel .arrow {
    color: #333;
    font-weight: 700;
  }
  .vertical-line {
    display: none;
    height: 70px;
    width: 3px;
    background-color: #fff;
  }
  .divSpanHeader {
    display: none;
    position: absolute;
    top: 0;
    left: 40%;
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  .spanStyleHeader {
    display: none;
    color: #fff;
    font-size: 2.2em;
    font-weight: 400;
    margin-left: 2px;
    margin-top: 25px;
  }
  .navbar-custom {
    clip-path: polygon(
      96.106% 64.634%,
      4.103% 99.516%,
      4.103% 99.516%,
      3.442% 99.419%,
      2.813% 99.054%,
      2.225% 98.442%,
      1.687% 97.605%,
      1.208% 96.566%,
      0.797% 95.347%,
      0.461% 93.97%,
      0.211% 92.457%,
      0.054% 90.831%,
      0% 89.113%,
      0% 0.482%,
      100% 0.482%,
      100% 54.231%,
      100% 54.231%,
      99.949% 55.889%,
      99.803% 57.465%,
      99.568% 58.938%,
      99.253% 60.288%,
      98.865% 61.493%,
      98.412% 62.533%,
      97.902% 63.388%,
      97.343% 64.037%,
      96.741% 64.459%,
      96.106% 64.634%
    );
    top: -2px;
    background-color: #333;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 120px;
    z-index: 101;
  }
  .carousel-text {
    display: none;
  }
  .navbar-custom .logo img {
    height: 60px;
    width: auto;
    margin-top: -80px;
    z-index: 100;
  }
  #whatWeDoSection .d-flex {
    flex-direction: column;
    text-align: center;
  }
  #whatWeDoSection .col-md-1,
  #whatWeDoSection .col-md-4,
  #whatWeDoSection .col-md-6 {
    width: 100%;
    margin-top: 20px;
  }
  #Only_T {
    display: none;
    width: 100px;
    margin-top: 0;
  }
  #mainTitleBlack,
  #mainTitleWhite {
    padding-left: 0;
    font-size: 40px;
    margin-left: 30px;
  }
  .whatwedoparag {
    font-size: 16px;
    margin-top: 10px;
    padding: 25px;
    margin-left: -10px;
  }
  .carousel-item {
    width: 100%;
    height: 80vh;
    overflow: hidden;
    transition: transform 0.5s ease;
  }
  .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .burger-menu {
    position: absolute;
    right: 50px;
  }
  .section-container {
    flex-direction: column;
    align-items: center;
  }
  .image-container {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .design-image {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .design-image-reverse {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .news-h1 {
    font-size: 1.5rem;
    text-align: center;
  }
  .news-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .news-image {
    flex: 1;
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 100%;
  }
  .news-image img {
    width: 100%;
    height: auto;
    border-radius: 20px;
  }
  .news-caption {
    font-size: 1rem;
    text-align: center;
    margin-top: 10px;
  }
  .news-text {
    width: 100%;
    padding: 0 10px;
  }
  .news-text p {
    font-size: 1rem;
    text-align: justify;
  }
  .news-carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news-carousel a {
    font-size: 1rem;
    margin: 5px 0;
  }
  .text-box-new {
    width: 100%;
    height: 100vw;
    margin: auto;
  }
  .text-box-sup {
    width: 100%;
    height: 100vw;
    margin: 0 auto;
  }
  .text-box-b {
    width: 100%;
    height: 100vw;
    padding: 15px;
    margin: 0 auto;
  }
  .text-box-new::after {
    background-image: url("../Grocery-Store\ Mobile-01.svg");
  }
  .text-box-new::before {
    background-image: url("../Grocery-Store\ Mobile-02.svg");
  }
  .text-box-sup::after {
    background-image: url("../Grocery-Store\ Mobile-03.svg");
  }
  .text-box-sup::before {
    background-image: url("../Grocery-Store\ Mobile-04.svg");
  }
  .text-box-b::after {
    background-image: url("../Grocery-Store\ Mobile-05.svg");
  }
  .text-box-b::before {
    background-image: url("../Grocery-Store\ Mobile-06.svg");
  }
  .footer-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-social-media,
  .footer-logo,
  .footer-links {
    margin-bottom: 20px;
  }
  .site-footer {
    clip-path: polygon(
      96.106% 64.634%,
      4.103% 99.516%,
      4.103% 99.516%,
      3.442% 99.419%,
      2.813% 99.054%,
      2.225% 98.442%,
      1.687% 97.605%,
      1.208% 96.566%,
      0.797% 95.347%,
      0.461% 93.97%,
      0.211% 92.457%,
      0.054% 90.831%,
      0% 89.113%,
      0% 0.482%,
      100% 0.482%,
      100% 54.231%,
      100% 54.231%,
      99.949% 55.889%,
      99.803% 57.465%,
      99.568% 58.938%,
      99.253% 60.288%,
      98.865% 61.493%,
      98.412% 62.533%,
      97.902% 63.388%,
      97.343% 64.037%,
      96.741% 64.459%,
      96.106% 64.634%
    );
    background-color: #333;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    max-width: 1440px;
    margin: 0 auto;
    transform: scaleY(-1) scaleX(-1);
  }
  .footer-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-social-media,
  .footer-links,
  .footer-logo {
    width: 100%;
    margin-bottom: 60px;
  }
  .footer-links ul {
    padding: 0;
    margin-left: -90px;
    margin-top: -20px;
  }
  .footer-links ul li {
    list-style: none;
    margin-top: 0;
  }
  .footer-logo {
    order: 2;
  }
  .footer-social-media {
    order: 1;
  }
  .footer-links {
    order: 3;
  }
  .partner-logo {
    height: 80px;
    width: auto;
  }
}