#home{margin:0 0 40px 0;}


#home .sect20{margin:70px 0 0 0;}
#home .sect20 .grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:30px;align-items:center;}
#home .sect20 .grid .s{}
#home .sect20 .grid .s.s1{padding:20px;background:#fff;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.1);}
#home .sect20 .grid .s.s2{font-size:1.1rem;}


.generator{background:#fff;font-family:sans-serif;}
.generator h2{margin:0 0 20px 0;font-family:'fonttip2',Arial,sans-serif;font-size:1.1rem;}
.generator label{display:block;}
.generator input[type="number"],
.generator input[type="text"]{width:100%;padding:8px;margin-top:5px;box-sizing:border-box;border-radius:6px;border:1px solid #ccc;font-size:1rem;}
.generator .grid1{
    display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:10px;align-items:center;
    margin:10px 0 0 0;
}
.generator button.submit{
    margin-top:10px;padding:7px 30px;border:none;background-color:#0066a1;color:#fff;
    font-family:'fonttip1_semibold',Arial,sans-serif;cursor:pointer;border-radius:30px;transition:background-color 0.3s ease;
}
.generator button.submit:hover{background-color:#04a3ff;}
.output{
    padding:12px;margin-top:15px;background:#f6f2e5;border-radius:10px;
}
.output input{background-color:#fff;border:1px solid #e1d8ba;}
.output .copy{margin-top:5px;text-align:right;}
.output .copy button{
    padding:3px 20px;margin-left:5px;background-color:#0066a1;color:#fff;cursor:pointer;
    border:none;border-radius:20px;transition:background-color 0.3s ease;
}
#copy-status{display:none;font-size:0.9rem;color:rgb(6, 168, 6);}


@media only screen and (max-width:720px){
    #home .sect20{margin:25px 0 0 0;}
    #home .sect20 .grid{grid-template-columns:1fr;gap:20px;}
    #home .sect20 .grid .s.s2{}
}




#home .sect40{margin:70px 0 0 0;}
#home .sect40 .content hr{border:1px solid #ddd;}
#home .sect40 .content b,
#home .sect40 .content strong{font-weight:normal;font-family:'fonttip1_semibold';}
#home .sect40 .content img{max-width:100%;height:auto!important;
    border-radius:15px;
    box-shadow: 0 0 5px 0px #aaa;
}
#home .sect40 .content p{padding:8px 0;}
#home .sect40 .content p:nth-of-type(1){padding-top:0;}
#home .sect40 .content table{border:none;max-width:100%!important;overflow:auto;}
#home .sect40 .content table tr{}
#home .sect40 .content table tr td{padding:4px 6px;border:1px solid #ddd;}
#home .sect40 .content h1{margin:0 0 8px 0;font-size:2.1rem;font-family:'fonttip2';}
#home .sect40 .content h2{margin:0 0 8px 0;font-size:1.9rem;font-family:'fonttip2';}
#home .sect40 .content h3{margin:0 0 8px 0;font-size:1.7rem;font-family:'fonttip2';}
#home .sect40 .content h4{margin:0 0 8px 0;font-size:1.5rem;font-family:'fonttip2';}
#home .sect40 .content h5{margin:0 0 8px 0;font-size:1.3rem;font-family:'fonttip2';}
#home .sect40 .content h6{margin:0 0 8px 0;font-size:1.1rem;font-family:'fonttip2';}
#home .sect40 .content h1 strong,
#home .sect40 .content h1 b,
#home .sect40 .content h2 strong,
#home .sect40 .content h2 b,
#home .sect40 .content h3 strong,
#home .sect40 .content h3 b,
#home .sect40 .content h4 strong,
#home .sect40 .content h4 b,
#home .sect40 .content h5 strong,
#home .sect40 .content h5 b,
#home .sect40 .content h6 strong,
#home .sect40 .content h6 b{
    font-weight:normal;font-family:'fonttip2';
}
#home .sect40 .content iframe{max-width: 100%;}
#home .sect40 .content:after{content:"";display:block;clear:both;}
@media only screen and (max-width: 900px){
    #home .sect40{margin:25px 0 0 0;}
}