@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;

}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
#custom-layout {
	height:1024px;z-index: auto !important;
}
.login {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;  font-family: Yellix !important;
}

.login .div {
  overflow: hidden;
  width: 100%;
  height: 1024px;
  position: relative;
}

.login .overlap {
  position: absolute;
  width: 100%;
  height: 1598px;
}

.login .overlap-group {
  position: absolute;
  width: 100%;
  height: 1598px;
  top: 0;
  left: 0;
}

.login .overlap-2 {
  /* position: absolute;
  width: 1769px;
  height: 1468px;
  top: 130px;
  left: 0; */
}

.login .fr {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  border-radius: 12px;

}
.login .frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.login .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  padding:40px;
}

.login .cost-savings-perks {
position: relative;
    width: 261.87px;
    height: 100px;
    object-fit: contain;
}

.login .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.login .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.login .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.login .email {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 500;
  color: #222222;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  background: transparent;
  border: none;
  padding: 0;
}

.login .input {
  margin-bottom: -7px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}

.login .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.login .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 500;
  color: #222222;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.login .frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 2px;
  background-color: #fafbfd;
  border-radius: 8px;
  border: 2px solid;
  border-color: #ebecf0;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.login .frame-7 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
  margin-right: -5px;
}

.login .frame-8 {
  display: flex;
  align-items: center;
  gap: 0px;
  position: relative;
  flex-grow: 1;
}

.login .image {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 5px;
}

.login .text-wrapper-2 {
  position: relative;
  height: 100%;
  font-weight: 500;
  color: #222222;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  padding: 7px 7px !important;
}
.frame-8 input {
  border: none;
  outline: none;
  box-shadow:none;
  background-color: unset;
  border: unset;
}
.frame-8 input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: unset !important;
}
.login .radio-btns {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.login .check-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  background-color: var(--primaryp6-base);
  border-radius: 4px;
  overflow: hidden;
}

.login .check {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 3px;
}
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  background-color: #004B46; /* Your green */
  border-radius: 3px;
  border: 2px solid #004B46;
  cursor: pointer;
  position: relative;
}

input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.login .label {
  position: relative;
  width: fit-content;
  font-family: var(--body-small-medium-14-font-family);
  font-weight: var(--body-small-medium-14-font-weight);
  color: #19191a;
  font-size: var(--body-small-medium-14-font-size);
  letter-spacing: var(--body-small-medium-14-letter-spacing);
  line-height: var(--body-small-medium-14-line-height);
  white-space: nowrap;
  font-style: var(--body-small-medium-14-font-style);
}

.login .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.login .sidebar-tab {
  display: flex;
  justify-content: center;
  height: 56px;
  align-items: center;
  gap: 8px;
  padding: 0px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--primaryp6-base);
  border-radius: 8px;
}

.login .div-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -5px;
}

.login .frame-10 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.login .text-wrapper-3 {
  position: relative;
  width: 100%;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}
.text-wrapper-3 input[type="submit"] {
  font-family: "Poppins-Medium", Helvetica;
  background-color: var(--primaryp6-base); /* Use your preferred button color */
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.login .don-t-have-an {
  position: relative;
  width: fit-content;
  font-weight: 400;
  color: transparent;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
   margin:0px !important;
}

.login .span {
  color: #000000;
}

.login .text-wrapper-4 {
  font-family: "Inter-Regular", Helvetica;
  color: #000000;
}

.login .text-wrapper-5 {
  font-weight: 600;
  color: #004d43;
  text-decoration: none !important;
}
a {
  text-decoration: none !important;
}

input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked {
  border-color: var(--Primary-P6---BASE, #004D43);;
  background-color: var(--Primary-P6---BASE, #004D43);
  box-shadow: none;
}

.sub-heading {
  color: #66948E;
  text-align: justify;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.business-type {
  color: var(--Primary-P6---BASE, #004D43);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.type-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.type-main-inner1 {
  display: flex;
  width: 283px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--Grays-G4, #EBEDF0);
  background: #FFF;
}
.type-main-inner2 {
  display: flex;
  width: 283px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--Grays-G4, #EBEDF0);
  background: #FFF;
  margin-left:40px;
}

.type-main-inner-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.type-main-inner-div .img {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
}
.type-main-inner-div1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
}
.type-main-inner-div1 .p1 {
  color: var(--Primary-P6---BASE, #004D43);

  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-self: stretch;
}

.type-main-inner-div1 .p2 {
  color: #66948E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: stretch;
}
.frame-ask {
  width: 100%;
}
.type-main a {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
}

.type-main a:hover {
  background: var(--Primary-P5, #DDFFCA);
  border: 1px solid var(--Primary-P6---BASE, #004D43);
}


.invite-type-main {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--Grays-G2, #F5F6FA);
}
.invite-type-main-inner1 {
  display: flex;
  width: 289px;
  height: 900px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.invite-type-main-inner1 .logo {
  width: 50%;
}
.invite-type-main-inner-div {
  display: flex;
  height: 765px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.invite-type-main-inner-div1 {
  display: flex;
  width: 289px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.invite-type-main-inner-div1 .p1 {
  display: flex;
  width: 289px;
  height: 56px;
  padding: 22px 24px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--Primary-P6---BASE, #004D43);
  background: var(--Primary-P6---BASE, #004D43);
  color: var(--Grays-Light-Only, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.invite-type-main-inner-div1 .p2 {
  
  border: 1px solid var(--Primary-P6---BASE, #fafffe);
  color: var(--Grays-Dark-Only, #242423);
  background : none;
}
.invite-type-main-inner-div2 {
  display: flex;
  width: 289px;
  height: 56px;
  padding: 22px 24px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
}

.invite-type-main .img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}


.invite-type-main-inner2 {
  display: flex;
  width: 840px;
  height: 900px;
  padding: 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 3px;
  border: 1px solid var(--Grays-G4, #EBEDF0);
  background: #FFF;
}
.invite-type-main-inner2  .invite-type-main-inner-div11 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
.invite-type-main-inner2  .invite-type-main-inner-div11 .type-main-inner-div1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}

.invite-type-main-inner2  .invite-type-main-inner-div11 .type-main-inner-div1 .main-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.invite-type-main-inner2  .invite-type-main-inner-div11 .type-main-inner-div1 .main-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.invite-type-main-inner2  .invite-type-main-inner-div11 .type-main-inner-div1 .main-inner p {
  color: var(--Grays-Dark-Only, #0A0A0A);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
  width: 415px;
}

.upload {
  display: flex;
  padding: 24px 206px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1.2px dashed var(--Grays-G4, #EBEDF0);
  background: var(--Text-T---Light-to-Dark, #FFF);
}
.upload_frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
.upload_frame1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.upload-file {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
}
.uploadimg{
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.upload_file_text {
  color: var(--Grays-G7, var(--Grays-G7, #767C8C));
  text-align: center;
 
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.upload_button {
  display: flex;
  flex: 1 0 0;
  height: 32px;
  min-width: 180px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--Primary-P6---BASE, #004D43);
  color: var(--Text-T---Light-Only, #FFF);
  text-align: center;
 
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}

.main-inner-2{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.main-inner-21{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.main-inner-213{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.main-inner-214{
  display: flex;
padding: 14px 407px 14px 16px;
align-items: center;
align-self: stretch;
border-radius: 8px;
border: 2px solid var(--Grays-G4, #EBEDF0);
background: #FAFBFD;
}
.main-inner-213 .label {
  color: var(--Grays-Dark-Only, #222);
  
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  color: var(--Grays-G7, #767C8C);
}
.main-inner-213 .label2 {
  color: var(--Primary-P6---BASE, #004D43);

  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.button_label{
color: var(--Grays-Light-Only, #FFF) !important;
text-align: center !important;
font-family: inherit !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 24px !important; /* 150% */
width: 786px !important;
background: var(--Primary-P6---BASE, #004D43) !important;
}
.button_label:hover{
  background: var(--Primary-P6---BASE, #004D43) !important;
}

:root {
  --primaryp-5: rgba(221, 255, 202, 1);
  --primaryp6-base: rgba(0, 77, 67, 1);
  --primaryp-7: rgba(12, 12, 12, 1);
  --primaryp-8: rgba(233, 255, 243, 1);
  --primaryp-9: rgba(25, 49, 53, 1);
  --secondarys6-base: rgba(221, 255, 202, 1);
  --heading-h1-56-font-weight: 700;
  --heading-h1-56-font-size: 56px;
  --heading-h1-56-letter-spacing: 0px;
  --heading-h1-56-line-height: 40px;
  --heading-h1-56-font-style: normal;
  --heading-h2-48-font-weight: 700;
  --heading-h2-48-font-size: 48px;
  --heading-h2-48-letter-spacing: 0px;
  --heading-h2-48-line-height: 48px;
  --heading-h2-48-font-style: normal;

  --heading-h3-40-font-weight: 700;
  --heading-h3-40-font-size: 40px;
  --heading-h3-40-letter-spacing: 0px;
  --heading-h3-40-line-height: 40px;
  --heading-h3-40-font-style: normal;

  --heading-h4-32-font-weight: 700;
  --heading-h4-32-font-size: 32px;
  --heading-h4-32-letter-spacing: 0px;
  --heading-h4-32-line-height: 32px;
  --heading-h4-32-font-style: normal;

  --heading-h5-24-font-weight: 700;
  --heading-h5-24-font-size: 24px;
  --heading-h5-24-letter-spacing: 0px;
  --heading-h5-24-line-height: 24px;
  --heading-h5-24-font-style: normal;

  --heading-h6-18-font-weight: 700;
  --heading-h6-18-font-size: 18px;
  --heading-h6-18-letter-spacing: 0px;
  --heading-h6-18-line-height: 18px;
  --heading-h6-18-font-style: normal;
 
  --heading-h7-16-font-weight: 700;
  --heading-h7-16-font-size: 16px;
  --heading-h7-16-letter-spacing: 0px;
  --heading-h7-16-line-height: 24px;
  --heading-h7-16-font-style: normal;

  --heading-h8-14-font-weight: 700;
  --heading-h8-14-font-size: 14px;
  --heading-h8-14-letter-spacing: 0px;
  --heading-h8-14-line-height: 14px;
  --heading-h8-14-font-style: normal;

  --body-extra-large-regular-24-font-weight: 400;
  --body-extra-large-regular-24-font-size: 24px;
  --body-extra-large-regular-24-letter-spacing: 0px;
  --body-extra-large-regular-24-line-height: 32px;
  --body-extra-large-regular-24-font-style: normal;

  --body-extra-large-medium-24-font-weight: 500;
  --body-extra-large-medium-24-font-size: 24px;
  --body-extra-large-medium-24-letter-spacing: 0px;
  --body-extra-large-medium-24-line-height: 32px;
  --body-extra-large-medium-24-font-style: normal;

  --body-extra-large-semibold-24-font-weight: 600;
  --body-extra-large-semibold-24-font-size: 24px;
  --body-extra-large-semibold-24-letter-spacing: 0px;
  --body-extra-large-semibold-24-line-height: 32px;
  --body-extra-large-semibold-24-font-style: normal;

  --body-extra-large-linked-24-font-weight: 400;
  --body-extra-large-linked-24-font-size: 24px;
  --body-extra-large-linked-24-letter-spacing: 0px;
  --body-extra-large-linked-24-line-height: 32px;
  --body-extra-large-linked-24-font-style: normal;

  --body-large-regular-18-font-weight: 400;
  --body-large-regular-18-font-size: 18px;
  --body-large-regular-18-letter-spacing: 0px;
  --body-large-regular-18-line-height: 28px;
  --body-large-regular-18-font-style: normal;

  --body-large-medium-18-font-weight: 500;
  --body-large-medium-18-font-size: 18px;
  --body-large-medium-18-letter-spacing: 0px;
  --body-large-medium-18-line-height: 28px;
  --body-large-medium-18-font-style: normal;

  --body-large-semibold-18-font-weight: 600;
  --body-large-semibold-18-font-size: 18px;
  --body-large-semibold-18-letter-spacing: 0px;
  --body-large-semibold-18-line-height: 28px;
  --body-large-semibold-18-font-style: normal;

  --body-large-linked-18-font-weight: 500;
  --body-large-linked-18-font-size: 18px;
  --body-large-linked-18-letter-spacing: 0px;
  --body-large-linked-18-line-height: 28px;
  --body-large-linked-18-font-style: normal;

  --body-normal-regular-16-font-weight: 400;
  --body-normal-regular-16-font-size: 16px;
  --body-normal-regular-16-letter-spacing: 0px;
  --body-normal-regular-16-line-height: 21px;
  --body-normal-regular-16-font-style: normal;

  --body-normal-medium-16-font-weight: 500;
  --body-normal-medium-16-font-size: 16px;
  --body-normal-medium-16-letter-spacing: 0px;
  --body-normal-medium-16-line-height: 24px;
  --body-normal-medium-16-font-style: normal;

  --body-normal-semibold-16-font-weight: 600;
  --body-normal-semibold-16-font-size: 16px;
  --body-normal-semibold-16-letter-spacing: 0px;
  --body-normal-semibold-16-line-height: 24px;
  --body-normal-semibold-16-font-style: normal;

  --body-normal-linked-16-font-weight: 500;
  --body-normal-linked-16-font-size: 16px;
  --body-normal-linked-16-letter-spacing: 0px;
  --body-normal-linked-16-line-height: 24px;
  --body-normal-linked-16-font-style: normal;

  --body-small-regular-14-font-weight: 400;
  --body-small-regular-14-font-size: 14px;
  --body-small-regular-14-letter-spacing: 0px;
  --body-small-regular-14-line-height: 18px;
  --body-small-regular-14-font-style: normal;

  --body-small-medium-14-font-weight: 500;
  --body-small-medium-14-font-size: 14px;
  --body-small-medium-14-letter-spacing: 0.28px;
  --body-small-medium-14-line-height: 22px;
  --body-small-medium-14-font-style: normal;

  --body-small-semibold-14-font-weight: 500;
  --body-small-semibold-14-font-size: 14px;
  --body-small-semibold-14-letter-spacing: 0.28px;
  --body-small-semibold-14-line-height: 22px;
  --body-small-semibold-14-font-style: normal;

  --body-small-linked-14-font-weight: 500;
  --body-small-linked-14-font-size: 14px;
  --body-small-linked-14-letter-spacing: 0px;
  --body-small-linked-14-line-height: 22px;
  --body-small-linked-14-font-style: normal;
 
  --button-b-16-font-weight: 600;
  --button-b-16-font-size: 16px;
  --button-b-16-letter-spacing: 0px;
  --button-b-16-line-height: 12px;
  --button-b-16-font-style: normal;

  --button-b-14-font-weight: 600;
  --button-b-14-font-size: 14px;
  --button-b-14-letter-spacing: 0px;
  --button-b-14-line-height: 10px;
  --button-b-14-font-style: normal;

  --paragraph-p-16-font-weight: 400;
  --paragraph-p-16-font-size: 16px;
  --paragraph-p-16-letter-spacing: 0px;
  --paragraph-p-16-line-height: 28px;
  --paragraph-p-16-font-style: normal;

  --paragraph-p-14-font-weight: 400;
  --paragraph-p-14-font-size: 14px;
  --paragraph-p-14-letter-spacing: 0px;
  --paragraph-p-14-line-height: 24px;
  --paragraph-p-14-font-style: normal;
  --shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.12);
  --shadow-sm: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  --news: 0px 46.08201599121094px 76.80335235595703px -15.36067008972168px
    rgba(29, 78, 56, 0.16);
  --x: 0px 60px 70px -60px rgba(29, 78, 56, 0.14);
  --abc: 0px 12px 32px 0px rgba(23, 23, 68, 0.16);
  --gsss: 0px 12px 32px 0px rgba(23, 23, 68, 0.16);
}

@media (max-width: 850px) {
    .ask-typ-1 {width:100% !important;padding:10px;}
    .login .div { }
  /* Styles for smaller screens (mobile and small tablets) */
  .type-main {
     display: block;
  }
  .type-main-inner2{
  	margin-top: 14px;
    margin-left: 0px;
  }
  .sub-heading{
  	text-align: justify;
  }
  .login .frame-4{
  	gap: 7px;
  }
  .invite-type-main-inner1{ 
  display:none;
  }
  .invite-type-main {
  width:100%;
  }
  .invite-type-main-inner2 {
  	
    width: 100% !important;
    margin-top:0px !important;
    margin: 0px auto;
  }
  .upload,.main-inner-214{padding:0px}
  .main-inner-213 .label{font-size:11px;}
  #custom {margin-left:0px !important}
}

.elementor-field-subgroup label{font-family: "Yellix-Medium", Yellix !important;}
.elementor-field-option { line-height:25px !important; }

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  background:#dddddd;
  font-weight:700;
}

tr:nth-child(even) {
  
}