@font-face {
    font-family: Lato-Regular;
    src: url(../../css/fonts/Lato-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lato-Black;
    src: url(../../css/fonts/Lato-Black.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lato-Bold;
    src: url(../../css/fonts/Lato-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
.authority {
    font-weight: bold;
    color: black;
    font-family: 'Lato-Regular';
    font-size: 28px;
}

.tranfer {
    font-weight: 500;
    color: black;
    font-size: 20px;
    max-width: 100rem;
    text-align: center; 
    margin: auto;
    font-family: 'Lato-Regular';
}

.offer {
    font-weight: bold;
    color: black;
    margin: 11px 0px;
    font-family: 'Lato-Regular';
}
.flair{
    /*margin-top: 6rem;*/
}
.knack{
    margin-top:11rem;
}
.imgs{
    position: relative;
/*    background: linear-gradient(90deg, #FDCF5D 0%, #FF6D01 100%, #FF6D01 100%) !important;*/
}
 .boon{
    display: block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
 }  
 @media screen and (max-width: 980px) {
  .left-side{
    margin-top:20px ;
  }
  }