.gen-btn{
    background: linear-gradient(to right, rgb(254, 119, 67) 0%,rgba(254, 119, 67,0.76) 100%)!important;
}

.api-details {
margin-top: 20px;
background: #fff;
border-radius: 12px;
overflow: hidden;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.api-details .card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: #447D9B;
border-bottom: 1px solid #C1C7D0;
}

.api-details .content {
padding: 20px 20px;
color: #171717;
font-size: 14px;
}
.api-details h5 {
margin: 0;
padding: 20px 20px;
color: #fff;
font-size: 17px;
}
.api-details .content h6 {

margin-bottom: 2px;
font-size: 14px;
font-weight: 700;
line-height: 2.2 !important;
}
.api-details .content p {
font-weight: 500;
line-height: 1.5 !important;
color: #171717;
}

.api-code {
background: url(../../../../assets/images/dots.png) no-repeat 30px 30px #393838;
border-radius: 12px;
color: #fff;
position: relative;
padding: 60px 30px 30px;
margin-top: 40px;
}