.primaryBtn {
  height: 50px;
  padding: 0px 24px;
  background: var(--primaryColor);
  color: white;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  --squircle-displacement:
      30pt;
  clip-path: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0/0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0/100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100%/100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100%/0 100%, close);
}
.primaryBtn:hover {
  background: var(--secondaryColor);
}
.primaryBtn svg {
  width: 18px;
  height: 18px;
}

.secondaryBtn {
  height: 50px;
  padding: 0px 24px;
  background: none;
  color: var(--primaryColor);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  border: 1px solid var(--primaryColor);
  outline: none;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  --squircle-displacement:
          30pt;
  clip-path: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0/0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0/100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100%/100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100%/0 100%, close);
}
.secondaryBtn:hover {
  background: var(--secondaryColor);
}
.secondaryBtn svg {
  width: 18px;
  height: 18px;
}

nav {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 20;
  background: transparent;
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
nav.scrolled {
  background: black;
}
nav.navHidden {
  transform: translateY(-100%);
}
nav .navMain {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav .navMain .navCol1,
nav .navMain .navCol2 {
  display: flex;
  align-items: center;
  gap: 60px;
}
nav .navMain .navLogo {
  width: 140px;
  height: 60px;
  position: relative;
}
nav .navMain .navLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
nav .navMain .navLink {
  display: flex;
  align-items: center;
}
@media (max-width: 1140px) {
  nav .navMain .navLink {
    display: none;
  }
}
nav .navMain .navLink ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
nav .navMain .navLink ul li {
  list-style: none;
  position: relative;
}
nav .navMain .navLink ul li a {
  color: white;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0px;
  opacity: 0.7;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 5px;
}
nav .navMain .navLink ul li a:hover {
  opacity: 1;
}
nav .navMain .navLink ul li a svg {
  font-size: 14px;
}
nav .navMain .navLink ul li.hasDropdown:hover .dropdownMega {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
nav .navMain .navLink ul li .dropdownMega {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 800px;
  background: rgba(0, 0, 0, 0.537);
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  border-radius: 58px;
  corner-shape: squircle;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(15px);
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.211);
}
nav .navMain .navLink ul li .dropdownMega:hover li {
  opacity: 0.4;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li {
  width: 100%;
  transition: all 0.3s ease;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li:hover {
  opacity: 1 !important;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  text-decoration: none;
  opacity: 1;
  padding: 0;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a:hover {
  background: transparent;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a:hover .iconBox {
  background: #f0f0f0;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a .iconBox {
  width: 45px;
  height: 45px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a .iconBox svg {
  color: #333;
  font-size: 18px;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a .textBox {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a .textBox strong {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
nav .navMain .navLink ul li .dropdownMega .megaCol ul li a .textBox p {
  color: #d0d0d0;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 300;
  margin: 0;
}
nav .navMain .navConatct {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 500px) {
  nav .navMain .navConatct {
    display: none;
  }
}
nav .navMain .navConatct .navWhatsappBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  opacity: 0.7;
  transition: all 0.3s ease;
  cursor: pointer;
}
nav .navMain .navConatct .navWhatsappBtn:hover {
  opacity: 1;
}
nav .navMain .navConatct .navWhatsappBtn svg {
  color: white;
  width: 100%;
  height: 100%;
  stroke-width: 1.5;
}
nav .navMain .navConatct .navConatctBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  opacity: 0.7;
  transition: all 0.3s ease;
  cursor: pointer;
}
nav .navMain .navConatct .navConatctBox:hover {
  opacity: 1;
}
nav .navMain .navConatct .navConatctBox svg {
  color: white;
  width: 100%;
  height: 100%;
  stroke-width: 2;
}
nav .navMain .navConatct .navConatctBtn {
  display: flex;
  align-items: center;
}
nav .navMain .navBar {
  display: flex;
  align-items: center;
}
nav .navMain .navBar .navBarBox {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 30px;
  cursor: pointer;
}
nav .navMain .navBar .navBarBox span {
  width: 100%;
  height: 2px;
  background: white;
}

.navBanner {
  background: none;
}
.navBanner .navMain .navLink ul li a {
  color: white;
}
.navBanner .navMain .navConatct .navWhatsappBtn svg, .navBanner .navMain .navConatct .navConatctBox svg {
  color: white;
}
.navBanner .navMain .navBar .navBarBox span {
  background: white;
}

.callPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4235294118);
  z-index: 5;
  overflow-y: auto;
  display: none;
}
.callPopup .container {
  display: flex;
  justify-content: flex-end;
}
.callPopup .callPopupBox {
  background: white;
  width: 600px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
@media (max-width: 690px) {
  .callPopup .callPopupBox {
    width: 90%;
  }
}
@media (max-width: 500px) {
  .callPopup .callPopupBox {
    width: 92%;
    padding: 20px;
  }
}
.callPopup .callPopupBox h2 {
  font-size: 22px;
  font-weight: 600;
}
.callPopup .callPopupBox p {
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.3;
  color: #585858;
}
.callPopup .callPopupBox .phoneNumber {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 500;
  color: rgb(0, 106, 255);
  width: -moz-fit-content;
  width: fit-content;
}
.callPopup .callPopupBox .phoneNumber:hover {
  text-decoration: underline;
}
.callPopup .callPopupBox .phoneNumber .icon {
  width: 20px;
  height: 20px;
}
.callPopup .callPopupBox .phoneNumber .icon svg {
  width: 100%;
  height: 100%;
}
.callPopup .callPopupBox .requestCallBack {
  width: 100%;
  margin-top: 30px;
  background: rgb(237, 249, 255);
  border: 1px solid #dbe6f5;
  border-radius: 10px;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: black;
}
.callPopup .callPopupBox .requestCallBack:hover .requestCallBackBox3 {
  transform: translateX(10px);
  transition: 0.3s;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox1 {
  width: 20px;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox1 .icon {
  width: 20px;
  height: 20px;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox1 .icon svg {
  width: 100%;
  height: 100%;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox2 {
  width: calc(100% - 40px - 40px);
  display: flex;
  flex-direction: column;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox2 h3 {
  font-size: 18px;
  font-weight: 600;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox2 p {
  margin-top: 5px;
  font-weight: 400;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox3 {
  width: 20px;
  transition: 0.3s;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox3 .icon {
  width: 20px;
  height: 20px;
}
.callPopup .callPopupBox .requestCallBack .requestCallBackBox3 .icon svg {
  width: 100%;
  height: 100%;
}

.callPopupActive {
  display: block;
}
.callPopupActive .callPopupBox {
  visibility: visible;
  opacity: 1;
  top: 90px;
  transition: 0.5s;
}

.sidemenuOverlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.1254901961);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: end;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sidemenuOverlay .sidemenuBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 550px;
  height: 100vh;
  background: black;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.302);
  background: radial-gradient(ellipse 120% 80% at 70% 20%, rgba(255, 20, 147, 0.15), transparent 50%), radial-gradient(ellipse 100% 60% at 30% 10%, rgba(0, 255, 255, 0.12), transparent 60%), radial-gradient(ellipse 90% 70% at 50% 0%, rgba(138, 43, 226, 0.18), transparent 65%), radial-gradient(ellipse 110% 50% at 80% 30%, rgba(255, 215, 0, 0.08), transparent 40%), #000000;
}
@media (max-width: 600px) {
  .sidemenuOverlay .sidemenuBox {
    width: 100%;
  }
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader {
  width: 100%;
  display: flex;
  align-items: center;
  height: 70px;
  justify-content: space-between;
  padding: 0px 30px;
}
@media (max-width: 600px) {
  .sidemenuOverlay .sidemenuBox .sidemenuHeader {
    padding: 0px 10px;
  }
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader .backBtn {
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  background: none;
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader .backBtn svg {
  width: 80%;
  height: 80%;
  transition: all 0.3s ease;
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader .backBtn:hover svg {
  transform: translateX(-5px);
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader .closeSidemenu {
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader .closeSidemenu svg {
  width: 80%;
  height: 80%;
  transition: all 0.3s ease;
}
.sidemenuOverlay .sidemenuBox .sidemenuHeader .closeSidemenu:hover svg {
  transform: rotate(90deg);
}
.sidemenuOverlay .sidemenuBox .sidemenuLink {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
  height: calc(100vh - 100px);
  overflow: auto;
  padding: 0px 0px 20px 0px;
}
.sidemenuOverlay .sidemenuBox .sidemenuLink::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul li {
  list-style: none;
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul li a {
  color: #fff;
  padding: 10px 50px;
  font-size: 2em;
  font-weight: 200;
  transition: all 0.3s ease;
  display: block;
}
@media (max-width: 600px) {
  .sidemenuOverlay .sidemenuBox .sidemenuLink ul li a {
    padding: 10px 20px;
    font-size: 1.6em;
  }
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul li a:hover {
  background: #f8f9fa;
  color: var(--secondaryColor);
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul li .backBtn {
  background: none;
  border: none;
  color: #000;
  padding: 15px 50px;
  font-size: 1.6em;
  font-weight: 400;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  opacity: 0.6;
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul li .backBtn:hover {
  background: #f8f9fa;
  color: var(--secondaryColor);
  opacity: 1;
}
.sidemenuOverlay .sidemenuBox .sidemenuLink ul li .backBtn svg {
  font-size: 1.2em;
}

.titleTag {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-bottom: 20px;
}

.title {
  font-size: 5em;
  font-weight: 500;
  color: #111;
  margin-bottom: 10px;
  line-height: 1;
  letter-spacing: -1.8px;
}
@media (max-width: 1024px) {
  .title {
    font-size: 4.5em;
  }
}
@media (max-width: 768px) {
  .title {
    font-size: 4em;
  }
}
@media (max-width: 520px) {
  .title {
    font-size: 2.6em;
  }
}

.bannerTitle {
  font-size: 6em;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -1.8px;
  color: #2c2c2c;
}
@media (max-width: 1200px) {
  .bannerTitle {
    font-size: 5em;
  }
}
@media (max-width: 992px) {
  .bannerTitle {
    font-size: 4em;
  }
}
@media (max-width: 600px) {
  .bannerTitle {
    font-size: 3em;
  }
}

.subTitle {
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .subTitle {
    font-size: 22px;
  }
}

.linkBtn {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.3s ease;
  position: relative;
  z-index: 0;
  padding: 10px 20px;
  background: var(--secondaryColor);
  --squircle-displacement:
          25pt;
  clip-path: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0/0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0/100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100%/100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100%/0 100%, close);
}
.linkBtn:hover {
  color: white;
  background: var(--primaryColor);
}

.description {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
  opacity: 0.8;
}

/* Premium Glassmorphic Contact Modal Overlay */
.aiChatBotPopupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 60px;
}
.aiChatBotPopupOverlay .closePopup {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
  background: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  color: #333;
}
.aiChatBotPopupOverlay .closePopup svg {
  width: 18px;
  height: 18px;
  transition: all 0.3s ease;
}
.aiChatBotPopupOverlay .closePopup:hover svg {
  transform: rotate(90deg);
}
.aiChatBotPopupOverlay .aiChatBotPopup {
  background: #e2e9ed;
  border: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  padding: 10px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo {
  width: 50%;
  height: 100%;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .aiChatBotPopupInfoAvatart {
  margin-bottom: 20px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage {
  width: 50%;
  height: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory {
  flex: 1;
  overflow-y: auto;
  padding: 40px 30px 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory::-webkit-scrollbar {
  width: 6px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory .chatMessage {
  display: flex;
  width: 100%;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory .chatMessage .msgBubble {
  max-width: 80%;
  padding: 12px 18px;
  border-radius: 14px;
  font-size: 15px;
  line-height: 1.5;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory .chatMessage.ai {
  justify-content: flex-start;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory .chatMessage.ai .msgBubble {
  background: #f0f0f5;
  color: #333;
  border-bottom-left-radius: 5px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory .chatMessage.user {
  justify-content: flex-end;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory .chatMessage.user .msgBubble {
  background: #6b00ff;
  color: white;
  border-bottom-right-radius: 5px;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 30px 30px 30px;
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea input {
  flex: 1;
  padding: 15px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s;
  background-color: #f7f8f9;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea input:focus {
  border-color: var(--primaryColor);
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea .sendBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--primaryColor);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 20px;
  transition: transform 0.3s, background 0.3s;
}
.aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea .sendBtn:hover {
  transform: scale(1.05);
  background: var(--secondaryColor);
}
@media (max-width: 900px) {
  .aiChatBotPopupOverlay {
    padding: 20px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup {
    flex-direction: column;
    border-radius: 32px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo {
    width: 100%;
    height: auto;
    padding: 15px 70px 15px 20px;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    text-align: left;
    justify-content: flex-start;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .aiChatBotPopupInfoAvatart {
    margin-bottom: 0;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.38);
    transform-origin: center center;
    flex-shrink: 0;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .title {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom: 0;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .title br {
    display: none;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .description {
    display: none;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage {
    width: 100%;
    flex: 1;
    border-radius: 24px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory {
    padding: 20px 20px 10px 20px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea {
    padding: 15px 20px 20px 20px;
  }
}
@media (max-width: 480px) {
  .aiChatBotPopupOverlay {
    padding: 0;
  }
  .aiChatBotPopupOverlay .closePopup {
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup {
    border-radius: 0;
    border: none;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo {
    padding: 12px 65px 12px 15px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .aiChatBotPopupInfoAvatart {
    width: 70px;
    height: 70px;
    transform: scale(0.33);
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupInfo .title {
    font-size: 16px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage {
    border-radius: 0;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatHistory {
    padding: 15px 15px 10px 15px;
  }
  .aiChatBotPopupOverlay .aiChatBotPopup .aiChatBotPopupMessage .chatInputArea {
    padding: 10px 15px 15px 15px;
  }
}

.tesitmonialPopupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 60px;
}
@media (max-width: 1024px) {
  .tesitmonialPopupOverlay {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  .tesitmonialPopupOverlay {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .tesitmonialPopupOverlay {
    padding: 10px;
  }
}
.tesitmonialPopupOverlay .closePopup {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
  background: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  color: #333;
}
.tesitmonialPopupOverlay .closePopup svg {
  width: 18px;
  height: 18px;
  transition: all 0.3s ease;
}
.tesitmonialPopupOverlay .closePopup:hover svg {
  transform: rotate(90deg);
}
@media (max-width: 768px) {
  .tesitmonialPopupOverlay .closePopup {
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
  }
}
.tesitmonialPopupOverlay .tesitmonialPopup {
  position: relative !important;
  width: 100% !important;
  max-width: 1080px !important;
  aspect-ratio: 16/9 !important;
  max-height: 85vh !important;
  height: auto !important;
  display: block !important;
  overflow: hidden !important;
  background: #000 !important;
  padding: 0 !important;
  gap: 0 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7) !important;
}
@media (max-width: 768px) {
  .tesitmonialPopupOverlay .tesitmonialPopup {
    aspect-ratio: auto !important;
    height: 75vh !important;
  }
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupPreview {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupPreview .customVideoPlayer {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupPreview .customVideoPlayer video {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails {
  position: absolute !important;
  bottom: 30px !important;
  left: 30px !important;
  top: auto !important;
  right: auto !important;
  z-index: 20 !important;
  width: 400px !important;
  max-width: calc(100% - 60px) !important;
  height: auto !important;
  max-height: none !important;
  padding: 30px 36px !important;
  background: rgba(18, 18, 18, 0.8) !important;
  backdrop-filter: blur(30px) !important;
  -webkit-backdrop-filter: blur(30px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  --squircle-displacement: 60pt !important;
  clip-path: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0/0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0/100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100%/100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100%/0 100%, close) !important;
  color: #ffffff !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;
  overflow: visible !important;
}
@media (max-width: 768px) {
  .tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails {
    bottom: 15px !important;
    left: 15px !important;
    right: auto !important;
    width: calc(100% - 30px) !important;
    max-width: none !important;
    padding: 24px 28px !important;
    --squircle-displacement: 30px !important;
  }
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .clientCompany {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #ff4757 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.2px !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .clientInfo {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 6px !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .clientInfo .clientName {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .clientInfo .clientPosition {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin-bottom: 0 !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .qouts, .tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .description, .tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails p {
  display: none !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .primaryBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 9px 20px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
.tesitmonialPopupOverlay .tesitmonialPopup .tesitmonialPopupDetails .primaryBtn:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

footer {
  background: #111111;
  width: 100%;
  padding: 100px 0px 20px 0px;
}
footer .footerMain {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
footer .footerMain .footerHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 30px;
  border-bottom: 1px solid #292929;
  padding-bottom: 40px;
}
footer .footerMain .footerHead .footerHeadCol1 {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 850px) {
  footer .footerMain .footerHead .footerHeadCol1 {
    width: 100%;
  }
}
footer .footerMain .footerHead .footerHeadCol1 .footerLogo {
  width: 180px;
  aspect-ratio: 3/1.2;
  position: relative;
}
@media (max-width: 1024px) {
  footer .footerMain .footerHead .footerHeadCol1 .footerLogo {
    width: 160px;
  }
}
footer .footerMain .footerHead .footerHeadCol1 .footerLogo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
footer .footerMain .footerHead .footerHeadCol1 p {
  color: white;
  opacity: 1;
  font-weight: 200;
  margin-top: 20px;
  font-size: 22px;
}
@media (max-width: 1024px) {
  footer .footerMain .footerHead .footerHeadCol1 p {
    font-size: 20px;
  }
}
footer .footerMain .footerHead .footerHeadCol2 {
  display: flex;
}
@media (max-width: 850px) {
  footer .footerMain .footerHead .footerHeadCol2 {
    width: 100%;
  }
}
footer .footerMain .footerHead .footerHeadCol2 .footerSocialLinks {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media (max-width: 480px) {
  footer .footerMain .footerHead .footerHeadCol2 .footerSocialLinks {
    gap: 10px;
  }
}
footer .footerMain .footerHead .footerHeadCol2 .footerSocialLinks a {
  width: 60px;
  height: 60px;
  background: #1f1f1f;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  footer .footerMain .footerHead .footerHeadCol2 .footerSocialLinks a {
    width: 50px;
    height: 50px;
  }
}
footer .footerMain .footerHead .footerHeadCol2 .footerSocialLinks a:hover {
  background: white;
  color: #111111;
}
footer .footerMain .footerHead .footerHeadCol2 .footerSocialLinks a svg {
  width: 50%;
  height: 50%;
}
footer .footerMain .footerLink {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
  border-bottom: 1px solid #292929;
  padding-bottom: 40px;
}
@media (max-width: 850px) {
  footer .footerMain .footerLink {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 650px) {
  footer .footerMain .footerLink {
    grid-template-columns: repeat(1, 1fr);
  }
}
footer .footerMain .footerLink .footerLinkCol {
  display: flex;
  flex-direction: column;
}
footer .footerMain .footerLink .footerLinkCol h3 {
  color: white;
  font-size: 16px;
  font-weight: 500;
}
footer .footerMain .footerLink .footerLinkCol ul {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
}
@media (max-width: 850px) {
  footer .footerMain .footerLink .footerLinkCol ul {
    margin-top: 20px;
  }
}
footer .footerMain .footerLink .footerLinkCol ul li {
  list-style: none;
  width: 100%;
}
footer .footerMain .footerLink .footerLinkCol ul li a {
  color: rgb(192, 192, 192);
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  font-weight: 200;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  footer .footerMain .footerLink .footerLinkCol ul li a {
    font-size: 16px;
  }
}
footer .footerMain .footerLink .footerLinkCol ul li a:hover {
  color: white;
}
footer .footerMain .footerContact {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 768px) {
  footer .footerMain .footerContact {
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
footer .footerMain .footerContact .footerContactCol1 {
  display: flex;
  flex-direction: column;
}
footer .footerMain .footerContact .footerContactCol1 h3 {
  color: white;
  font-size: 16px;
  font-weight: 500;
}
footer .footerMain .footerContact .footerContactCol1 ul {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 850px) {
  footer .footerMain .footerContact .footerContactCol1 ul {
    margin-top: 20px;
  }
}
footer .footerMain .footerContact .footerContactCol1 ul li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
footer .footerMain .footerContact .footerContactCol1 ul li .col1 {
  width: 140px;
}
@media (max-width: 650px) {
  footer .footerMain .footerContact .footerContactCol1 ul li .col1 {
    width: 110px;
  }
}
footer .footerMain .footerContact .footerContactCol1 ul li .col1 span {
  color: white;
  font-size: 16px;
  font-weight: 200;
}
@media (max-width: 1024px) {
  footer .footerMain .footerContact .footerContactCol1 ul li .col1 span {
    font-size: 14px;
  }
}
footer .footerMain .footerContact .footerContactCol1 ul li .col2 span {
  color: white;
  font-size: 16px;
  font-weight: 200;
}
@media (max-width: 1024px) {
  footer .footerMain .footerContact .footerContactCol1 ul li .col2 span {
    font-size: 14px;
  }
}
footer .footerMain .footerContact .footerContactCol1 ul li .col3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer .footerMain .footerContact .footerContactCol1 ul li .col3 a {
  display: flex;
  color: rgb(192, 192, 192);
  font-size: 18px;
  font-weight: 200;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  footer .footerMain .footerContact .footerContactCol1 ul li .col3 a {
    font-size: 16px;
  }
}
footer .footerMain .footerContact .footerContactCol1 ul li .col3 a:hover {
  color: white;
}
footer .footerMain .footerContact .footerContactCol2 {
  display: flex;
  flex-direction: column;
}
footer .footerMain .footerContact .footerContactCol2 h3 {
  color: white;
  font-size: 16px;
  font-weight: 500;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 930px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation {
    gap: 40px;
  }
}
@media (max-width: 850px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation {
    margin-top: 20px;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 930px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox {
    width: 100%;
  }
}
@media (max-width: 768px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox {
    width: calc(50% - 20px);
  }
}
@media (max-width: 650px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox {
    width: 100%;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox .loactionTitle {
  display: flex;
  align-items: center;
  gap: 10px;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox .loactionTitle img {
  width: 35px;
  aspect-ratio: 3/2;
  background: #eee;
  border-radius: 5px;
  overflow: hidden;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox .loactionTitle img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox .loactionTitle h4 {
  font-size: 16px;
  font-weight: 300;
  color: white;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox p {
  color: rgb(192, 192, 192);
  font-size: 18px;
  font-weight: 200;
  margin-top: 20px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox p {
    font-size: 16px;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox .secondaryBtn {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  font-size: 14px;
  padding: 4px 20px;
  height: 40px;
  border-radius: 14px;
  border-color: white;
  color: white;
  --squircle-displacement: 0px;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox .secondaryBtn:hover {
  background: #fff;
  color: black;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1212px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul {
    gap: 20px;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1212px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li {
    flex-direction: column;
    gap: 10px;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col1 {
  width: 100px;
}
@media (max-width: 1375px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col1 {
    width: 60px;
  }
}
@media (max-width: 1212px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col1 {
    width: 100%;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col1 span {
  color: white;
  font-size: 16px;
  font-weight: 200;
}
@media (max-width: 1024px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col1 span {
    font-size: 14px;
  }
}
@media (max-width: 1212px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col2 {
    display: none;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col2 span {
  color: white;
  font-size: 16px;
  font-weight: 200;
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1212px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col3 {
    width: 100%;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col3 a {
  display: flex;
  color: rgb(192, 192, 192);
  font-size: 18px;
  font-weight: 200;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1024px) {
  footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col3 a {
    font-size: 14px;
  }
}
footer .footerMain .footerContact .footerContactCol2 .footerContactLocation .footerContactLocationBox ul li .col3 a:hover {
  color: white;
}
footer .footerStrip {
  width: 100%;
  background: #000;
  margin-top: 60px;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  footer .footerStrip {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
footer .footerStrip p {
  font-size: 14px;
  color: rgb(156, 156, 156);
  font-weight: 200;
}
footer .footerStrip .designed {
  display: flex;
  align-items: center;
  gap: 10px;
}
footer .footerStrip .designed svg {
  width: 14px;
  height: 14px;
  color: white;
}
footer .footerStrip .designed a {
  width: 60px;
  aspect-ratio: 3/2;
  position: relative;
}
footer .footerStrip .designed a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.notFoundWrapper {
  width: 100%;
  position: relative;
  z-index: 0;
  margin-top: 70px;
  background: #111111;
}
.notFoundWrapper .notFoundWrapperMain {
  width: 100%;
  min-height: calc(100vh - 70px);
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px 0px;
}
@media (max-width: 768px) {
  .notFoundWrapper .notFoundWrapperMain {
    min-height: calc(100vh - 140px);
  }
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails {
    width: 100%;
  }
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails h1 {
  font-size: 10em;
  text-align: center;
  font-weight: 400;
  color: white;
  mix-blend-mode: lighten;
  font-stretch: 110%;
  letter-spacing: -0.04em;
  background: var(--bg-grain), conic-gradient(from 140deg at calc(var(--bg-1-x) * 1%) 90%, #1a0d00, #00011a, #fffffa, #15009e, #d232aa, #fa8c3d, #fff480, #fffffa, #7ed4fb, #040d8b, #010014), radial-gradient(ellipse at calc(var(--bg-2-x) * 1%) calc(var(--bg-2-y) * 1%), white 12%, transparent 35%), radial-gradient(ellipse at calc(var(--bg-3-x) * 1%) calc(var(--bg-3-y) * 1%), #61a8fa, transparent 35%);
  background-repeat: repeat;
  background-size: 500px, cover;
  background-blend-mode: color-burn;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 1;
  animation: bg 20s linear infinite alternate;
}
@media (max-width: 768px) {
  .notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails h1 {
    font-size: 8em;
  }
}
@media (max-width: 600px) {
  .notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails h1 {
    font-size: 6em;
  }
}
@keyframes bg {
  0% {
    --bg-1-x: calc(50 / 2);
    --bg-2-y: calc(80 / 2);
    --bg-2-x: calc(70 / 2);
    --bg-3-y: calc(40 / 2);
    --bg-3-x: calc(90 / 2);
  }
  25% {
    --bg-1-x: 30;
    --bg-2-y: 50;
    --bg-2-x: 80;
    --bg-3-y: 20;
    --bg-3-x: 70;
  }
  50% {
    --bg-1-x: 10;
    --bg-2-y: 40;
    --bg-2-x: 30;
    --bg-3-y: 80;
    --bg-3-x: 50;
  }
  75% {
    --bg-1-x: 70;
    --bg-2-y: 10;
    --bg-2-x: 50;
    --bg-3-y: 30;
    --bg-3-x: 40;
  }
  100% {
    --bg-1-x: calc(50 / 2);
    --bg-2-y: calc(80 / 2);
    --bg-2-x: calc(70 / 2);
    --bg-3-y: calc(40 / 2);
    --bg-3-x: calc(90 / 2);
  }
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails h2 {
  color: white;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 600px) {
  .notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails h2 {
    font-size: 2em;
  }
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails p {
  color: white;
  text-align: center;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperDetails a {
  margin-top: 40px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat {
  width: calc(40% - 40px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat {
    display: none;
  }
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatHead {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatHead .notFoundWrapperChatHeadAvatar {
  width: 80px;
  height: 80px;
  background: #fff;
  overflow: hidden;
  position: relative;
  padding: 10px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatHead .notFoundWrapperChatHeadAvatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatHead .notFoundWrapperChatHeadDetails {
  width: calc(100% - 80px - 20px);
  display: flex;
  flex-direction: column;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatHead .notFoundWrapperChatHeadDetails h3 {
  font-size: 32px;
  font-weight: 300;
  color: white;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatHead .notFoundWrapperChatHeadDetails p {
  font-size: 14px;
  font-weight: 200;
  color: white;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox {
  width: 100%;
  background: white;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory {
  width: 100%;
  overflow-y: auto;
  padding: 40px 30px 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: calc(100vh - 70px - 80px - 200px);
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory::-webkit-scrollbar {
  width: 6px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory .chatMessage {
  display: flex;
  width: 100%;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory .chatMessage .msgBubble {
  max-width: 80%;
  padding: 12px 18px;
  border-radius: 14px;
  font-size: 15px;
  line-height: 1.5;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory .chatMessage.ai {
  justify-content: flex-start;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory .chatMessage.ai .msgBubble {
  background: #f0f0f5;
  color: #333;
  border-bottom-left-radius: 5px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory .chatMessage.user {
  justify-content: flex-end;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatHistory .chatMessage.user .msgBubble {
  background: #6b00ff;
  color: white;
  border-bottom-right-radius: 5px;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatInputArea {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 30px 30px 30px;
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatInputArea input {
  width: calc(100% - 50px - 10px);
  padding: 15px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s;
  background-color: #f7f8f9;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatInputArea input:focus {
  border-color: var(--primaryColor);
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatInputArea .sendBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--primaryColor);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 20px;
  transition: transform 0.3s, background 0.3s;
}
.notFoundWrapper .notFoundWrapperMain .notFoundWrapperChat .notFoundWrapperChatBox .chatInputArea .sendBtn:hover {
  transform: scale(1.05);
  background: var(--secondaryColor);
}

.squircle {
  --squircle-displacement: 60pt;
  clip-path: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0/0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0/100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100%/100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100%/0 100%, close);
}/*# sourceMappingURL=main.css.map */