.main{padding-top:50px;padding-bottom:60px;}
.main-left{float:left;width:300px;}
.main-right{margin-left:340px;}
/*----------------------------------------*/

.main-left h3{height:50px;line-height:50px;padding:0 0 0 20px;background:var(--btn-bg);font-size:20px;color:#fff;font-weight:600;text-transform:uppercase;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";float:right;font-size:20px;font-weight:normal;margin-top:0px;margin-right:15px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu {
    margin: 0 0 15px
  }
  .sidemenu ul {
    border: 1px solid #ededed;
    border-top: none
  }
  .sidemenu ul li {
    margin: 3px 0 0;
    border-bottom: 1px solid #ededed
  }
  .sidemenu ul li h5 {
    line-height: 24px;
    display: block;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    position: relative
  }
  .sidemenu ul li h5 a {
    color: #333;
    display: block;
    padding: 10px 50px 10px 20px;
    text-transform: capitalize
  }
  .sidemenu ul li h5 a:hover {
    color: var(--active-color);
    text-decoration: underline
  }
  .sidemenu ul li h5 span {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/i4.png) no-repeat center;
    width: 40px;
    height: 45px;
    display: block
  }
  .sidemenu dl {
    display: none
  }
  .sidemenu dl dd {
    line-height: 40px;
    border-bottom: 1px dashed #dcdcdc;
    /* background: #fff; */
    padding: 0 20px
  }
  .sidemenu dl dd:last-child {
    border-bottom: none
  }
  .sidemenu dl dd a {
    font-size: 16px;
    display: block;
    color: #666;
    /* padding-left: 15px; */
    text-transform: capitalize;
    background: url(../images/i10-1.png) no-repeat left center;
    /* background: #fff; */
  }
  .sidemenu dl dd.active a,.sidemenu dl dd a:hover {
    color: var(--active-color);
    background: url(../images/i10.png) no-repeat left center
  }
  .sidemenu ul li.active h5 {
    border-bottom: 1px solid #ededed
  }
  .sidemenu ul li.active h5 a {
    color: var(--active-color)
  }
  .sidemenu ul li.active span {
    background: url(../images/i4-1.png) no-repeat center
  }
  
              
              
              
              @media screen and (max-width:992px){
.main-left {
    width: 100%;
    float: initial;
}
.main-right {
    margin-left: 0;
}
}