.modal-content {
    padding: 40px;
    background: #e7e9ec;
    border: 4px solid #ffffff;
    border-radius: 0px;
}
.modal-dialog {
    width: 50%;
}
.warpper{
  display:flex;
  flex-direction: column;
  align-items: left;
}
.margin-left {
    margin-left:-25px;
}
.tab{
  cursor: pointer;
  padding:10px 25px 10px 0px;
  margin:0px 2px;
  /*background:#000;*/
  display:inline-block;
  color:#000000;
  /*border-radius:3px 3px 0px 0px;*/
  font-weight: 700;
  text-decoration: underline;
  line-height: 2em;
}
.tab-icon {
    font-size: 1.6em;
}
.bottom {
    padding-bottom: 10px;
}
.close {
    font-weight: 100;
    font-size: 3em;
    color: #f08200;
    opacity: 100%;
    margin-top: -15px !important;
    transition: 0.3s;
}
.close:hover {
    color: #666666;
    transition: 0.3s;
}
.bold {
    font-weight: 900;
}
.text-decoration-none {
    text-decoration: none !important;
    font-weight: normal;
}
.panels{
  min-height:200px;
  width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:0px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold;
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel,
#six:checked ~ .panels #six-panel{
  display:block;
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab, 
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab,
#six:checked ~ .tabs #six-tab {
  /*background: #fc0;*/
  color:#f08200;
  padding-bottom:10px;
    text-decoration: underline;
  /*border-top: 3px solid #000;*/
}

@media (max-width: 767px) {
.modal-dialog {
    width: 90%;
}
.modal-content {
    padding: 25px;
}
}