p,h1,h2,h3,h4,h5,h6{margin: 0;}
.contact { display: flex; flex-direction: column; align-items: center; position: relative; background: linear-gradient(0deg, rgba(247, 248, 250, 1) 0%, rgba(247, 248, 250, 1) 100%), linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); }
.header { background-color: white; }
.contact .main { display: flex; flex-direction: column; align-items: flex-start; gap: 120px; padding: 120px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; max-width: 1440px; margin: 0 auto; }
.content-left .div-2 { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.contact .hero-contact-split { display: flex; align-items: flex-start; gap: 54px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .content-left { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; position: relative; width: calc(50% - 27px); }
.contact .container-2 { display: flex; flex-direction: column; align-items: flex-start; gap: 22.8px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .overlay { display: inline-flex; align-items: flex-start; padding: 4px 12px; position: relative; flex: 0 0 auto; background-color: #ba002c1a; border-radius: 9999px; }
.contact .text-wrapper-3 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #ba002c; font-size: 14px; letter-spacing: 0.7px; line-height: 20px; white-space: nowrap; }
.contact .heading { padding: 1.2px 0px 0px; align-self: stretch; width: 100%; display: flex; flex-direction: column; align-items: flex-start; position: relative; flex: 0 0 auto; }
.contact .talk-to-our-experts { position: relative; width: fit-content; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 800; color: transparent; font-size: 54px; letter-spacing: -1.36px; line-height: 67px; white-space: nowrap; }
.contact .span { color: #0d1046; letter-spacing: -0.73px; }
.contact .text-wrapper-4 { color: #ba002c; letter-spacing: -0.73px; }
.contact .ready-to-scale-your-wrapper { display: flex; flex-direction: column; max-width: 448px; align-items: flex-start; padding: 0px 0px 0.59px; position: relative; width: 100%; flex: 0 0 auto; }
.contact .ready-to-scale-your { position: relative; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 18px; letter-spacing: 0; line-height: 28.8px; }
.contact .background-border { flex-direction: column; align-items: flex-start; padding: 24px; flex: 0 0 auto; background-color: #ffffff; border-radius: 18px; border: 1px solid; border-color: #e3e5eb; display: flex; position: relative; align-self: stretch; width: 100%; }
.contact .container-3 { display: flex; align-items: flex-start; gap: 16px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .container-wrapper { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; position: relative; background-color: #ba002c1a; border-radius: 9999px; }
.contact .icon { position: relative; width: 20px; height: 16px; }
.contact .container-4 { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3.5px; position: relative; flex: 0 0 auto; }
.contact .text-wrapper-5 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #777c88; font-size: 14px; letter-spacing: 0.7px; line-height: 20px; white-space: nowrap; font-style: normal; }
.contact .text-wrapper-6 { position: relative; display: flex; align-items: center; width: fit-content; font-family: "Manrope", Helvetica; font-weight: 400; color: #0d1046; font-size: 18px; letter-spacing: 0; line-height: 28.8px; white-space: nowrap; font-style: normal; }
.contact .overlay-2 { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; position: relative; background-color: #0d10461a; border-radius: 9999px; }
.contact .img { position: relative; width: 20px; height: 18px; }
.contact .icon-2 { position: relative; width: 16px; height: 20px; }
.contact .container-5 { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3.1px; position: relative; flex: 0 0 auto; }
.contact .p { margin-top: -1px; font-weight: 400; color: #0d1046; font-size: 17px; letter-spacing: 0; line-height: 27.2px; position: relative; width: fit-content; font-family: "Inter", Helvetica; font-style: normal; }
.contact .social-connect { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 16px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .text-wrapper-7 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #777c88; font-size: 14px; letter-spacing: 0.7px; line-height: 20px; }
.contact_add_p { white-space: nowrap; }
.contact .container-6 { position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; object-fit: cover; }
.contact .contact-form-card { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 32px; padding: 40px; position: relative; flex: 0 0 auto; background-color: #ffffff; border-radius: 18px; border: 1px solid; border-color: #e3e5eb; box-shadow: 0px 1px 2px #0000000d; width: calc(50% - 27px); }
.contact .heading-2 { width: 511px; display: flex; flex-direction: column; align-items: flex-start; position: relative; flex: 0 0 auto; }
.contact .text-wrapper-8 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: #0d1046; font-size: 24px; letter-spacing: 0; line-height: 33.6px; }
.contact .form { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 24px; position: relative; flex: 0 0 auto; width: 100%; }
.contact .container-7 { display: inline-flex; align-items: flex-start; justify-content: center; gap: 23.99px; position: relative; flex: 0 0 auto; width: 100%; }
.contact .container-8 { display: flex; flex-direction: column; width: 50%; align-items: flex-start; gap: 11.5px; position: relative; }
.contact .text-wrapper-9 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #46464f; font-size: 14px; letter-spacing: 0.7px; line-height: 20px; white-space: nowrap; }
.contact .input { display: flex; height: 56px; align-items: flex-start; justify-content: center; padding: 17px 16px; position: relative; align-self: stretch; width: 100%; background-color: #f9f9ff; border-radius: 12px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; }
.contact .container-9 { display: flex; flex-direction: column; align-items: flex-start; position: relative; flex: 1; flex-grow: 1; }
.contact .text-wrapper-10 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #6b7280; font-size: 16px; letter-spacing: 0; line-height: normal; }
.contact .container-10 { display: flex; flex-direction: column; width: 50%; align-items: flex-start; gap: 11.5px; position: relative; }
.contact .container-11 { position: relative; flex-grow: 1; border: none; background: none; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #6b7280; font-size: 16px; letter-spacing: 0; line-height: normal; padding: 0; }
.contact .options { display: flex; height: 56px; align-items: center; justify-content: center; padding: 8px 16px; position: relative; align-self: stretch; width: 100%; background-color: #f9f9ff; border-radius: 12px; border: 1px solid; border-color: #e3e5eb; }
.contact .image { position: relative; width: 24px; height: 24px; }
.contact .vector { position: absolute; width: 70.00%; height: 60.00%; top: 40.00%; left: 30.00%; }
.contact .text-wrapper-11 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #0d1046; font-size: 16px; letter-spacing: 0; line-height: 24px; }
.contact .container-12 { display: flex; flex-direction: column; align-items: flex-start; gap: 11.5px; padding: 0.5px 0px 8px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .textarea { display: flex; align-items: flex-start; justify-content: center; padding: 16px 16px 112px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #f9f9ff; border-radius: 12px; overflow: scroll; border: 1px solid; border-color: #e3e5eb; }
.contact .textarea::-webkit-scrollbar { width: 0; display: none; }
.contact .text-wrapper-12 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #6b7280; font-size: 16px; letter-spacing: 0; line-height: 24px; }
.contact .container-13 { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 16px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .button { all: unset; box-sizing: border-box; display: flex; justify-content: center; padding: 16px 0px; align-self: stretch; width: 100%; background-color: #ba002c; border-radius: 12px; align-items: center; gap: 8px; position: relative; flex: 0 0 auto; }
.contact .text-wrapper-13 { position: relative; display: flex; align-items: center; justify-content: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #ffffff; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; white-space: nowrap; }
.contact .icon-wrapper { display: inline-flex; flex-direction: column; align-items: center; position: relative; flex: 0 0 auto; }
.contact .icon-3 { position: relative; width: 13.33px; height: 13.33px; }
.contact .container-14 { display: flex; flex-direction: column; align-items: center; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.contact .text-3 { margin-top: -1px; font-weight: 400; color: #777c88; font-size: 14px; text-align: center; letter-spacing: 0; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; font-family: "Inter", Helvetica; }
.contact .text-wrapper-14 { font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 14px; letter-spacing: 0; line-height: 20px; }
.contact .text-wrapper-15 { text-decoration: underline; }
.contact .location-map-section { display: flex; flex-direction: column; height: 450px; align-items: flex-start; justify-content: center; position: relative; align-self: stretch; width: 100%; background-color: #ffffff01; border-radius: 18px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; box-shadow: 0px 1px 2px #0000000d; }
.contact .background { align-items: center; justify-content: center; flex: 1; flex-grow: 1; background-color: #d4dae9; display: flex; position: relative; align-self: stretch; width: 100%; }
.social_link_div { width: 48px; height: 48px; border: 1px solid #E3E5EB; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.social_link_div a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; text-decoration: none; }
.social_link_content { display: flex; gap: 16px; }
.contact .div-3 { position: relative; flex: 1; align-self: stretch; flex-grow: 1; /*opacity: 0.8;*/ background-image: url("../img/conatct_bg.png"); background-size: cover; background-position: 50% 50%; }
.contact .gradient { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgba(13, 16, 70, 0.4) 0%, rgba(13, 16, 70, 0) 100%); }
.contact .background-border-2 { display: inline-flex; flex-direction: column; max-width: 384px; align-items: flex-start; gap: 8px; padding: 24px 24.53px 24px 24px; position: absolute; left: 40px; bottom: 40px; background-color: #ffffff; border-radius: 12px; border: 1px solid; border-color: #e3e5eb; }
.contact .overlay-shadow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff01; border-radius: 12px; box-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a; }
.contact .text-wrapper-16 { position: relative; display: flex; align-items: center; width: fit-content; font-family: "Manrope", Helvetica; font-weight: 600; color: #0d1046; font-size: 16px; letter-spacing: 0; line-height: 24px; white-space: nowrap; }
.contact .text-4 { font-weight: 400; color: #46464f; font-size: 16px; letter-spacing: 0; line-height: 24px; position: relative; width: fit-content; font-family: "Inter", Helvetica; }
.contact .button-2 { all: unset; box-sizing: border-box; display: inline-flex; padding: 8px 0px 0px; align-items: center; gap: 8px; position: relative; flex: 0 0 auto; text-decoration: none;}
.contact .text-5 { display: flex; align-items: center; justify-content: center; margin-top: -1px; font-weight: 400; color: #ba002c; font-size: 16px; text-align: center; letter-spacing: 0; line-height: 24px; white-space: nowrap; position: relative; width: fit-content; font-family: "Inter", Helvetica; }
.contact .icon-4 { position: relative; width: 13.5px; height: 13.5px; }
.contact a { color: inherit; }
.contact .container>a, .contact .container-19 a, .contact .item, .contact .link-2 { text-decoration: none; }
.contact .container-11 { width: 100%; min-width: 0; outline: none; }
.contact input.container-11::placeholder, .contact textarea.textarea::placeholder { color: #6b7280; opacity: 1; }
.contact input.container-11:focus-visible, .contact select.container-11:focus-visible, .contact textarea.textarea:focus-visible { outline: none; }
.contact .input:focus-within, .contact .options:focus-within, .contact .textarea:focus-visible { border-color: #ba002c; box-shadow: 0 0 0 2px #ba002c1a; }
.contact select.container-11 { appearance: auto; -webkit-appearance: auto; cursor: pointer; color: #0d1046; z-index: 1; }
.contact .textarea { min-height: 154px; height: 154px; resize: vertical; overflow: auto; color: #6b7280; font-family: "Inter", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 24px; outline: none; }
.contact .button, .contact .button-2 { cursor: pointer; }
.contact .button:hover, .contact .button:focus-visible { background-color: #9f0026; }
.contact .button-2:focus-visible, .contact .social_link_div a:focus-visible, .contact .header a:focus-visible, .contact .nav a:focus-visible, .contact .container-19 a:focus-visible, .contact .item:focus-visible, .contact .link-2:focus-visible, .contact .text-wrapper-15:focus-visible { outline: 2px solid #ba002c; outline-offset: 3px; }
@media(max-width:1024px) {
.contact .hero-contact-split { flex-direction: column; }
.contact .content-left, .contact .contact-form-card, .contact .form { width: 100%; }
.contact .ready-to-scale-your-wrapper { max-width: 100%; }
}
@media (max-width: 900px) {
.contact .main { width: 100%; padding-left: 32px; padding-right: 32px; }
.contact .hero-contact-split { flex-direction: column; }
.contact .contact-form-card, .contact .heading-2, .contact .form { width: 100%; }
}
@media (max-width: 640px) {
.contact .main { padding-left: 20px; padding-right: 20px; }
.contact .main { gap: 72px; padding-top: 72px; padding-bottom: 72px; }
.contact .container { margin-left: auto; }
.contact .talk-to-our-experts { white-space: normal; font-size: 42px; line-height: 52px; }
.contact .ready-to-scale-your br, .contact .text-4 br { display: none; }
.contact .container-7, .contact .horizontal-border { flex-direction: column; }
.contact .container-8, .contact .container-10 { width: 100%; }
.contact .contact-form-card { padding: 24px; }
.contact .location-map-section { height: 500px; }
.contact .background-border-2 { left: 20px; right: 20px; bottom: 20px; max-width: none; }
.contact .horizontal-border { align-items: flex-start; gap: 20px; }
.contact .container-21 { gap: 20px; flex-wrap: wrap; }
.contact .text-3 { white-space: normal; }
.contact_add_p { white-space: normal; }
}