@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 .bg-image {
    object-fit: cover;
  }
  .bg-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .bg-image:not([class*=absolute]) {
    position: absolute;
  }
html,body{
  overflow-x: hidden;
}
.from-box .form-control {
  display: flex;
  height: 56px;
  padding: var(--heading-text, 24px);
  align-items: center;
  gap: var(--Bevel-Field, 4px);
  flex: 1 0 0;
  border-radius: var(--Bevel-Field, 4px);
  background: var(--Neutral-800, #1D1D1D);
  color: var(--Neutral-400, #C7C7C7);
  font-family: "FS Meridian";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: capitalize;
  border: none;
  margin-bottom:16px;
}

.form-main {
  width: 725px;
  max-width: 100%;
  margin: auto;
}
.form-main label{
    color: var(--Neutral-400, #C7C7C7);
    leading-trim: both;
    text-edge: cap;
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.row-mo{
    border-radius: var(--Bevel-Field, 4px);
    background: var(--Neutral-800, #1D1D1D);
    display: flex;
    height: 56px;
    padding-left: var(--heading-text, 24px);
    align-items: center;
    align-self: stretch;
    margin-bottom:20px;
}
.submit-from-box h2 {
    color: var(--Primary-Off-White, #FAFAFA);
    text-align: center;
    font-family: "FS Meridian";
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 67.2px */
    text-transform: capitalize;
}

.from-box textarea {
  border: 1px solid #82E578;
  border-radius: 4px;
  background: #1D1D1D !important;
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  color: #C7C7C7;
  width: 100%;
  padding: 12px;
  min-height: 136px !important;
  transition: all .9s;
}

.submit-from-box p {
    color: var(--Secondary-Sage-Green, #C2D6B5);
    text-align: center;
    font-family: "FS Meridian";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    width: 609px;
    max-width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 56px;
}
.overlay{
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #141414;
    z-index: 3;
    opacity: 0.8;
    display:none;
}
.form-section {
  padding: 224px 0px;
  height:1298px;
}

.form-main label {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #C7C7C7;
  max-width: 736px;
  width: 100%;
  margin: auto;
  text-align: left;
  margin-bottom: 0px;
}

.from-box .green-lable {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #82E578;
  max-width: 736px;
  width: 100%;
  margin: auto;
  text-align: right;
  margin-bottom: 14px;
  margin-top: 0px;
}

.from-box .btn {
  transition: .9s all;
  height: 40px;
}

.from-box .form-check-input {
  border: 1px solid #82E578;
  border-radius: 4px;
  background: #141414;
  margin-top: 3px;
}

.form-main .form-check label {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #C7C7C7;
  margin-bottom: 0px;
}

.form-control:focus {
  outline: 0;
  box-shadow: none;
}

.file-upload-box {
  border: 1px solid #434343;
  border-radius: 4px;
  background: #1D1D1D;
  width: 100%;
  padding: 12px;
  height: 56px;
  position: relative;
  margin-bottom: 16px;

}

input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.file-upload-box img {
    position: absolute;
    right: 18px;
    top: 21px;
    margin: auto;
    width: 16px;
    height: 12px;
}

.file-upload-box label {
    text-align: left;
    position: absolute;
    margin: auto;
    bottom: 0px;
    top: 0px;
    padding: 18px 5px;
}

.file-upload-box .info-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    left: -16px;
    margin: auto;
    z-index: 1;
    right: 0px;
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.tooltips p {
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  margin-bottom: 0px;
}

.tooltips ul {
  padding-left: 1rem;
}

.tooltips {
  color: #F1F1F1;
  text-align: center;
  padding: 16px 16px;
  border-radius: 4px;
  width: 367px;
  height: 174px;
  border-radius: 4px;
  border: 1px solid #434343;
  background: #141414;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
}

.modal-header {
  position: absolute;
  right: 4px;
  border: 0px;
  top: 3px;
}

.modal-header .btn-close {
  background: url(../images/cross-icon.svg) no-repeat !important;
}

.tooltips-file-upload {
  position: relative;
}

.custom-select {
  position: relative;
  font-family: Arial;

}

.custom-select select {
  display: none;
  /*hide original SELECT element: */
}

.select-selected {
  background-color: #1D1D1D;
  border-radius: 4px;
  border: 0px solid #434343 !important;
  margin-bottom: 16px;
}
.row-mo{
   margin-bottom: 16px !important; 
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 21px;
  right: 18px;
  width: 18px;
  height: 13px;
  background: url(../images/Arrow-Down.svg) no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  top: 18px;
  transform: rotate(0deg);
  background: url(../images/green-icon-drop.svg) no-repeat;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    color: #ffffff;
    padding: 17px 16px;
    border: 0px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    color: var(--Neutral-400, #C7C7C7);
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #434343;
  top: 62px;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid #82E578;
  margin-top: 10px;
  border-radius: 4px;
  padding: 24px 24px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--Bevel-Field, 4px);
  border: 1px solid var(--Neutral-700, #434343);
  background: var(--Neutral-800, #1D1D1D);
  height:234px;
}


/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.select-items div {
  border-bottom: 0px solid #ffffff70;
  padding: 0px 0px 0px;
  margin-bottom:24px;
}
.select-items div:last-child {
    margin-bottom:0px;
}
.select-items::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
  border-radius: 4px;
}

.select-items::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #82E578;
  height: 15px !important;
}

.select-items div:last-child {
  border: 0px;
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none;
}

.tooltips {
  position: absolute;
  right: -1rem;
  top: 37px;
  display: none;
  z-index: 1;
  padding: 24px 16px;
}

.tooltips::after {
  content: "";
  border: 1px solid #82E578;
  background: #434343;
  width: 22px;
  height: 22px;
  position: absolute;
  transform: rotate(-45deg);
  z-index: 0;
  bottom: -11.4px;
  border-top: 0px;
  border-right: 0px;
  display: none;
}

.check-btn-col .btn {
  text-align: center;
  padding: 8px 32px;
  text-transform: capitalize;
  color: #FAFAFA;
  background: transparent;
  border-radius: 4px;
  border: 0px solid #82E578;
  font-family: "FS Meridian";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 27px;
  margin-bottom: 24px;
  opacity: 1;
}

.check-yes-no .btn {
    text-align: center;
    padding: 13px 32px;
    text-transform: capitalize;
    color: #FAFAFA;
    background: transparent;
    border-radius: 4px;
    border: 0px solid #82E578;
    font-family: "FS Meridian";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 24px;
    opacity: 1;
    margin-bottom: 0px;
    height: 48px;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: #82E578;
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}

.check-yes-no.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: #82E578;
  background-color: transparent;
  border-color: transparent;
}

.btn-check:checked+.btn {
  color: #82E578;
  background-color: #141414;
  border-color: transparent;
  opacity: 1;
}

.complbtnboxhide {
  display: none;
}

.feedbtnboxhide {
  display: none;
}

.modal-body-content h2 {
    color: var(--Primary-Off-White, #FAFAFA);
    text-align: center;
    font-family: "FS Meridian";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 16px;
}

.modal-body-content p {
  color: var(--Secondary-Sage-Green, #C2D6B5);
    text-align: center;
    font-family: "FS Meridian";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 24px;
}

.modal-content {
  background-image: url(../images/modal-bg.png);
  text-align: center;
  border: 1px solid var(--Neutral-700, #434343);;
  width: 751px;
  max-width: 100%;
  padding: 64px 140px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  border-radius: 16px;
  background-color: rgba(20, 20, 20, 0.10);;
backdrop-filter: blur(12px);
}
.modal-body{
    padding: 0px;
}
#exampleModal .modal-content {
  width: 757px;
  max-width:100%;
}

#exampleModal2 .modal-content {
  width: 757px;
  max-width:100%;
}

@media (min-width: 576px) {
  #exampleModal2 .modal-dialog {
    max-width: 744px;
    margin-right: auto;
    margin-left: auto;
  }

  #exampleModal .modal-dialog {
    max-width: 744px;
    margin-right: auto;
    margin-left: auto;
  }
}

.modal-dialog {
  max-width: var(--bs-modal-width);
  margin-right: auto;
  margin-left: auto;
  width: 751px;
  max-width: 100%;
}

.modal-dialog .button--calypso {
  transition: .9s all;
  width: 178px;
  margin: auto;
  max-width: 100%;
  height: 50px;
}

section {
  position: relative;
  z-index: 1;
}

.form-control {
  position: relative;
}

::placeholder {
  color: var(--Neutral-400, #C7C7C7);
  font-family: "FS Meridian";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: capitalize;
}

::-ms-input-placeholder {
  color: red !important;
}

.form-control:hover {
  border: 1px solid #82E578;
  box-shadow: none;
  transform: translate(-0.5px, -0.5px);
  background: #141414;
}

.feedbtn:hover {
  box-shadow: 0px 3.15px 4.625px 0px rgba(130, 229, 120, 0.02), 0px 14.4px 13px 0px rgba(130, 229, 120, 0.03), 0px 36.45px 34.875px 0px rgba(130, 229, 120, 0.03), 0px 72px 80px 0px rgba(130, 229, 120, 0.05);
  border: 1px solid #82E578;
  box-shadow: none;
  transform: translate(-0.5px, -0.5px);
  background: #141414;
}

.complbtn:hover {
  box-shadow: 0px 3.15px 4.625px 0px rgba(130, 229, 120, 0.02), 0px 14.4px 13px 0px rgba(130, 229, 120, 0.03), 0px 36.45px 34.875px 0px rgba(130, 229, 120, 0.03), 0px 72px 80px 0px rgba(130, 229, 120, 0.05);
  border: 1px solid #82E578;
  box-shadow: none;
  transform: translate(-0.5px, -0.5px);
  background: #141414;
}

textarea:hover {
  box-shadow: 0px 3.15px 4.625px 0px rgba(130, 229, 120, 0.02), 0px 14.4px 13px 0px rgba(130, 229, 120, 0.03), 0px 36.45px 34.875px 0px rgba(130, 229, 120, 0.03), 0px 72px 80px 0px rgba(130, 229, 120, 0.05);
  border: 1px solid #82E578;
  box-shadow: none;
  min-height: 179px !important;
  background: #141414;
}

.select-selected:hover {
  box-shadow: 0px 3.15px 4.625px 0px rgba(130, 229, 120, 0.02), 0px 14.4px 13px 0px rgba(130, 229, 120, 0.03), 0px 36.45px 34.875px 0px rgba(130, 229, 120, 0.03), 0px 72px 80px 0px rgba(130, 229, 120, 0.05);
  border: 1px solid #82E578;
  box-shadow: none;
  transform: translate(-0.5px, -0.5px);
  background: #141414;
}

.btn-secondary:hover {
  box-shadow: none;
  border: 1px solid #82E578;
  transform: translate(-0.5px, -0.5px);
}

.same-as-selected {
  color: #82E578 !important;
}

.select-items div:hover {
  color: #C2D6B5;
}

.from-box textarea {
  min-height: 200px !important;
  margin-bottom: 16px !important;
}

.FileNameCaptionStyle {
    color: var(--Neutral-400, #C7C7C7);
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    margin-left:8px;
}

.FileNameCaptionStyle::before {
  content: '';
  background: url(../images/icon-attachment.svg) no-repeat;
  background-size: cover;
  height: 24px;
  width: 24px;
  position: absolute;
  top: -4px;
  left: -34px;
}
.form-control:hover {
    border: 0px solid #82E578;
    transform: translate(-0.5px, -0.5px);
    box-shadow: none;
}
.thumb-Images li {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  position: relative;
  padding: 17px 13px 13px 27px;
  width: 716px;
  margin: auto;
  max-width: 100%;
  margin-bottom: 20px;
}

.thumb-Images {
  padding-left: 0rem;
}

.thumb-Images li:hover {
  background: rgba(67, 67, 67, 0.20);
  border-radius: 4px;
}

.img-wrap {
  position: relative;
  margin-left: 7px;
}

.form-check-g-recaptcha {
  margin-top: -13px;
}

.img-wrap::after {
  content: '';
  background: url(../images/icon-delete.svg) no-repeat;
  position: absolute;
  height: 14px;
  width: 14px;
  top: 5px;
  right: -3px;
  cursor: pointer;
  z-index: -1;
  background: none;
}

.thumb {
  display: none;
}

.close {
    color: var(--Primary-Bright-Green, #82E578);
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.from-box input:hover {
  box-shadow: 0px 3.15px 4.625px 0px rgba(130, 229, 120, 0.02), 0px 14.4px 13px 0px rgba(130, 229, 120, 0.03), 0px 36.45px 34.875px 0px rgba(130, 229, 120, 0.03), 0px 72px 80px 0px rgba(130, 229, 120, 0.05);
  border: 1px solid #434343;
  background: #141414;
}

.file-upload-box:hover {
  box-shadow: 0px 3.15px 4.625px 0px rgba(130, 229, 120, 0.02), 0px 14.4px 13px 0px rgba(130, 229, 120, 0.03), 0px 36.45px 34.875px 0px rgba(130, 229, 120, 0.03), 0px 72px 80px 0px rgba(130, 229, 120, 0.05);
  border: 1px solid #434343;
  background: #141414;
}
textarea, .file-upload-box:hover, .from-box input:hover {
    box-shadow: none;
    border: 0px solid #434343;
    background: #141414;
}

textarea:focus-visible {
  border: 0px solid #82E578 !important;
  outline: none;
}

.border-bg-mrag-0 {
    border-radius: 0px;
    border: 0px solid #434343;
    background: #1D1D1D;
    padding: 0px;
    height: 40px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.form-control::placeholder {
    color: var(--Neutral-400, #C7C7C7);
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-transform: capitalize;
}
.complbtnbox-bg{
    width: 77% !important; 
    max-width: 100%;
    padding: 10px 0px !important;
}
.row-bg-upload .border-bg-mrag-0 {
    height: 64px;
    padding: 8px 0px;
}
.row-bg-upload{
    padding-left: var(--heading-text, 24px);
    align-items: center;
    border-radius: var(--Bevel-Field, 4px);
    background: var(--Neutral-800, #1D1D1D);
    margin-bottom:20px;
    display: none;
}
.form-main .button {
    display: flex;
    height: 48px;
    padding: 0px 32px;
    justify-content: center;
    align-items: center;
    float: right;
    color: var(--Primary-Off-Black, #141414);
    text-align: center;
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    text-transform: capitalize;
}
.from-box .btn-green {
    width: 166px;
    margin: auto;
    height:48px;
    float: right;
    border-radius: var(--Bevel-Field, 4px);
    background: var(--Primary-Bright-Green, #82E578);
    color: var(--Primary-Off-Black, #141414);
    text-align: center;
    font-family: "FS Meridian";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    text-transform: capitalize;
    padding: 14px 25px;
    height:48px;
}
.from-box .btn-green:hover{
    background: #000;
    color: #FAFAFA;
    border: 1px solid #FAFAFA;
}