html,
body {
  height: 100%;
}

body {
  display: grid;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  background: #feecec;
}


.more-btn{font-size: 12px; border-color:#28497d5c ;}
.rule-list li:before{
  content: ""; position: absolute; left: 0; background-color: #28497d5c; width: 5px; height: 10px; top: 13px;
}
.rule-list li:last-child:before{
  background-color: transparent;
}
.log-l-box {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  padding:50px;
  background-color: white;
  min-height: 600px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  position: relative;
}

.log-l-box::before {
    content: "";
    background: url(../images/right-img.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    width:600px;
    height:453px;
    z-index: 1;
    position: absolute;
    right: 60px;
    vertical-align: middle;
    top: 10%;
}

.log-l-box a{
  font-weight: 300!important;
  color: #683392;
  text-decoration: none;
  font-size: 15px;
}
.log-l-box{font-size: 15px;}
.f-k{color: #683392;}
.f-k:hover {color: #F78B00;}
.s-up{color:#F78B00!important;}
.pl-2{padding-left: 10px;}

.log-r-box {
  padding:30px 25px 23px;
  background-color: white;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.log-b-box { background: #ebfaee;
  padding:22px 25px 17px; margin-top: -5px; z-index: -1; font-size: 13px; color: #777;
}

.h-text{
  border-left: solid 5px #d0e3d4; color: #34454d; padding:10px 25px; margin-top: 60px;
}

.btn-agn{
  background:url(../images/btn-agent.png); color: #fff;
    padding: 12px 20px;
    border: none;
    background-size: cover;
    padding-left: 60px;
    margin-right: 20px;
}

.btn-customer{
  background:url(../images/btn-customer.png); color: #fff;
    padding: 12px 20px;
    border: none;
    background-size: cover;
    padding-left: 60px;
}

.rounded-top {
    border-top-left-radius: 1rem!important;
    border-top-right-radius: 1rem!important;
}

@media (max-width: 1159px) {
  .log-l-box::before{
    display: none;
  }
}