.op1-welcome-lt
{
  background-image: url(/op1_welcome_img.png);
  min-height: 565px;
  background-repeat: no-repeat;
  background-size: cover;
}

.txt-default1
{
  font-size: 18px;
  color: #838889;
}

.welcome-t-m
{
  margin-top: 24%;
}

.inner-t-m
{
  margin-top: 0%;
}

.inner-b-m
{
  margin-bottom: 10%;
}

.op-1-timer
{
  float: left;
}

.op-1-timer-txt
{
  font-size: 12px;
  float: left;
  margin-top: 1px;
}

.op1-inner-lt
{
  background-image: url(/op1_welcome_img.png);
  min-height: 565px;
  background-repeat: no-repeat;
  background-size: cover;
}

.op1-frm
{
  float: left;
  width: 100%;
  margin: 0px 0px 20px 0px;
}

.op1-frm-hld
{
  float: left;
  height: 200px;
  background: #000;
}

.op1-label
{
color: #000;
font-size: 14px;
}

.op1-inp
{
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  color: #ccc;
}

.country-sel
{
  background: #fff;
  width: 100%;
  float: left;
  height: 40px;
  color: black;
}

#country-drp
{
  top: 40px;
}

/* Questions */

.section {
  display: block;
}
.active {
  display: block;
}
.progress {
  /* height: 10px!important; */
  height: 12px!important;
  background: #D9D9D9!important;
  border-radius: 10px!important;
  border: 0;
}


.progress-bar {
  background-color: var(--primary-theme-color); /* Change progress bar color to orange */
  transition: width 0.4s ease;
  /* border-radius: 10px;  30/09/2024 */
}
.buttons {
  margin-top: 20px;
}
button {
  margin-right: 10px;
}

.prev-btn {
  background-color: #fff;
  color: #838889;
  border: 0;
  text-align: left;
  font-size: 18px;
  padding-left: 0px;
}

.next-btn {
  background-color: #007bff;
  color: white;
}

.progress-info {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  text-align: left;
  color: #FF7529;
}

.question-title {
  margin-top: 10px;
  margin-bottom: 20px;
}
.form-fields {
  margin-bottom: 30px;
}

#form-container input, .form-select
{
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  color: #ccc;
  float: left;
}

.text-end
{
  float: left;
}

.form-fields
{
  float: left;
  height: auto;
  width: 100%;
}

.form-check
{
  float: left;
  border: 1px solid #ccc;
  padding: 8px;
  min-width: 150px;
/*  margin: 0% 4% 2% 0%;*/
  display: block;
}

.form-check-input[type=radio]{
  float: right!important;
  height: 22px!important;
  width: 22px!important;
}

.form-check-label
{
  float: left;
  font-size: 19px;
}

.op1-inner-rt
{
  padding: 40px;
}

.content-hold
{
  float: left;
  width: 100%;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}


/* File Upload */


.file-drop-area {
  position: relative;
  /* display: flex; */
  align-items: center;
  padding: 25px;
  background: #CFD2D3;
  transition: .3s;
  text-align:center;
  color:#000;
  min-height: auto;
  border: 1px dashed #8e8e8e;
  float: left;
 width: 100%;
}

.file-drop-area.is-active {
  background-color: #fff;
  color: #000;
  border: 1px dashed #8e8e8e;
}

.op1-txtar
{
  width: 100%;
  font-size: 16px;
  height: 150px;
  background: #CFD2D3;
  color: #838383;
  border: 0px;
}

.fake-btn {
  float: left;
  width: 100%;
  /* flex-shrink: 0; */
  /* border-radius: 3px; */
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

/* .file-msg {
  color: #9699b3;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.file-msg {
  color: #838889;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  float: left;

}

.file-msg-first
{
  color: #FF7529;
  text-decoration: underline;
}

.item-delete {
  display: none;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.item-delete:before {
  content: "";
  position: absolute;
  left: 0;
  transition: .3s;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23bac1cb' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.item-delete:after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  background-color: #f3dbff;
  border-radius: 50%;
  transition: .3s;
}

.item-delete:hover:after {
  transform: translate(-50%, -50%) scale(2.2);
  opacity: 1;
}

.item-delete:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%234f555f' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  background: #CFD2D3;
}
.file-input:focus, .file-drop-area:focus {
  outline: none;
  background: #fff;
}

.file-input:hover, .file-drop-area:hover {
  outline: none;
  background: #fff;
}

.m-b-60
{
  margin-bottom: 60px;
}

.op1-uplded
{
  border:1px solid #00916E;
  padding: 10px;
  font-size: 14px;
  color: #000;
}

.op1-ico-trash
{
  float: right;
  width: 22px;
  /* height: 20px; */
}

.file-upld-lbl
{
  text-transform: none!important;
}
/* File Upload */


.text-ar-hld
{
  width: 100%;
}



/*  Media Query */


@media (max-width: 768px) 
  {
  

      .op1-inner-lt
        {
          display: none;

        }

      .op1-inner-rt
      {
        float: left;
        width: 100%;
        padding: 40px;
      }

      .op1-welcome-lt
      {
        display: none;
      }

      .op1-welcome-rt
      {
        padding: 40px;
      }

      h1 
      {
        font-size: 3rem;
      }
  
  }  

/*  Media Query */


.subscrp-prog-hd-hld
{
  background: #EEF0F0;
  float: left;
}

.subscrp-hd-pic
{
  float: left;
  width: 64px;
  height: 64px;
}

.subscrp-hd-name
{
  float: left;
  padding: 21px 10px;
  color: #6F8192;
  font-size: 14px;
}

.subscrp-prog-lft
{
  float: left;
}

.subscrp-prog-rt
{
  float: right;
    padding: 21px 10px;
    font-size: 16px;
}

.subscrp-laft-txt
{
  color: #999!important;
}

.subscrp-mrg
{
  margin-top: 40%!important;
  margin-bottom: 4%!important;
}

.subscrp-frm-gen-txt
{
 font-size: 14px;
}

.subscrp-inp-arrng
{
  width: 46%;
}

.form-container1 input, .form-select {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    color: #424040;
    float: left;
}

.dfm-button-white
{
  background: #fff!important;
  color:  var(--primary-theme-color)!important;
}

.dfm-button-white:hover{
  background: var(--primary-theme-color)!important;
  color:  #fff!important ;
}

.ttl-subscrp-amnt-hld
{
  background: #ccc;
  padding: 2%;
  border: 1px solid #8e8e8e;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-family: Coda;
}

.text-right
{
  text-align: right;
}

.text-left
{
  text-align: left;
}

.collapse-tab-txt1
{
  font-size: 18px;
  font-weight: bold;
  color: #999999;
}

.collapse-tab-txt2
{
  font-size: 18px;
  font-weight: bold;
  color: #000000CC;
}

.Subscriptionsection {
  display: none;
}

.Subscriptionsection.active {
  display: block;
}


.alrt1 { font-size:14px; color:#8e8e8e; }
.clr { clear: both; }

.form-check-label { width:88%; }

.subscrp-inp-arrng label { font-weight: 500;
  font-size: 16px !important; }

/*------Capital Raise -------*/

.control .text
{
  border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    color: #8e8e8e;
}

.control label
{

    /* padding: 10px; */
    font-size: 14px;
    color: #8e8e8e;
}

.previous-btn, .submit-btn,.btn-primary
{
  background-color: var(--primary-theme-color);
    color: #ffffff !important;
    border: 0.1rem solid var(--primary-theme-color);
    font-family: Coda;
    font-size: 1.6rem;
    line-height: 124%;
    letter-spacing: 0.036rem;
    text-transform: uppercase;
    display: flex;
    min-width: 22rem;
    padding: 1rem 3.5rem;
    /* justify-content: flex-end; */
    align-items: center;
    gap: 1rem;
    border-radius: 0;
    position: relative;
    width: fit-content;
}

input[type="radio" i]:focus-visible {
  outline-offset: 0px!important;
}

.entity-form h2
{
  display: none;
}

/*------02/10/24 -------*/

.progress span { color:#fff;}

/* 10-Oct-2024 */
.error{
  border: 1px solid red !important;
}