@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
:root {
  --black: #1d1d1b;
  --grey: #b0b0b0;
  --white:#ffffff;
}

.hero-container {
  display: flex;
  align-items: center;
  justify-content: center;

  
}
.wrapper {
  max-width: 100%;
  position: relative;
}
.wrapper .carousel {
  white-space: nowrap;
  cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjczIiB2aWV3Qm94PSIwIDAgMTIwIDczIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjU4N183MSkiPgo8cGF0aCBkPSJNNi43MTkyOSA0My4wMDk0TDAgMzYuMjkwMUw2LjcxOTI5IDI5LjU0MTJMNy4xMzM3IDI5Ljk1NTZMMC44Mjg4MTEgMzYuMjkwMUw3LjEzMzcgNDIuNTk1TDYuNzE5MjkgNDMuMDA5NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNi4xMDE3IDM1Ljg5OTFMMC40NzI2NTYgMzUuOTcxNkwwLjQ3NTQwMiAzNi41NjM2TDE2LjEwNDQgMzYuNDkxMUwxNi4xMDE3IDM1Ljg5OTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTEzLjI4MSA0My4wMDk0TDExMi44NjYgNDIuNTk1TDExOS4xNzEgMzYuMjkwMUwxMTIuODY2IDI5Ljk1NTZMMTEzLjI4MSAyOS41NDEyTDEyMCAzNi4yOTAxTDExMy4yODEgNDMuMDA5NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMTkuNTI2IDM1Ljk4NzhMMTAzLjg5NyAzNi4wNjAzTDEwMy45IDM2LjY1MjNMMTE5LjUyOSAzNi41Nzk4TDExOS41MjYgMzUuOTg3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01OC40MzE0IDcyLjU1MDZDMzguNDIxNSA3Mi41NTA2IDIyLjE3MDkgNTYuMjcwMyAyMi4xNzA5IDM2LjI2MDVDMjIuMTcwOSAxNi4yODAyIDM4LjQyMTUgMCA1OC40MzE0IDBDNzguNDQxMiAwIDk0LjY5MTkgMTYuMjgwMiA5NC42OTE5IDM2LjI5MDFDOTQuNjkxOSA1Ni4yNzAzIDc4LjQxMTYgNzIuNTUwNiA1OC40MzE0IDcyLjU1MDZaTTU4LjQzMTQgMC42MjE2MDhDMzguNzc2NyAwLjYyMTYwOCAyMi43NjI5IDE2LjYwNTggMjIuNzYyOSAzNi4yOTAxQzIyLjc2MjkgNTUuOTQ0NyAzOC43NzY3IDcxLjkyOSA1OC40MzE0IDcxLjkyOUM3OC4wODYgNzEuOTI5IDk0LjA3MDMgNTUuOTQ0NyA5NC4wNzAzIDM2LjI5MDFDOTQuMDcwMyAxNi42MDU4IDc4LjA4NiAwLjYyMTYwOCA1OC40MzE0IDAuNjIxNjA4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMzLjQxODkgMzkuNDg2OVYzMS4yMjg0SDM2LjMxOThDMzcuMTc4MiAzMS4yMjg0IDM3Ljg4ODYgMzEuNDA2IDM4LjQ1MSAzMS43NjEyQzM5LjAxMzQgMzIuMTE2NCAzOS40NTc0IDMyLjU5IDM5Ljc1MzQgMzMuMjExNkM0MC4wNDk0IDMzLjgzMzIgNDAuMTk3NCAzNC41NDM2IDQwLjE5NzQgMzUuMzcyNEM0MC4xOTc0IDM2LjIwMTMgNDAuMDQ5NCAzNi45MTE3IDM5Ljc1MzQgMzcuNTMzM0MzOS40NTc0IDM4LjE1NDkgMzkuMDQzIDM4LjYyODUgMzguNDUxIDM4Ljk4MzdDMzcuODg4NiAzOS4zMzg5IDM3LjE0ODYgMzkuNTE2NSAzNi4zMTk4IDM5LjUxNjVIMzMuNDE4OVYzOS40ODY5Wk0zNC4yNDc4IDM4LjcxNzNIMzYuMjMxQzM2LjkxMTggMzguNzE3MyAzNy41MDM4IDM4LjU2OTMgMzcuOTQ3OCAzOC4yNzMzQzM4LjM5MTggMzcuOTc3MyAzOC43NDcgMzcuNTkyNSAzOC45NTQyIDM3LjA4OTNDMzkuMTkxIDM2LjU4NjEgMzkuMjc5OCAzNS45OTQxIDM5LjI3OTggMzUuMzQyOEMzOS4yNzk4IDM0LjY5MTYgMzkuMTYxNCAzNC4xMjkyIDM4Ljk1NDIgMzMuNjI2QzM4Ljc0NyAzMy4xMjI4IDM4LjM5MTggMzIuNzA4NCAzNy45Nzc0IDMyLjQxMjRDMzcuNTMzNCAzMi4xMTY0IDM2Ljk3MSAzMS45Njg0IDM2LjI2MDYgMzEuOTY4NEgzNC4yMTgyVjM4LjcxNzNIMzQuMjQ3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00MS43OTU5IDM5LjQ4NjlWMzEuMjI4NEg0NC44NDQ3QzQ1LjI4ODcgMzEuMjI4NCA0NS43MDMyIDMxLjI4NzYgNDYuMDU4NCAzMS4zNzY0QzQ2LjQxMzYgMzEuNDY1MiA0Ni43MDk2IDMxLjYxMzIgNDYuOTc2IDMxLjgyMDRDNDcuMjQyNCAzMi4wMjc2IDQ3LjQyIDMyLjI5NCA0Ny41NjggMzIuNjE5NkM0Ny43MTYgMzIuOTQ1MiA0Ny43NzUyIDMzLjMzIDQ3Ljc3NTIgMzMuODAzNkM0Ny43NzUyIDM0LjI0NzYgNDcuNjg2NCAzNC42MzI0IDQ3LjUzODQgMzQuOTU4QzQ3LjM2MDggMzUuMjgzNiA0Ny4xNTM2IDM1LjU1MDEgNDYuODU3NiAzNS43NTczQzQ2LjU2MTYgMzUuOTY0NSA0Ni4yMzYgMzYuMTEyNSA0NS44ODA4IDM2LjIwMTNMNDcuNjU2OCAzOS41MTY1SDQ2LjcwOTZMNDUuMDIyMyAzNi4zNDkzSDQyLjY1NDNWMzkuNTE2NUg0MS43OTU5VjM5LjQ4NjlaTTQyLjY1NDMgMzUuNTUwMUg0NC41NDg3QzQ0Ljg3NDMgMzUuNTUwMSA0NS4xNzAzIDM1LjUyMDUgNDUuNDY2MyAzNS40NjEzQzQ1Ljc2MjQgMzUuNDAyIDQ1Ljk5OTIgMzUuMzEzMiA0Ni4yMzYgMzUuMTk0OEM0Ni40NzI4IDM1LjA3NjQgNDYuNjIwOCAzNC44NjkyIDQ2Ljc2ODggMzQuNjMyNEM0Ni44ODcyIDM0LjM5NTYgNDYuOTc2IDM0LjA5OTYgNDYuOTc2IDMzLjcxNDhDNDYuOTc2IDMzLjI3MDggNDYuODg3MiAzMi45MTU2IDQ2LjcwOTYgMzIuNjc4OEM0Ni41MzIgMzIuNDEyNCA0Ni4yOTUyIDMyLjIzNDggNDUuOTY5NiAzMi4xNDZDNDUuNjQ0IDMyLjAyNzYgNDUuMjU5MSAzMS45Njg0IDQ0LjgxNTEgMzEuOTY4NEg0Mi43MTM1VjM1LjU1MDFINDIuNjU0M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00OC41NzQyIDM5LjQ4NjlMNTEuNzExOSAzMS4yMjg0SDUyLjg2NjNMNTYuMDAzOSAzOS40ODY5SDU1LjA1NjdMNTQuMzc1OSAzNy42ODEzSDUwLjE3MjZMNDkuNDkxOCAzOS40ODY5SDQ4LjU3NDJaTTUwLjQzOSAzNi45MTE3SDU0LjA3OTlMNTIuMjc0MyAzMi4wMjc2TDUwLjQzOSAzNi45MTE3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYwLjI5NjQgMzkuNTc1N0M1OS40Mzc5IDM5LjU3NTcgNTguNzU3MSAzOS4zOTgxIDU4LjE5NDcgMzkuMDQyOUM1Ny42MzIzIDM4LjY4NzcgNTcuMjE3OSAzOC4xODQ1IDU2Ljk1MTUgMzcuNTYyOUM1Ni42ODUxIDM2Ljk0MTMgNTYuNTM3MSAzNi4yMzA5IDU2LjUzNzEgMzUuNDMxNkM1Ni41MzcxIDM0LjgzOTYgNTYuNjI1OSAzNC4yNzcyIDU2Ljc3MzkgMzMuNzQ0NEM1Ni45MjE5IDMzLjIxMTYgNTcuMTU4NyAzMi43Njc2IDU3LjQ1NDcgMzIuMzgyOEM1Ny43NTA3IDMxLjk5OCA1OC4xNjUxIDMxLjcwMiA1OC42MDkxIDMxLjQ2NTJDNTkuMDgyNyAzMS4yNTggNTkuNjQ1MiAzMS4xMzk2IDYwLjI2NjggMzEuMTM5NkM2MC44MjkyIDMxLjEzOTYgNjEuMzMyNCAzMS4yMjg0IDYxLjc0NjggMzEuMzc2NEM2Mi4xOTA4IDMxLjU1NCA2Mi41NDYgMzEuNzkwOCA2Mi44NDIgMzIuMDg2OEM2My4xMzggMzIuNDEyNCA2My4zNzQ4IDMyLjc5NzIgNjMuNDkzMiAzMy4yNDEySDYyLjU0NkM2Mi40NTcyIDMyLjk0NTIgNjIuMjc5NiAzMi43MDg0IDYyLjA3MjQgMzIuNTAxMkM2MS44MzU2IDMyLjI5NCA2MS41NjkyIDMyLjE0NiA2MS4yNzMyIDMyLjAyNzZDNjAuOTQ3NiAzMS45MDkyIDYwLjYyMiAzMS44Nzk2IDYwLjIzNzIgMzEuODc5NkM1OS43MzQgMzEuODc5NiA1OS4yODk5IDMxLjk2ODQgNTguOTM0NyAzMi4xNDZDNTguNTc5NSAzMi4zMjM2IDU4LjI4MzUgMzIuNTkgNTguMDQ2NyAzMi44ODZDNTcuODA5OSAzMy4yMTE2IDU3LjYzMjMgMzMuNTY2OCA1Ny41NDM1IDMzLjk4MTJDNTcuNDI1MSAzNC4zOTU2IDU3LjM2NTkgMzQuODM5NiA1Ny4zNjU5IDM1LjMxMzJDNTcuMzY1OSAzNS45MzQ5IDU3LjQ1NDcgMzYuNTI2OSA1Ny42NjE5IDM3LjAzMDFDNTcuODY5MSAzNy41NjI5IDU4LjE5NDcgMzcuOTc3MyA1OC42MDkxIDM4LjI3MzNDNTkuMDIzNSAzOC41OTg5IDU5LjU4NiAzOC43NDY5IDYwLjI2NjggMzguNzQ2OUM2MC44MjkyIDM4Ljc0NjkgNjEuMzAyOCAzOC42Mjg1IDYxLjY4NzYgMzguNDIxM0M2Mi4wNzI0IDM4LjIxNDEgNjIuMzk4IDM3Ljg4ODUgNjIuNjA1MiAzNy41MDM3QzYyLjgxMjQgMzcuMTE4OSA2Mi45MzA4IDM2LjY0NTMgNjIuOTMwOCAzNi4wODI5SDYwLjE3OFYzNS4zMTMySDYzLjczVjM1LjkwNTNDNjMuNzMgMzYuNjE1NyA2My41ODIgMzcuMjM3MyA2My4zMTU2IDM3Ljc3MDFDNjMuMDQ5MiAzOC4zMDI5IDYyLjYzNDggMzguNzE3MyA2Mi4xMzE2IDM5LjAxMzNDNjEuNjI4NCAzOS40Mjc3IDYxLjAwNjggMzkuNTc1NyA2MC4yOTY0IDM5LjU3NTdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjguNTI1NCAzOS40ODY5VjMxLjIyODRINjkuNzk4Mkw3Mi40OTE4IDM2LjAyMzdMNzUuMTI2MyAzMS4yMjg0SDc2LjM2OTVWMzkuNDg2OUg3NS41NDA3VjMyLjE0Nkw3Mi42Njk0IDM3LjI5NjVINzIuMjg0Nkw2OS4zODM4IDMyLjE0NlYzOS40ODY5SDY4LjUyNTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzguNDQxNCAzOS40ODY5VjMxLjIyODRIODMuOTE3NVYzMS45OThINzkuMjk5OFYzNS4wMTcySDgzLjQ3MzVWMzUuNzg2OUg3OS4yOTk4VjM4LjcxNzNIODMuOTE3NVYzOS40ODY5SDc4LjQ0MTRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1ODdfNzEiPgo8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjcyLjU1MDYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==') 25 25, auto;
  font-size: 0px;
  overflow: hidden;
  scroll-behavior: smooth;
}
.carousel.dragging {
  cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjczIiB2aWV3Qm94PSIwIDAgMTIwIDczIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjU4N183MSkiPgo8cGF0aCBkPSJNNi43MTkyOSA0My4wMDk0TDAgMzYuMjkwMUw2LjcxOTI5IDI5LjU0MTJMNy4xMzM3IDI5Ljk1NTZMMC44Mjg4MTEgMzYuMjkwMUw3LjEzMzcgNDIuNTk1TDYuNzE5MjkgNDMuMDA5NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNi4xMDE3IDM1Ljg5OTFMMC40NzI2NTYgMzUuOTcxNkwwLjQ3NTQwMiAzNi41NjM2TDE2LjEwNDQgMzYuNDkxMUwxNi4xMDE3IDM1Ljg5OTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTEzLjI4MSA0My4wMDk0TDExMi44NjYgNDIuNTk1TDExOS4xNzEgMzYuMjkwMUwxMTIuODY2IDI5Ljk1NTZMMTEzLjI4MSAyOS41NDEyTDEyMCAzNi4yOTAxTDExMy4yODEgNDMuMDA5NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMTkuNTI2IDM1Ljk4NzhMMTAzLjg5NyAzNi4wNjAzTDEwMy45IDM2LjY1MjNMMTE5LjUyOSAzNi41Nzk4TDExOS41MjYgMzUuOTg3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01OC40MzE0IDcyLjU1MDZDMzguNDIxNSA3Mi41NTA2IDIyLjE3MDkgNTYuMjcwMyAyMi4xNzA5IDM2LjI2MDVDMjIuMTcwOSAxNi4yODAyIDM4LjQyMTUgMCA1OC40MzE0IDBDNzguNDQxMiAwIDk0LjY5MTkgMTYuMjgwMiA5NC42OTE5IDM2LjI5MDFDOTQuNjkxOSA1Ni4yNzAzIDc4LjQxMTYgNzIuNTUwNiA1OC40MzE0IDcyLjU1MDZaTTU4LjQzMTQgMC42MjE2MDhDMzguNzc2NyAwLjYyMTYwOCAyMi43NjI5IDE2LjYwNTggMjIuNzYyOSAzNi4yOTAxQzIyLjc2MjkgNTUuOTQ0NyAzOC43NzY3IDcxLjkyOSA1OC40MzE0IDcxLjkyOUM3OC4wODYgNzEuOTI5IDk0LjA3MDMgNTUuOTQ0NyA5NC4wNzAzIDM2LjI5MDFDOTQuMDcwMyAxNi42MDU4IDc4LjA4NiAwLjYyMTYwOCA1OC40MzE0IDAuNjIxNjA4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMzLjQxODkgMzkuNDg2OVYzMS4yMjg0SDM2LjMxOThDMzcuMTc4MiAzMS4yMjg0IDM3Ljg4ODYgMzEuNDA2IDM4LjQ1MSAzMS43NjEyQzM5LjAxMzQgMzIuMTE2NCAzOS40NTc0IDMyLjU5IDM5Ljc1MzQgMzMuMjExNkM0MC4wNDk0IDMzLjgzMzIgNDAuMTk3NCAzNC41NDM2IDQwLjE5NzQgMzUuMzcyNEM0MC4xOTc0IDM2LjIwMTMgNDAuMDQ5NCAzNi45MTE3IDM5Ljc1MzQgMzcuNTMzM0MzOS40NTc0IDM4LjE1NDkgMzkuMDQzIDM4LjYyODUgMzguNDUxIDM4Ljk4MzdDMzcuODg4NiAzOS4zMzg5IDM3LjE0ODYgMzkuNTE2NSAzNi4zMTk4IDM5LjUxNjVIMzMuNDE4OVYzOS40ODY5Wk0zNC4yNDc4IDM4LjcxNzNIMzYuMjMxQzM2LjkxMTggMzguNzE3MyAzNy41MDM4IDM4LjU2OTMgMzcuOTQ3OCAzOC4yNzMzQzM4LjM5MTggMzcuOTc3MyAzOC43NDcgMzcuNTkyNSAzOC45NTQyIDM3LjA4OTNDMzkuMTkxIDM2LjU4NjEgMzkuMjc5OCAzNS45OTQxIDM5LjI3OTggMzUuMzQyOEMzOS4yNzk4IDM0LjY5MTYgMzkuMTYxNCAzNC4xMjkyIDM4Ljk1NDIgMzMuNjI2QzM4Ljc0NyAzMy4xMjI4IDM4LjM5MTggMzIuNzA4NCAzNy45Nzc0IDMyLjQxMjRDMzcuNTMzNCAzMi4xMTY0IDM2Ljk3MSAzMS45Njg0IDM2LjI2MDYgMzEuOTY4NEgzNC4yMTgyVjM4LjcxNzNIMzQuMjQ3OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00MS43OTU5IDM5LjQ4NjlWMzEuMjI4NEg0NC44NDQ3QzQ1LjI4ODcgMzEuMjI4NCA0NS43MDMyIDMxLjI4NzYgNDYuMDU4NCAzMS4zNzY0QzQ2LjQxMzYgMzEuNDY1MiA0Ni43MDk2IDMxLjYxMzIgNDYuOTc2IDMxLjgyMDRDNDcuMjQyNCAzMi4wMjc2IDQ3LjQyIDMyLjI5NCA0Ny41NjggMzIuNjE5NkM0Ny43MTYgMzIuOTQ1MiA0Ny43NzUyIDMzLjMzIDQ3Ljc3NTIgMzMuODAzNkM0Ny43NzUyIDM0LjI0NzYgNDcuNjg2NCAzNC42MzI0IDQ3LjUzODQgMzQuOTU4QzQ3LjM2MDggMzUuMjgzNiA0Ny4xNTM2IDM1LjU1MDEgNDYuODU3NiAzNS43NTczQzQ2LjU2MTYgMzUuOTY0NSA0Ni4yMzYgMzYuMTEyNSA0NS44ODA4IDM2LjIwMTNMNDcuNjU2OCAzOS41MTY1SDQ2LjcwOTZMNDUuMDIyMyAzNi4zNDkzSDQyLjY1NDNWMzkuNTE2NUg0MS43OTU5VjM5LjQ4NjlaTTQyLjY1NDMgMzUuNTUwMUg0NC41NDg3QzQ0Ljg3NDMgMzUuNTUwMSA0NS4xNzAzIDM1LjUyMDUgNDUuNDY2MyAzNS40NjEzQzQ1Ljc2MjQgMzUuNDAyIDQ1Ljk5OTIgMzUuMzEzMiA0Ni4yMzYgMzUuMTk0OEM0Ni40NzI4IDM1LjA3NjQgNDYuNjIwOCAzNC44NjkyIDQ2Ljc2ODggMzQuNjMyNEM0Ni44ODcyIDM0LjM5NTYgNDYuOTc2IDM0LjA5OTYgNDYuOTc2IDMzLjcxNDhDNDYuOTc2IDMzLjI3MDggNDYuODg3MiAzMi45MTU2IDQ2LjcwOTYgMzIuNjc4OEM0Ni41MzIgMzIuNDEyNCA0Ni4yOTUyIDMyLjIzNDggNDUuOTY5NiAzMi4xNDZDNDUuNjQ0IDMyLjAyNzYgNDUuMjU5MSAzMS45Njg0IDQ0LjgxNTEgMzEuOTY4NEg0Mi43MTM1VjM1LjU1MDFINDIuNjU0M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00OC41NzQyIDM5LjQ4NjlMNTEuNzExOSAzMS4yMjg0SDUyLjg2NjNMNTYuMDAzOSAzOS40ODY5SDU1LjA1NjdMNTQuMzc1OSAzNy42ODEzSDUwLjE3MjZMNDkuNDkxOCAzOS40ODY5SDQ4LjU3NDJaTTUwLjQzOSAzNi45MTE3SDU0LjA3OTlMNTIuMjc0MyAzMi4wMjc2TDUwLjQzOSAzNi45MTE3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYwLjI5NjQgMzkuNTc1N0M1OS40Mzc5IDM5LjU3NTcgNTguNzU3MSAzOS4zOTgxIDU4LjE5NDcgMzkuMDQyOUM1Ny42MzIzIDM4LjY4NzcgNTcuMjE3OSAzOC4xODQ1IDU2Ljk1MTUgMzcuNTYyOUM1Ni42ODUxIDM2Ljk0MTMgNTYuNTM3MSAzNi4yMzA5IDU2LjUzNzEgMzUuNDMxNkM1Ni41MzcxIDM0LjgzOTYgNTYuNjI1OSAzNC4yNzcyIDU2Ljc3MzkgMzMuNzQ0NEM1Ni45MjE5IDMzLjIxMTYgNTcuMTU4NyAzMi43Njc2IDU3LjQ1NDcgMzIuMzgyOEM1Ny43NTA3IDMxLjk5OCA1OC4xNjUxIDMxLjcwMiA1OC42MDkxIDMxLjQ2NTJDNTkuMDgyNyAzMS4yNTggNTkuNjQ1MiAzMS4xMzk2IDYwLjI2NjggMzEuMTM5NkM2MC44MjkyIDMxLjEzOTYgNjEuMzMyNCAzMS4yMjg0IDYxLjc0NjggMzEuMzc2NEM2Mi4xOTA4IDMxLjU1NCA2Mi41NDYgMzEuNzkwOCA2Mi44NDIgMzIuMDg2OEM2My4xMzggMzIuNDEyNCA2My4zNzQ4IDMyLjc5NzIgNjMuNDkzMiAzMy4yNDEySDYyLjU0NkM2Mi40NTcyIDMyLjk0NTIgNjIuMjc5NiAzMi43MDg0IDYyLjA3MjQgMzIuNTAxMkM2MS44MzU2IDMyLjI5NCA2MS41NjkyIDMyLjE0NiA2MS4yNzMyIDMyLjAyNzZDNjAuOTQ3NiAzMS45MDkyIDYwLjYyMiAzMS44Nzk2IDYwLjIzNzIgMzEuODc5NkM1OS43MzQgMzEuODc5NiA1OS4yODk5IDMxLjk2ODQgNTguOTM0NyAzMi4xNDZDNTguNTc5NSAzMi4zMjM2IDU4LjI4MzUgMzIuNTkgNTguMDQ2NyAzMi44ODZDNTcuODA5OSAzMy4yMTE2IDU3LjYzMjMgMzMuNTY2OCA1Ny41NDM1IDMzLjk4MTJDNTcuNDI1MSAzNC4zOTU2IDU3LjM2NTkgMzQuODM5NiA1Ny4zNjU5IDM1LjMxMzJDNTcuMzY1OSAzNS45MzQ5IDU3LjQ1NDcgMzYuNTI2OSA1Ny42NjE5IDM3LjAzMDFDNTcuODY5MSAzNy41NjI5IDU4LjE5NDcgMzcuOTc3MyA1OC42MDkxIDM4LjI3MzNDNTkuMDIzNSAzOC41OTg5IDU5LjU4NiAzOC43NDY5IDYwLjI2NjggMzguNzQ2OUM2MC44MjkyIDM4Ljc0NjkgNjEuMzAyOCAzOC42Mjg1IDYxLjY4NzYgMzguNDIxM0M2Mi4wNzI0IDM4LjIxNDEgNjIuMzk4IDM3Ljg4ODUgNjIuNjA1MiAzNy41MDM3QzYyLjgxMjQgMzcuMTE4OSA2Mi45MzA4IDM2LjY0NTMgNjIuOTMwOCAzNi4wODI5SDYwLjE3OFYzNS4zMTMySDYzLjczVjM1LjkwNTNDNjMuNzMgMzYuNjE1NyA2My41ODIgMzcuMjM3MyA2My4zMTU2IDM3Ljc3MDFDNjMuMDQ5MiAzOC4zMDI5IDYyLjYzNDggMzguNzE3MyA2Mi4xMzE2IDM5LjAxMzNDNjEuNjI4NCAzOS40Mjc3IDYxLjAwNjggMzkuNTc1NyA2MC4yOTY0IDM5LjU3NTdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjguNTI1NCAzOS40ODY5VjMxLjIyODRINjkuNzk4Mkw3Mi40OTE4IDM2LjAyMzdMNzUuMTI2MyAzMS4yMjg0SDc2LjM2OTVWMzkuNDg2OUg3NS41NDA3VjMyLjE0Nkw3Mi42Njk0IDM3LjI5NjVINzIuMjg0Nkw2OS4zODM4IDMyLjE0NlYzOS40ODY5SDY4LjUyNTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzguNDQxNCAzOS40ODY5VjMxLjIyODRIODMuOTE3NVYzMS45OThINzkuMjk5OFYzNS4wMTcySDgzLjQ3MzVWMzUuNzg2OUg3OS4yOTk4VjM4LjcxNzNIODMuOTE3NVYzOS40ODY5SDc4LjQ0MTRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1ODdfNzEiPgo8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjcyLjU1MDYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=='), grab;
  scroll-behavior: auto;
}
.carousel.dragging img {
  pointer-events: none;
}
.carousel img {
  width: 1500px;
  height: 85vh;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: -1;
  background-color: white;
}
.carousel img:not(:first-child) {
  padding-left:  18px;
}

.carousel img:first-child {
  padding-left: 0px;
}

.carousel img:first-child {
  margin-left: 0px;
}

.wrapper button {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;


}
.control-wrap {
  position: relative;
  width: 100%;
  height: 0px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.control-wrap.active {
  opacity: 1;
  pointer-events: all;
}
.wrapper button img {
  width: 160px;
  height: auto;
  position: absolute;
  top: -100px;
  right: 210px;
  opacity: 30%;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.wrapper button:nth-child(2) img {
  right: 0;
}
.wrapper button img:hover {
  cursor: pointer;
  opacity: 100%;
}

.flow-slide-container {
  display: flex;
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.flow-slide .slide-image {
  position: relative;
  z-index: 4;
  width: 610px;
  height: 0px;
  object-fit: cover;
  object-position: center;
  background-color: transparent;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;

}
.flow-slide .slide-image.active {
 height: 500px;
 margin-bottom: 10px;
}

.flow-slide {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.flow-flex .control-wrap {
  opacity: 1;
  pointer-events: all;
}
.flow-flex {
  display: flex;
  height: 100%;
  width: 100%;
}
.slide-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 75%;
  height: 650px;
}

.flow-flex .carousel {
  width: 100%;
  height: 100%;
  gap: 18px;
  display: flex;
}
.flow-flex .carousel img {
  height: 650px;
  width: 90%;
  object-fit: cover;
  object-position: center;
  padding: 0;
  margin: 0;
}
.control-flex {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 35px;
  background-color: blue;
}
.control-flex img {
  width: 135px;
  opacity: 30%;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.control-flex img:hover{
  opacity: 100%;
  cursor: pointer;
}
.okra-flex .carousel img {
    height: 700px;
  }
.okra-flex .slide-left {
    height: 700px;
  }
@media screen and (max-width: 1921px) {
  .carousel img {
    width: 1200px;
    height: 85vh;
    object-fit: cover;
    object-position: bottom center;
  }
}
@media screen and (max-width: 1600px) {
  .carousel img {
    width: 1000px;
    height: 85vh;
    object-fit: cover;
    object-position: bottom center;
  }
}
@media screen and (max-width: 1200px) {
  .carousel img {
    width: 830px;
    height: 85vh;
    object-fit: cover;
    object-position: bottom center;
  }

  .slide-left {
    width: 65%;
    height: 500px;
  }
  
  .flow-flex .carousel img {
    height: 500px;
  }
  .okra-flex .carousel img {
    height: 640px;
  }
  .okra-flex .slide-left {
    height: 640px;
  }

}
@media screen and (max-width: 900px) {
  .carousel img {
    width: 90vw;
    height: 70vh;
  }
  .wrapper button img {
    width: 110px;
    height: auto;
    top: -80px;
    right: 150px;
  }

  .flow-slide .slide-image.active {
    height: 400px;
  }
  .carousel img:not(:first-child) {
    padding-left:  15px;
  }
  .slide-left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  .slide-left {
    flex-direction: column-reverse;
  }
  .control-flex {
    display: flex;
    justify-content: center;
    /* justify-content: flex-end; */
    position: absolute;
    top: -120px;
  }
  .control-flex img {
    width: 122px;
    height: auto;

  }
  .flow-flex .carousel {
    margin-top: 20px;
  }
  .flow-flex {
    flex-direction: column-reverse;
    gap: 170px;
  }
  .flow-flex .carousel img {
    height: 450px;
    width: auto;
    max-width: 500px;
  }
  .flow-flex .carousel {
    gap: 10px;
  }



}
@media screen and (max-width: 480px) {
  .carousel img {
    width: 100vw;
    height: 48vh;
  }
  .carousel img:not(:first-child) {
    margin-left: 0px;
  }
  .flow-slide .slide-image {
    width: 80vw;
  }
  .flow-slide .slide-image.active {
    height: 250px;
  }
  .wrapper button img {
    width: 65px;
    height: auto;
    top: -50px;
    right: 80px;
  }
  .control-flex {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0px;
  }
  .control-flex img {
    width: 40%;
    height: auto;

  }
  .flow-flex .carousel img {
    height: 300px;
    width: auto;
    max-width: 70vw;
  }
  .flow-flex .carousel {
    gap: 0px;
  }
  .flow-flex .carousel {
    margin-top: 0px;
  }
  .control-flex {
    top: -70px;
    gap: 24px;
  }
  .control-flex img {
    width: 80px;
    height: auto;
  }
  .flow-flex {
    flex-direction: column-reverse;
    gap: 115px;
  }
      .okra-flex .carousel img {
    height: 600px;
  }
  .okra-flex .slide-left {
    height: 600px;
  }
}