.tabs-container {   padding:0 !important; } div#tabs-section {   background:#fff;   box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important;   padding:20px 30px 50px;   width:100%;   border-radius:10px; } section#tab-1 {   padding:0px 0px 0px 20px; } #tabs-section ul.tab-head {   width:30%;   margin-top:15.5%; } section.tabs-wrapper {   margin:50px 0px 80px; } section#tab-1 {   border-bottom:none; } #tabs-section button {   background:linear-gradient(45deg, #1e55b2, #3477e8) !important;   color:#fff;   border:unset;   margin-top:15px;   cursor:pointer;   padding:5px 10px;   font-size:16px; } #tabs-section h2 {   font-size:32px;   font-weight:600;   text-transform:capitalize; } #tabs-section a.tab-link {   border:none !important;   padding:10px;   margin:0 !important;   background:#fff !important;   font-size:16px;   font-weight:500; } #tabs-section li {   border:1px solid #20a5b8 !important; } #tabs-section li:nth-child(4) {   border-bottom:1px solid #20a5b8 !important; } button#submit-form {   width:100%;   background:linear-gradient(45deg, #1e55b2, #3477e8) !important;   color:#fff;   padding:10px 30px;   border:unset;   border-radius:5px;   cursor:pointer;   display:block;   margin:20px auto 0px !important;   font-size:20px;   max-width:170px; } .single-post #content a.active {   background:#20a5b8 !important;   color:#fff !important; } .single-post #content a:not(.submenu li a):hover {   color:#fff !important;   background:#20a5b8 !important; } .tabs section {   border-bottom:none !important; } .form-group textarea#input-js {   height:201px !important;   width:100% !important;   margin:11px 0px 0px;   padding:0px 10px; } section#tab-2 {   padding:0px 0px 0px 20px !important; } .form-group textarea#output {   height:200px !important;   width:100% !important; } input#fileUpload {   font-weight:600;   margin:15px 0px;   font-size:16px;   max-width:300px;   width:100%;   height:48px;   background:#e1e1e1;   padding:10px;   border-radius:5px;   margin-top:15px;   cursor:pointer;   margin-right:10px;   border:1px dashed #000;   color:#000;   margin:20px auto;   display:block; } section.tabs-wrapper {   margin:80px 0; } #tabs-section #tab-2 button {   padding:10px 20px;   border-radius:5px;   transform:scale(0.9);   transition:0.5s !important;   text-transform:capitalize; } #tabs-section #tab-2 button:hover {   transform:scale(1);   color:#fff !imporatnt; } button#submit-form:hover {   color:#fff !important; } a, a:visited {   border:unset !important; } .outputshown textarea#output {   background:#000000 !important;   color:#fff;   border-radius:15px; } .form-group textarea#output {  height:300px !important;   width:100% !important;   margin:0; } form#form2 {   box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important;   padding:20px 20px 20px;   width:100%;   border-radius:10px; } .outputshown ::-webkit-scrollbar {   width:10px; } .outputshown ::-webkit-scrollbar-track {   box-shadow:inset 10px 10px 5px black; } .outputshown ::-webkit-scrollbar-thumb {   background:#1f57b8; } .outputshown ::-webkit-scrollbar-thumb:hover {   background:#21a5b8; } #tabs-section button#submit-form:focus {   color:#fff !important; } .outputshown ::-webkit-scrollbar-thumb:hover {   background:#21a5b8; } #tabs-section button#submit-form:focus {   color:#fff !important; } .outputshown #form2{   box-shadow:0 1rem 3rem rgba(0, 0, 0, .175) !important;   padding:15px;   border-radius:10px; } .outputshown button#copy {   padding:10px 20px;   border-radius:5px;   text-transform:capitalize;   margin-top:15px;   background:linear-gradient(45deg, #1e55b2, #3477e8) !important;   color:#fff;   border:unset;   transform:scale(0.9);   transition:0.5s !important; } .outputshown button#copy:hover {   transform:scale(1); } @media(min-width:1500px){   .single-tools div#sidebar-1.tools-right-widget-area {  top:355px !important;   } } @media(max-width:767px){   #tabs-section ul.tab-head {  width:100%;  margin-top:20px;  margin-bottom:20px;   }   section#tab-1 {  width:100% !important;   }   div#tabs-section {  display:flex;  flex-wrap:wrap;   }   #tabs-section a.tab-link {  height:35px !important;   } #tabs-section.tabs>ul li a>span.tab-label {  display:block;   } } @media(min-width:1024px) and (max-width:1200px){   div#tabs-section {  flex-wrap:wrap;   }   #tabs-section ul.tab-head {  width:100%;   }   ul.tab-head {  display:flex;  justify-content:left;   }   #tabs-section li {  border-bottom:1px solid #20a5b8 !important;   } } @media(max-width:1024px){   #tabs-section ul.tab-head {  width:100%;   }   div#tabs-section {  flex-wrap:wrap;   }   #tabs-section ul.tab-head li {  border:0 !important;  width:48% !important;  margin:0;   }   #tabs-section ul.tab-head li a {  border:1px solid #20a5b8 !important;   }   ul.tab-head {  display:flex;  flex-wrap:wrap;  gap:10px;  justify-content:space-between;   }   } #tabs-section #tab-1 button {   border:1px solid #ddd0 !important; } .single.single-tools #tabs-section #tab-2 button {   border:1px solid #ddd0 !important; } div#form2 {   margin-bottom:50px; } @media (max-width:767px) {   .mycontainer {  padding:0 !important;   }   .single-tools div#single-wrapper .pad-zero-webp ul {  padding-left:0px !important;   }   .single-tools div#single-wrapper .pad-zero-webp {  padding-left:0px !important;  padding-right:0px !important;   }   .h3-pad-zero h3,   .h3-pad-zero p {  padding-left:0px !important;   }   .h3-pad-zero ul li {  margin-left:10px !important;   }   section#tab-2 {  padding-left:0 !important;   }   div#tabs-section {  padding:20px 15px 30px;   }   section.tabs-wrapper {  margin:30px 0;   } } .tabs section {   width:100% !important; } section#tab-1, section#tab-2, section#tab-3, section#tab-4{   margin-top:20px; } .form-control{   width:100%;   height:-webkit-calc(1.5em + .75rem + 2px);   height:-moz-calc(1.5em + .75rem + 2px);   height:calc(1.5em + .75rem + 2px);   padding:.375rem .75rem;   font-size:1rem;   font-weight:400;   line-height:1.5;   color:#495057;   background-color:#fff;   background-clip:padding-box;   border:1px solid #ced4da;   border-radius:.25rem;   -webkit-transition:border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;   transition:border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;   -o-transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;   -moz-transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;   transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;   transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; } a, a:visited {   background-color:transparent;   color:#0067b8;   text-decoration:none;   border-bottom:1px dotted; } a:hover, a:active {   border-bottom:none;   outline:0; } a:focus {   border-bottom:none;   outline:thin dotted; } a img {   border:0; } .entry-content>*:not(:last-child) {   margin-bottom:1rem; } .tabs-container {   padding:2rem; } .tabs-block {   display:flex;   align-items:center;   justify-content:center; } .tabs {   display:flex; } .tabs>ul {   list-style-type:none;   margin:0;   padding:0;   width:15%; } .tabs>ul li {   display:block; } .tabs>ul li:not(:last-child) {   border-bottom:1px solid #262626; } .tabs>ul li a, .tabs>ul li a:visited {   display:flex;   border-bottom:none;   text-decoration:none;   background-color:#000;   color:#fff;   padding:1rem 1.5rem;   transition:all 0.2s ease-in-out;   word-wrap:break-word; } .tabs>ul li a:hover, .tabs>ul li a:focus, .tabs>ul li a:active {   border-bottom:none;   outline:0; } .tabs>ul li a.active {   background-color:#fff;   color:#0067b8; } .tabs>ul li a:hover:not(.active) {   color:#0067b8; } .tabs>ul li a>span {   width:100%;   display:flex;   align-items:center;   justify-content:center;   text-align:center; } .tabs>ul li a>span.tab-label {   display:none; } .tabs section {   width:85%;   background-color:#fff;   padding:1rem;   display:none;   word-wrap:break-word;   border-bottom:6px solid #0067b8; } .tabs section>* {   opacity:0;   transform:translateY(20px);   transition:opacity 0.2s, transform 0.2s; } .tabs section>*:nth-child(1) {   transition-delay:0.2s; } .tabs section>*:nth-child(2) {   transition-delay:0.3s; } .tabs section>*:nth-child(3) {   transition-delay:0.4s; } .tabs section>*:nth-child(4) {   transition-delay:0.5s; } .tabs section>*:nth-child(5) {   transition-delay:0.6s; } .tabs section>*:nth-child(6) {   transition-delay:0.7s; } .tabs section>*:nth-child(7) {   transition-delay:0.8s; } .tabs section>*:nth-child(8) {   transition-delay:0.9s; } .tabs section>*:nth-child(9) {   transition-delay:1s; } .tabs section>*:nth-child(10) {   transition-delay:1.1s; } .tabs section>*:nth-child(11) {   transition-delay:1.2s; } .tabs section>*:nth-child(12) {   transition-delay:1.3s; } .tabs section>*:nth-child(13) {   transition-delay:1.4s; } .tabs section>*:nth-child(14) {   transition-delay:1.5s; } .tabs section>*:nth-child(15) {   transition-delay:1.6s; } .tabs section>*:nth-child(16) {   transition-delay:1.7s; } .tabs section>*:nth-child(17) {   transition-delay:1.8s; } .tabs section>*:nth-child(18) {   transition-delay:1.9s; } .tabs section>*:nth-child(19) {   transition-delay:2s; } .tabs section>*:nth-child(20) {   transition-delay:2.1s; } .tabs section.active {   display:block; } .tabs section.active-content>* {   opacity:1;   transform:translateY(0); } @media (min-width:576px) {   .tabs>ul {  width:150px;   }   .tabs>ul li a {  flex-wrap:wrap;   }   .tabs>ul li a>span {  width:100%;   }   .tabs>ul li a>span.tab-label {  width:100%;  display:block;  margin-top:0.2rem;   }   .tabs section {  width:calc(100% - 150px);  padding:2rem 2rem;   } } @media (min-width:768px) {   body {  font-size:1.125rem;   }   .tabs-container {  padding:4rem 4rem;   } } @media (min-width:992px) {   .tabs {  width:800px;   } }