*{font-family: 'Gabarito';padding: 0;margin: 0;}
.contact{background: linear-gradient(179.54deg, #F8F8FC 0.42%, #EEF2FD 83.6%);height: 100vh;display: flex;align-items: center;overflow: hidden;}
.contact.h-fixed{height:inherit !important;overflow: hidden;padding: 128px 0 !important;}
.contact.bg-white{background: #ffffff !important;}
.contact .container{position: relative;}
.contact .container::after {content: '';position: absolute;width: 306.45px;height: 851.26px;right: 180px;top: -480px;z-index: 0;  background: linear-gradient(176.61deg, rgba(255, 255, 255, 0.12) 21.91%, rgba(180, 123, 255, 0.12) 97.21%);border-radius: 331.99px;transform: rotate(-60deg);}
.contact .container::before {content: '';position: absolute;width: 306.45px;height: 851.26px;left: -90px;bottom: -444px;z-index: 0;background: linear-gradient(161.29deg, rgba(180, 123, 255, 0.12) 8.91%, rgba(255, 255, 255, 0.12) 46.27%);border-radius: 331.99px;transform: rotate(45deg);z-index: -1 !important;}
.contact h3.title{font-size: 36px;font-weight: 700;line-height: 40px;}
a.contact-btn-cta {font-style: normal;font-weight: 600;font-size: 18px;line-height: 24px;text-align: center;background: #0152FF;border-radius: 50px;color: #FFFFFF;border: none;padding: 10px 40px;}
a.contact-btn-cta:hover{color: #ffffff !important;}
.mt-30{margin-top: 30px;}
.mt-38{margin-top: 38px;}
.mt-62{margin-top: 62px !important;}
.mt-92{margin-top: 92px !important;}
.mt-115{margin-top: 115px;}

.text-required{color: rgba(234, 66, 50, 1);}
.text-light-gray{color: rgba(29, 36, 52, 0.72);}
.text-gradient{background: linear-gradient(91.27deg, #084BFF 57.37%, #F24B8B 84.94%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;   background-clip: text;   text-fill-color: transparent;}

.social-startups{display: flex;gap: 12px;}
.social-startups div{background: #FFFFFF;border: 1px solid rgba(29, 36, 52, 0.08);border-radius: 16px;padding: 6px 16px;}
.social-startups div a{text-decoration: none;}
.social-startups div a span{font-size: 14px;font-weight: 500;line-height: 12px;color: #1D2434;padding-left: 8px;}
.invslide{margin-top: 20px;position: relative;}
.invslide-marquee{position: relative;width: 100vw;max-width: 100%;height: 42px;overflow: hidden;}
.invslide-marquee .investor{position: absolute;white-space: nowrap;will-change: transform;animation: marquee 8s linear infinite;}
.invslide::after {content: '';background: linear-gradient(90deg, #EFF3FE 0%, rgba(239, 243, 254, 0) 100%);position: absolute;top: 0;left: -1px;z-index: 1;background-size: contain;background-repeat: no-repeat;height: 85px;flex-shrink: 0;width: 44px;}
.invslide::before {content: '';background: linear-gradient(270deg, #EFF3FE 0.01%, rgba(176, 216, 255, 0.00) 100%);position: absolute;top: 0;right: -1px;z-index: 1;background-size: contain;background-repeat: no-repeat;height: 85px;flex-shrink: 0;width: 44px;}

.contact .active {box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
.contact .chips-container {position: relative;width: 100%;background-color: white;border-radius: 8px;border: 1px solid rgba(29, 36, 52, 0.15);}
.contact .input-wrapper {display: flex;align-items: center;padding: 2px 8px;}
.contact input {flex: 1;border: none;outline: none;}
.contact #chevron-icon {cursor: pointer;}
.contact .selected-skills {display: flex;flex-wrap: wrap;}
.contact .chip {display: inline-flex;align-items: center;background-color: #e0e0e0;border-radius: 16px;padding: 4px 8px;margin: 2px;}
.contact .chip .cursor-pointer {cursor: pointer !important;}
.contact .remove-icon {margin-left: 4px;cursor: pointer;}
.contact .remove-chip {height: 28px;width: 14px;}
.contact .dropdown-menu {position: absolute;top: 100%;left: 0;width: 100%;background-color: white;border: 1px solid #ddd;border-radius: 4px;max-height: 200px;overflow-y: auto;overflow-x: hidden;z-index: 1000;display: none;}
.contact .dropdown-menu div {padding: 8px;cursor: pointer;}
.contact .dropdown-menu div:hover {background-color: #f0f0f0;}
.contact .input-wrapper {position: relative;}
.contact .dropdown-menu {position: absolute;top: 100%;left: 0;right: 0;border: 1px solid #ccc;background-color: white;display: none;z-index: 10;}
.contact .chip {display: inline-flex;align-items: center;padding: 5px 10px;background-color: #e0e0e0;border-radius: 15px;margin: 5px;}
.contact .remove-icon {margin-left: 8px;cursor: pointer;}
.contact .btn-submit {position: relative;overflow: hidden;}
.contact .loading .loader {display: block !important;}
.contact .loader {display: none;position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);width: 28px;height: 28px;border: 3px solid rgba(0, 0, 0, 0.1);border-radius: 50%;border-top: 3px solid #000;animation: spin 1s linear infinite;}
.contact .btn-submit.loading .btn-text {visibility: hidden;}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); }}
/* .height-fix{overflow-y: scroll; height: calc(100vh - 50px);} */
.contact-form{position: relative;padding: 24px 38px 30px 38px;background: #FFFFFF;border: 1px solid rgba(29, 36, 52, 0.06);box-shadow: 0px 2px 12px rgba(40, 95, 245, 0.06);border-radius: 16px;z-index: 1;overflow-y: scroll; min-height: calc(100vh - 300px); max-height: calc(100vh - 50px);}
.contact-form.dev-hight-fixed{position: relative;padding: 24px 38px 30px 38px;background: #FFFFFF;border: 1px solid rgba(29, 36, 52, 0.06);box-shadow: 0px 2px 12px rgba(40, 95, 245, 0.06);border-radius: 16px;z-index: 1;overflow-y: unset !important; min-height: inherit !important; max-height: inherit !important;}
.contact-form::-webkit-scrollbar { width: 0px} 
.contact-form label {font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(29, 36, 52, 0.72);}
.contact-form input, .contact-form select{font-weight: 400;font-size: 16px;line-height: 24px;color: rgba(29, 36, 52, 0.52);padding: 8px 12px;font-style: normal;}
.contact-form input::placeholder, .contact-form input::-ms-input-placeholder {font-family: 'Gabarito';font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: rgba(29, 36, 52, 0.52);}
.contact-form .form-control, .contact-form .form-select{border-radius: 8px;border: 1px solid rgba(29, 36, 52, 0.15);}
.contact-form .close-icon{width: 32px;height: 32px;position: absolute; right: -55px; top: -24px;}
.contact-form button.btn-submit{font-style: normal;font-weight: 600;font-size: 18px;line-height: 24px;display: flex;align-items: center;text-align: center;justify-content: center;background: #0152FF;border-radius: 50px;color: #FFFFFF;width: 100%;border: none;padding: 14px;}

.client button.form-control{font-size: 16px;line-height: 24px;padding: 8px 12px;color:rgba(29, 36, 52, 0.52);text-align: left;position: relative;display: flex;align-items: center;}
.client button.form-control:hover{background: rgba(8, 75, 255, 0.06);border: 1px solid #0152FF;font-style: normal;font-weight: 600;border-radius: 8px;font-size: 16px;line-height: 24px;color: #1D2434;}
.client button.form-control span{padding-left: 12px;}
.client button.form-control .icon { filter: opacity(0.5);}
.client button .icon:hover, .client button span:hover {  filter: none;}
.thankyou a.link{text-decoration:none;}
.thankyou p{ padding: 0 95px;}
.back-home-btn{font-style: normal;font-weight: 500;font-size: 18px;line-height: 24px;background: #0152FF;border-radius: 50px;padding: 19px 40px;margin: 48px 0 24px 0;text-align: center;color: #FFFFFF;}
 .btn-animation {position: relative;z-index: 1;overflow: hidden;}
 .btn-animation:hover {color: #ffffff;}
 .btn-animation:after {position: absolute;content: "";width: 0%;height: 100%;top: 0px;right: 0px;z-index: -1;background-color: #000000;border-radius: 1px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;z-index: -1;}
 .btn-animation:hover:after {left: 0px;width: 100%;}
 .btn-animation.hover-white-text:hover {color: #ffffff !important;}
.desktop{display: block;}
.mobile{display: none;}

@media (max-width:768px) {
  .mt-92{margin-top: 60px;}
  .mt-115 {margin-top: 0px !important;}
  .social-startups {display: flex;gap: 12px;align-items: flex-start;}
  .invslide-marquee {position: relative;width: 100%;max-width: 100%;}
  .contact-form{margin-top: 40px; padding: 12px;}
  .desktop{display: none;}
  .mobile{display: block; text-align: center; padding-bottom: 66px;}
  .contact {background: linear-gradient(179.54deg, #F8F8FC 0.42%, #EEF2FD 83.6%);height: auto;display: flex;align-items: center;overflow: hidden auto;position: relative;bottom: 80px;top: 16px;}
  .contact h3.title{font-size: 28px;font-weight: 600;line-height: 32px;}
  .contact .container::after {content: '';position: absolute;width: 150.15px;height: 417.09px;right: 140px;top: -193px;}
  .contact .container::before{display: none;}
  .thankyou p{padding: 0 32px; }
  .back-home-btn{font-style: normal;font-weight: 500;font-size: 18px;line-height: 24px;background: #0152FF;border-radius: 50px;padding: 12px 55px;margin: 28px 0 20px 0;text-align: center;color: #FFFFFF;}
}
@media (max-width:575px) {
  .social-startups {display: flex;gap: 12px;flex-direction: column;align-items: flex-start;}
  .contact .container::after {content: '';position: absolute;width: 150.15px;height: 417.09px;right: 150px;top: -193px;}
  .contact .container::before {display: none;}
  .thankyou p{padding: 0 32px; }
}