/* Custom CSS for Bootstrap 4.1 Tabs */
:root{--primary: #181c51; --secondary:#e62123; --blue:#37befd;--success:#177900;}
.project-tabs{background: #ffffff;padding: 0px;border-radius: 0px;display: flex;flex-direction: column;}
.project-tabs .nav-tabs {border-bottom: 0px solid #ddd;margin: 0 20px;background-color: #181c51;border-radius: 15px 15px 0 0;width: auto;align-self: flex-start;}
.project-tabs .nav-tabs .nav-item {margin-bottom: 0px;margin: 0;min-width: 220px;}
.project-tabs .nav-tabs .nav-link {border: 0px solid transparent;background: transparent;color: #ffffff;font-weight: 400;font-size: 1.375rem;border-radius: 15px 15px 0 0;margin: 0;display: block;text-align: center;width: 100%;transition: all 0.3s;padding: 14px 34px;}
.project-tabs .nav-tabs .nav-link b{font-weight: 500;color: #37befd;}
.project-tabs .nav-tabs .nav-link.active b{font-weight: 600;color: #e62528;}
.project-tabs .nav-tabs .nav-link:focus {outline: none;}
.project-tabs .nav-tabs .nav-link:hover {background: transparent;}
.project-tabs .nav-tabs .nav-link.active {color: #000000;background-color: #d4f1ff;}
.project-tabs .tab-content{padding: 30px 26px 10px;background-color: #d4f1ff;border-radius: 15px;}
.project-tabs .tab-content > .tab-pane {display: none;}
.project-tabs .tab-content > .active {display: block;}
.project-tabs .tab-content .form-control, .form-control{height: auto;padding: 12px 15px;border-radius: 8px;border-color: #71bee3;color: #000;background: #f8fdff;appearance: none;}
.project-tabs .tab-content select.form-control, select.form-control{background: #f8fdff url(../img/selet-arrow.png) right center no-repeat;appearance: none;}
.search-form{background: #fff;border-radius: 10px;padding: 22px 30px 22px;box-shadow: 4px 4px 5px rgba(0, 0, 0, .1);}
.search-form h4{font-size: 18px;color: #181c51;font-weight: 500;margin: 0;padding: 0 0 20px;}
.search-form .col-12.col-lg-3 {-ms-flex: 0 0 26.66%;flex: 0 0 26.66%;max-width: 26.66%;}
.search-form .col-12.col-lg-3.btn-wrap{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.search-form .learn-more-btn {padding: 8px 40px !important;min-width: 50%;margin: 0 auto;background: var(--primary);border: 0px;color: #fff;border-radius: 8px;display: flex;gap: 14px;font-size: 16px;font-weight: 400;line-height: 31px;align-items: center;}
.search-form .learn-more-btn svg{width: 16px;height: 16px;color: #37befd;}
.search-form .learn-more-btn:hover {background: #322153;color: #fff;}
.project-list{padding: 40px 0 0;}
.tbl-row{display: flex;background: #e6e4eb;}
.tbl-col{display: flex-column;}

.divTable.blueTable .divTableRow{background: #ffffff;padding: 26px 15px;box-shadow: 4px 4px 5px rgba(0, 0, 0, .1);border-radius: 10px;display: flex;margin-bottom: 12px;}
.divTable.blueTable .divTableBody .divTableCell {
  font-size: 14px;padding: 0px 15px;color: #4a4a4a;font-size: 14px;font-weight: 400;
}
.divTable.blueTable .divTableBody .divTableCell:first-child {height: 100%;font-size: 20px;font-weight: 600;color: var(--primary);padding: 0 0 0 5px;line-height: 1.2;}
.divTable.blueTable .divTableBody .divTableCell:nth-child(2) {min-width: 360px;}
.divTable.blueTable .divTableBody .divTableCell:nth-child(3) {min-width: 300px;align-self: center;}
.divTable.blueTable .divTableBody .divTableCell:nth-child(4) {min-width: 17%;align-self: center;}
.divTable.blueTable .divTableBody .divTableCell:nth-child(5) {justify-self: flex-end;}
.divTable.blueTable .divTableBody .divTableCell h2 {font-size: 20px;font-weight: 400;color: var(--primary);padding: 0;}
.divTable.blueTable .divTableBody .divTableCell .text-light {font-size: 14px;font-weight: 400;color: #949494 !important;padding: 0;margin: 0;}
.divTable.blueTable .divTableBody .divTableCell .status, .project-status .status{position: relative;padding-left: 24px;display: block;}
.divTable.blueTable .divTableBody .divTableCell .status::before, .project-status .status::before{position: absolute;left: 0;top: 50%;width: 12px;height: 12px;border-radius: 50%;background: #bbbbbb;margin-top: -6px;content: "";}
.divTable.blueTable .divTableBody .divTableCell .status.completed::before, .project-status .status.completed::before{background: var(--success);}
.divTable.blueTable .divTableBody .divTableCell .status.working::before, .project-status .status.working::before{background: var(--secondary);}
.divTable.blueTable .divTableBody .divTableCell .status.onprocess::before, .project-status .status.onprocess::before{background: var(--blue);}

.divTable.blueTable .divTableBody .divTableCell.btn-col {align-self: center;}

.blueTable .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
.blueTable .tableFootStyle, .page-links .tableFootStyle {
  font-size: 14px;
  display: flex;align-items: center;justify-content: space-between;padding: 20px 0;
}
.blueTable .tableFootStyle .links, .page-links .tableFootStyle .links {
      text-align: center;display: flex;justify-content: center;align-items: center;
}
.blueTable .tableFootStyle .links a, .page-links .tableFootStyle .links a{
  display: inline-block;
  background: #ffffff;
  color: #000000;
  padding: 10px 10px;font-weight: 500;
  margin: 1px;min-width: 42px;
}
.blueTable .tableFootStyle .links a:first-child, .page-links .tableFootStyle .links a:first-child,
.blueTable .tableFootStyle .links a:last-child, .page-links .tableFootStyle .links a:last-child{min-width: 84px;background: var(--blue);color: #ffffff;}
.blueTable .tableFootStyle .links a:first-child, .page-links .tableFootStyle .links a:first-child{border-radius: 8px 0 0 8px;}
.blueTable .tableFootStyle .links a:last-child, .page-links .tableFootStyle .links a:last-child{border-radius: 0 8px 8px 0;}
.page-links .tableFootStyle .links a:hover{background: #000000;color: #fff}
.page-links .tableFootStyle .links a.active, .page-links .tableFootStyle .links a.active:hover{background: #e62123;color: #fff;}
.blueTable.outerTableFooter {
  border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* HTMLtable.com 
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}*/
.link-project{padding: 0;background: var(--primary);color: #fff;border: 0;border-radius: 10px;display: block;line-height: 30px;white-space: nowrap;overflow: hidden;align-items: center;position: relative;}
.link-project span{position: relative;z-index: 1;display: flex;align-items: center;gap: 12px;padding: 8px 15px 8px 0;}
.link-project span.icon{padding: 8px 12px;background: var(--secondary);margin: -8px 0;transition: all ease-in-out 300ms;display: block;}
.link-project .icon svg{width: 16px;height: 16px;}
.link-project:hover{color: #fff;}
.link-project::before{background: var(--secondary);position: absolute;left: 0;width: 40px;height: 100%;top: 0;content: "";z-index: 0;transition: all ease-in-out 300ms;}
.link-project:hover::before{background: var(--secondary);position: absolute;left: 0;width: 100%;height: 100%;top: 0;content: "";z-index: 0;}
.link-project.btn-blue{background: #066fb8}
.link-project.btn-blue span.icon{background: #003f6a;}.link-project.btn-blue::before{background: #003f6a;}
.modal-backdrop.show {opacity: .8;}
.modal-dialog-centered.modal-dialog-scrollable{height: auto;max-height: 100%;}

.page-links{text-align: center;padding: 20px 0;}
.disabled{cursor: text !important;opacity: .3 !important;}
.modal-fullscreen-xl .modal-dialog {
  width: 100%;
  max-width: 800px;overflow: visible;
}
.modal-fullscreen-xl .modal-content {
    min-height: 100%;
    border: 0;
    border-radius: 16px;padding: 20px;overflow: visible;
}
.modal-fullscreen-xl .modal-header{border: 0;padding-bottom: 0;}
.modal-fullscreen-xl .modal-header h5{font-size: 24px;font-weight: 600;color: var(--primary);padding-bottom: 0;}
.modal-fullscreen-xl .modal-header h5 span{font-size: 18px;font-weight: 400;display: block;}
.business-details{background: #e5f5fb;color: #22035d;padding: 20px 15px;border-radius: 10px;font-size: 18px;margin-bottom: 30px;}
.business-details td{padding: 0 10px;}
.text-primary {
    color: #0065bc !important;font-weight: 500;
}
.bold{font-weight: 600 !important;}
.business-Discussion{max-height: calc(100vh - 415px);min-height: 300px;overflow-y: auto;}
.business-Discussion h5{color: var(--secondary);text-decoration: underline;font-size: 20px;font-weight: 600;margin-bottom: 15px;}
.business-Discussion ol{margin-left: 20px;}
.business-Discussion ol li{list-style: outside decimal;font-size: 18px;padding-bottom: 12px;padding-left: 15px;}
.business-Discussion ol li h4{color: #1a1a1b;font-weight: 600;margin-bottom: 4px;font-size: 18px;}
.business-Discussion ol li p{color: #4d4d4d;font-weight: 400;margin-bottom: 8px;font-size: 14px;}
.gap-2{gap: 1.1rem;}

.modal-fullscreen-xl .modal-footer{border: 0;justify-content: flex-start;}
.modal-fullscreen-xl .modal-footer .btn{text-transform: uppercase;padding: 10px 20px;}
.modal-header .close{background: var(--secondary);border-radius: 50%;line-height: 12px;color: #fff;margin: -18px -18px 0 0;opacity: 1;}

.project-details{background: #fbfbff;border-radius: 10px;padding: 38px;border: 2px solid #b1b1db;box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, .1);}

.project-titles{display: block;padding: 0 0 20px;display: flex;justify-content: space-between;}
.project-status .status{line-height: 1.1;color: #696969;}
.project-titles h2{font-size: 1.8rem;color: var(--primary);font-weight: 600;margin-bottom: 5px;letter-spacing: 1px;}
.project-titles p.text-light{font-size: 1rem;color: #949494 !important;font-weight: 400;margin-bottom: 15px;}
.project-titles h4{font-size: 1.4rem;color: #004886;font-weight: 500;text-transform: uppercase;padding-bottom: 15px;}
.project-titles h4 span{display: inline-block;min-width: 230px;}
.project-intro{margin-bottom: 25px;}
.project-intro h5{color: var(--secondary);text-transform: capitalize;font-size: 1.2rem;padding: 0 0 5px;text-decoration: underline;line-height: 1.4;font-weight: 600;}
.project-intro p{color: #282828;font-size: 1.2rem;padding: 0 0 0px;margin: 0;font-weight: 400;}
.project-detail-wrap{max-height: calc(100vh - 640px);min-height: 200px;overflow: auto;}

::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-thumb{background: var(--primary);}
::-webkit-scrollbar-thumb:hover{background: var(--secondary);}
::-webkit-scrollbar-track{background: #f5f5f5;}
::-moz-scrollbar{width: 6px;height: 6px;}
::-moz-scrollbar-thumb{background: var(--primary);}
::-moz-scrollbar-thumb:hover{background: var(--secondary);}
::-moz-scrollbar-track{background: #f5f5f5;}
::scrollbar{width: 6px;height: 6px;}
::scrollbar-thumb{background: var(--primary);}
::scrollbar-thumb:hover{background: var(--secondary);}
::scrollbar-track{background: #f5f5f5;}

.project-detail-list{padding: 15px 0;}
.project-detail-list h5{padding: 0px 0 10px;color: #000;font-weight: 600;}
.project-detail-list ol{margin: 0;margin-left: 15px;}
.project-detail-list li{list-style: outside decimal;font-size: 14px;font-weight: 400;padding-bottom: 10px;padding-left: 8px;}
.project-detail-action a{text-transform: uppercase;min-width: 200px;margin: 3px;padding: 10px 20px;}
.project-detail-action a.secondary{background: #e62123;}
.project-detail-action a.secondary:hover{background: #000000;}
.justify-content-center{justify-content:center !important;}
.modal-fullscreen-xl .container{max-width: 960px;}
.right-0{right: 0 !important;}
.top-0{top: 0 !important;}
#applyProject .modal-content {
    background: #0c75ad;
    border-radius: 15px;
    border: 0px;
}
#applyProject .modal-header {
    border: 0;
    padding: 1rem 1.8rem;
}
#applyProject .modal-title {
    color: #fff;
}
#applyProject .modal-header .close {
    background: #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: absolute;
    opacity: 1;
    right: 20px;
    top: 15px;
    padding: 0;
    display: block;color: #000000;margin: 0;
}
.model_info {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}
.model_info .form-group label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}
.model_info .form-group .form-control {
    font-size: 14px;
    display: block;
    height: auto;
    padding: 0.775rem 0.75rem;
}
.model_info .form-group .form-control,
.model_info .form-group .custom-file-input,
.model_info .form-group .custom-file-label {
    font-size: 14px;
    display: block;
    height: auto;
    padding: 0.775rem 0.75rem;
    resize: none;margin: 0;
}
.model_info .form-group .custom-file{height: auto;}.custom-file-label::after{height: 100%;display: flex;align-items: center;}
.rounded-btn {
    min-width: 200px;
}
@media (min-width: 992px) {
    .business-landing .btn, .rounded-btn {
        border-radius: 30px;
        padding: 10px 20px;
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    .business-landing .btn, .rounded-btn {
        border-radius: 30px;
        padding: 15px 20px;
        font-size: 18px;
    }
}
.text-red, .form-check-label a{color: #e62123 !important;}
.text-decoration-underline{text-decoration: underline !important;}
.model_info .form-group label.custom-control-label{font-weight: 600;}

.loginWrap{
  border: 2px solid var(--primary);
  border-radius: 10px;
  padding: 44px;
  .login{
    background: var(--blue);
    border-radius: 8px;
    padding: 30px 42px;
    .section-heading{
      font-size: 1.5rem;margin-bottom: 5px;color: #fff;font-weight:600;
      &::before{display: none;}
    }
      p{
        color: #ffffff;font-size: 16px;margin-bottom: 20px;
      }
      .form-group{margin-bottom: 2rem;}
      .forgot{color: #fff;padding: 20px 0;margin:0;
        a{color: #fff;text-decoration: underline;
        &:hover{text-decoration: none;}
        }
      }
      .login-option{
        border-top: 1px solid rgba(255, 255, 255, .6);padding: 30px 0 0;
        a{
          margin: 0 0 1rem;display: inline-block;
          &:hover{opacity: .7;}
        }
      }
  }
  .register{
    background: #fff;
    padding: 30px 42px 30px 0;
    .section-heading {
      font-size: 1.5rem;color: var(--primary);margin-bottom: 5px;font-weight:600;
      &::before{display: none;}
    }
      p{
        color: #8b8b8b;font-size: 16px;margin-bottom: 20px;
      }
  }
}