.makeforms_docs h1{
    color: rgb(30 41 59);
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: -0.01em;
    font-weight: 650;
}
.docs_header{position: relative;
    top: 80px;
    background: #2463eb;
    padding: 100px 0;
    color: #fff;
    font-size: 30PX;}
.docs_header p {    font-size: 15px;
        width: 30%;
        text-align: center;
        margin: 0 auto;
        font-weight: lighter;
        padding-top: 15px;
        letter-spacing: 0.5px;  }
.main_content p{ font-weight: 500; font-size: 1.10rem;}
.main_content{
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  word-wrap: break-word;
}
.makeforms_docs h2,h3,h4,h5,h6{
    color: rgb(30 41 59);
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.415;
    letter-spacing: -0.01em;
    font-weight: 650;
    word-wrap: break-word;
}
.makeforms_docs a{
    color: rgb(37 99 235);
    font-weight: 500;
}
.makeforms_docs a:hover{
 text-decoration: underline;
}
.makeforms_docs u, b { font-weight: 500;color: rgb(30 41 59);}
.makeforms_docs .main_content ul { list-style-type: disc; list-style-position: inside;}
.makeforms_docs .main_content img{border-radius: 0.25rem;
    background: #ddd;
    border: 1px solid #ddd;
    width: 90%;}
html.dark .makeforms_docs h1, html.dark .makeforms_docs h2, html.dark .makeforms_docs h3, html.dark .makeforms_docs h4, html.dark .makeforms_docs h5, html.dark .makeforms_docs h6, html.dark .makeforms_docs u{ color: rgb(226 232 240);}    
.w-50{ width: 50%;}
.w-32{    
    width: 34%;
    margin-right: 2em;
    padding: 1rem;
    padding-right: 2em;
    min-height: 100px;
    border: 1px solid #E8E8EB;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05);
    border-radius: 8px;
    position: relative;
}
.w-32:hover{ border: 1px solid #2563eb;}
.w-32 h4{ font-size: 18px; text-align: center;}
.w-32 ul li {    font-size: 14px;margin-bottom: 0.5rem; text-align: center; }
.w-32 ul{ 
    overflow: hidden; 
    max-height: 90px;
    transition: max-height 1s ease-out; 
}
.w-32 ul.opened {
    /*overflow: visible; */
    max-height: 6000px;
    transition: max-height 1s ease-in; 
}
p.scribe-screenshot-container{ padding-bottom: 50px;}
.article_link{
    font-size: 14px; text-align: center; color: #141B38;
}
ul.docs_listing li a { color: rgb(71, 85, 105); }
.category_link{ width: 100%; height: 100%; position: absolute;top: 0; right: 0;}
.doc_link{position: relative;margin-bottom: 14px;border-bottom: 1px solid #E8E8EB;} 
.doc_link :after { height: 2px;background: #FE544F;}
.doc_link a{  padding: 0 0 14px 40px;display: block; color: #141B38;}
.doc_link a:hover, .doc_link:hover a{text-decoration: none;}
.doc_link svg{position: absolute;left: 3px;top: 6px;}
.main_contact{    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    border: 1px solid #E8E8EB;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05);
    border-radius: 8px;
    padding: 35px 40px 35px 35px;}
    .main_contact .left{    display: flex;justify-content: space-between;align-items: center;}
    .main_contact .left h3{  font-style: normal;font-weight: 600;font-size: 24px;line-height: 130%;margin-bottom: 0;}
    .btn_support{display: inline-block; margin-right: 0;font-size: 16px;padding: 9px 30px 9px 39px;background: rgb(37 99 235);color: #fff !important;}
@media screen  and (min-width: 240px) and  (max-width: 992px) {
.w-32{margin-bottom: 30px;}
.w-32,.docs_header p {width: 100%;}
.main_contact
{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 40px 30px 20px;
}
.main_contact .left{    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}
.btn_support{    width: 100%;}
}