section {
    padding: 40px 0;
}

/* ol {
   list-style: none;
   counter-reset: item;
 }
 li {
    counter-increment: item;
    margin-bottom: 5px;
    margin: 0;
    padding: 0px;
    text-indent: -1em;
    margin-left: 1em;
 }
 li:before {
    margin-right: 10px;
    content: counter(item);
    background: #0D96D0;
    border-radius: 100%;
    color: white;
    width: 1.5em;
    text-align: center;
    display: inline-block;
 }*/

.features_upload_drag h1 {
    font-weight: 600 !important;
}

.v3 .dropzone .dz-preview .dz-image img {
  max-height: 150px !important;
}

/*.v3 div#drag-drop-row button {
    background: #ffffff;
    color: #09c08b;
    border: 2px solid #09c08b;
    font-weight: 500;
}*/

.v3 .dropzone ul {
    display: inline-flex;
    padding: 0;
    list-style: none;
}

.v3 .dropzone ul li {
    padding: 0 5px;
    min-width: 129px;
}

.v3 img.dz-remove {
    /*display: none !important;*/
}
.v3 .mergeBtn,
.v3 #mergeBtn,
.v3 #mergeBtnv3convertpdf {
    font-size: 18px;
    font-weight: 400;
    display: none;
    margin: 0 auto 20px;
    clear: both;
}

.v3 .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0.5;
}

.v3 .remove {
  display: none;
}
.v3 #breadcrumbs .navbar-brand {
    height: inherit !important;
    display: block !important;
    margin-left: 0 !important;
}

#how_to_edit .vidtext-content {
/*    max-height: 375px;
    overflow: auto;*/
}

#how_to_edit ol,
#how_to_edit li {
  margin: 0;
  padding: 0;
}
#how_to_edit ol {
  counter-reset: list;
  display: table;
}
#how_to_edit li {
  list-style: none;
  counter-increment: list;
  display: table-row;
}
#how_to_edit li::before {
    content: counter(list) "";
    display: table-cell;
    text-align: left;
    padding-right: 2em;
    height: auto;
    position: absolute;
    left: 20px;
    background: #0d96d0;
    width: 30px;
    color: #fff;
    border-radius: 50px;
    padding: 1px 5px 10px 4px;
    height: 30px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.div-sticky-class{
  color: red;
  position: sticky;
  position: -webkit-sticky;
  top: 10px;
}

.secondContainer p {
    padding: 10px 0 30px;
}

.secondContainer h4 {
    font-size: 26px;
    align-self: auto;
    font-style: Regular;
    text-align: center;
    font-family: Poppins;
    font-weight: 400;
    line-height: normal;
    font-stretch: normal;
    padding: 20px 0;
}

.secondContainer i.fab,
.secondContainer i.far,
.secondContainer i.fa,
.secondContainer i.fas {
  padding: 5px 16px;
  font-size: 60px;
  color: #777777;
}
.secondContainer .container {
  padding: 30px 0;
}
.secondContainer .col-md-4 {
  display: inline-flex;
}
.secondContainer span.desctitle {
  border-left: 2px solid #777777;
  padding: 7px 20px;
  padding-right: 23px;
  font-size: 20px;
  margin-left: 6px;
  color: #777777;
}

.secondContainer .pdfblock {
    padding: 10px 15px;
    border-radius: 10px;
    margin: 20px auto;
    float: left;
    width: 100%;
}

.secondContainer .pdfblock span {
    font-size: 19px;
    align-self: auto;
    font-style: SemiBold;
    text-align: left;
    font-family: Poppins;
    font-weight: 600;
    line-height: 125%;
    font-stretch: normal;
    display: inline-block;
    float: left;
    width: 70%;
    vertical-align: middle;
    height: 70px;
    padding: 10px;
}

.secondContainer .pdfblock img {
    display: inline-block;
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: 30%;
}
.pdf1 { border: 1px solid #bde7f7; background: #F6FDFF;}
.pdf2 { border: 1px solid #e7c9f1; background: #FBF8FC;}
.pdf3 { border: 1px solid #efdccd; background: #FEF8F3;}
.pdf4 { border: 1px solid #bcf5f8; background: #ECFEFF;}
.pdf5 { border: 1px solid #ecdeb4; background: #FFFCF3;}
.pdf6 { border: 1px solid #f8caca; background: #FEF5F5;}
.pdf7 { border: 1px solid #b2d6cb; background: #F7FEFC;}
.pdf8 { border: 1px solid #f5d7d7; background: #FCFCFC;}
.pdf9 { border: 1px solid #9fd2cc; background: #EDFFFD;}
.pdf10 { border: 1px solid #d4aee1; background: #FBF8FC;}
.pdf11 { border: 1px solid #e4d6aa; background: #FFFCF3;}
.pdf12 { border: 1px solid #efcdb8; background: #FFF5EF;}
.pdf13 { border: 1px solid #dfcfc5; background: #FEF8F4;}
.pdf14 { border: 1px solid #e1d8d0; background: #FBF4ED;}
.pdf15 { border: 1px solid #eadcdc; background: #FEF5F5;}
.pdf16 { border: 1px solid #bde7f7; background: #F6FDFF;}

.secondContainer .flr2 {
    padding: 50px 10px;
}

.secondContainer button.edityourpdf {
    background: #1FBA95;
    padding: 15px;
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 18px;
    align-self: auto;
    text-align: center;
    font-family: Poppins;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    border: none;
    width: 300px;
    border-radius: 5px;
}

.secondContainer .divhr {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    margin: -28px auto 0;
}

.secondContainer .dropzone {
    min-height: auto !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

section#how_to_edit {
  padding: 40px 0;
  margin: 0 auto;
}


#how_to_edit .vidtext-content {
    width: 35%;
}

.this-parent-div-is-necessary {
    position: absolute;
    height: 60px;
}

.uploadmodals .resp-tabs-container {
/*    padding: 5px;
    background-color: white;
    clear: left;
    padding: 20px;
    border-radius: 20px;
    border: 6px solid #dbdcdc;*/
}
.uploadmodals div#upload_container {
    padding: 0;
}

.uploadmodals .dropzone {
    min-height: auto !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    width: 100%;
}

.uploadmodals .dragDrop-container {
    margin: 20px 5px 10px;
    border: 1px solid #cccccc;
    width: auto;
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 6px;
}

.uploadmodals .dragDrop-container h4 {
    margin: 10px 0;
    color: #737373;
    height: auto;
    font-size: 28px;
    align-self: auto;
    font-style: SemiBold;
    text-align: center;
    font-family: Poppins;
    font-weight: 600;
    margin: 30px 0;
}

.uploadmodals .dragDrop-container span {
    font-size: 16px;
    align-self: auto;
    text-align: center;
    font-family: Poppins;
    font-weight: 400;
    line-height: normal;
    font-stretch: normal;
    margin: 30px auto;
    color: #737373;
}

.uploadmodals p.ddbtn {
    border-radius: 5px;
    background: #0094ff;
    padding: 15px;
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 18px;
    align-self: auto;
    text-align: center;
    font-family: Poppins;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    width: 60%;
    margin: 0 auto;
}

#mergepdf_modal .ddbtn {
    border-radius: 5px;
    background: #0094ff;
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 18px;
    align-self: auto;
    text-align: center;
    font-family: Poppins;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    width: 60%;
    cursor: pointer;
    margin: 20px auto;
}
.uploadmodals .dragDrop-container p {
    font-size: 18px;
    align-self: auto;
    text-align: center;
    font-family: Poppins;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    margin: 30px auto;
    color: #fff;
    cursor: pointer;
}

.uploadmodals span.upfrom {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.v3 .uploadmodals #parentHorizontalTab {
  background: #fff !important;
  border: none !important;
  box-shadow: none !important
}
.uploadmodals .altupload div {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    vertical-align: text-top;
    cursor: pointer;
}

.uploadmodals .altupload div span {
    width: 100%;
}
.uploadmodals span.igm {
    height: 75px;
    display: block;
}

.uploadmodals .altupload div {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    vertical-align: text-top;
    cursor: pointer;
}

.faq-panel img {
    display: block;
    margin: 10px auto;
    width: 100%;
    max-width: 600px;
}

.uploadmodals .altupload {
    text-align: center;
}

.uploadmodals .mobver, #upldicn_dbox {
    display: none !important;
}

.uploadmodals .drop_btn_merge img, .uploadmodals #google-container img, .uploadmodals #dropbox-container img, .uploadmodals div#drop_img_con img {
    height: 60px;
}

@media (min-width: 992px){
  section#how_to_edit {
    height: 800px;
    width: 970px;
  }
  section#how_to_edit.esign {
      height: 1120px;
      width: 992px;
  }
  section#how_to_edit.pdfconverter {
    height: 900px;
    width: 970px;
  }
  .this-parent-div-is-necessary {
      height: 25vw;
  }
  .pdfconverter .this-parent-div-is-necessary {
    height: 45vw;
  }
  .esign .this-parent-div-is-necessary {
    height: 56vw;
  }
}

@media (min-width: 1200px){
  .vid-content {
      width: 58%;
  }
  #how_to_edit .vidtext-content {
    width: 35%;
  }
  section#how_to_edit.pdfeditor {
    height: 630px;
    width: 1170px;
  }
  section#how_to_edit.esign {
      height: 1017px;
      width: 1152px;
  }
  section#how_to_edit.pdfconverter {
      height: 800px;
      width: 1170px;
  }


  .this-parent-div-is-necessary {
      height: 5vw;
  }
  .pdfconverter .this-parent-div-is-necessary {
    height: 19vw;
  }
  .esign .this-parent-div-is-necessary {
      height: 32vw;
  }
}

@media (min-width: 1400px){
  .vid-content {
      width: 55%;
  }
  #how_to_edit .vidtext-content {
    width: 30%;
  }
  section#how_to_edit.esign{
    height: 1070px;
    width: 1070px;
  }
  .esign .this-parent-div-is-necessary {
      height: 44vw;
  }
}

@media (min-width: 1600px){
  .vid-content {
      width: 55%;
  }
  section#how_to_edit.esign{
    height: 1050px;
    width: 1195px;
  }
  .esign .this-parent-div-is-necessary {
      height: 35vw;
  }
}

@media (min-width: 1800px){
  .vid-content {
      width: 55%;
  }
  section#how_to_edit.esign{
    height: 1050px;
    width: 1195px;
  }
  .esign .this-parent-div-is-necessary {
      height: 26vw;
  }
}

@media (min-width: 1920px){
  .vid-content {
      width: 55%;
  }
  #how_to_edit .vidtext-content {
    width: 28%;
  }
  .pdfconverter .this-parent-div-is-necessary {
    height: 12vw;
  }
  .esign .this-parent-div-is-necessary {
    height: 23vw;
  }
}


section#how_to_edit h2 {
    margin: 0 0 30px;
}

#how_to_edit li {
    list-style: none;
    counter-increment: list;
    display: inline-block;
    padding: 20px 0;
    padding-left: 50px;
}

#faqsa .accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 19px;
    font-weight: bold !important;
    margin: 0;
}

#faqsa .faq-content {
    border: 1px solid black;
    border-radius: 10px;
    margin: 10px 0;
}

#faqsa .fa {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #0D96D0;
}

#faqsa .faq-content:hover {
    background-color: #EDF7F9;
}

#testi .blues {
    color: #005bab;
}

#testi h2, #footlinks h2 {
  text-align: center;
}

#testi .star-rating {
    text-align: center;
    color: #00ad78;
    font-size: 34px;
    padding: 10px 0;
}

#testi .startrate .star-rating {
  text-align: left;
    font-size: 14px !important;
    padding: 0;
}

#testi span.tname {
    color: #0D96D0;
    font-style: italic;
    font-weight: 600;
}

#testi .tdesc {
    padding: 15px;
    font-weight: 600;
    font-size: 20px;
}

#testi .slick-slide {
    padding: 15px;
}

#testi .slickcontainer {
    padding: 10px;
    border: 1px solid black;
    min-height: 155px;
}

.certifcation .badge1 {
  display: none;
}
#testi .slick-slide img {
    width: 45px;
}

#testi .slider {
  margin: 0 auto;
  /*max-width: 600px;*/
  height: 200px;
}

#testi .slick-arrow {
  &.slick-prev {
    left: 10px;
    z-index: 2;
  }

  &.slick-next {
    right: 10px;
    z-index: 2;
  }
}

.treview {
    text-align: center;
}

#testi .slide-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

#testi h4 {
    font-size: 28px;
    text-align: center;
    color: #0D96D0;
    font-weight: 700 !important;
}


#footlinks .btmlink a {
    display: block;
    font-size: 16px;
    align-self: auto;
    font-style: Regular;
    text-align: left;
    font-family: Poppins;
    font-weight: 400;
    font-stretch: normal;
    color: #0D96D0;
}
#footlinks .btmlink {
    line-height: 3;
}
#footlinks .btmlink h4{
    font-size: 22px;
    align-self: auto;
    text-align: left;
    font-family: Poppins;
    font-weight: 600 !important;
    line-height: normal;
    font-stretch: normal;
    padding: 20px 0;
    color: #0D96D0;
}


#footlinks .col-md-4.feture,
#footlinks .col-md-6 {
  text-align: center;
  padding: 50px 32px;
  transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
}
#footlinks hr.bluebr {
  margin-bottom: 50px;
}
#footlinks .col-md-4.feture:hover {
  background: #179ED9;
  color: #fff !important;
  border-radius: 5px;
  box-shadow: 0 0 18px -5px #999;
  -webkit-box-shadow: 0 0 18px -5px #999;
}
#footlinks i.fa,
#footlinks i.fas,
#footlinks i.far,
#footlinks i.fab {
  font-size: 70px;
}
#footlinks h3 {
  font-size: 20px;
  margin: 20px 60px;
  text-align: center;
  font-weight: 500;
}
#footlinks span.desctitle {
  font-size: 18px;
}
#footlinks .flr2 {
  clear: both;
}
/* Style the accordion panel. Note: hidden by default */
#faqsa .faq-panel {
    padding: 10px 30px 20px;
    display: none;
    overflow: hidden;
}


.v3 #parentHorizontalTab {
    background: #EDF7F9 !important;
    width: 100% !important;
}

.v3 .modal {
  padding: 0 !important;
  overflow-y: hidden !important;
}

.v3 .modal-dialog {
    margin: 8% auto;
}

.v3 .secondContainer .dropzone {
  width: 100%;
}

.v3 .features_upload_drag.dragDrop-container {
	background: none !important;
	background: #EDF7F9 !important;
	border: 2px dashed #c1c1c1;
}

.v3 .btmcnt {
    width: 65%;
    margin: 0 auto;
    font-style: italic;
}

.v3 #parentHorizontalTab {
    padding: 20px;
}

.v3 .dragDrop-container h4 {
    font-weight: 600 !important;
}

.v3 .dragDrop-container p {
    padding: 1vh!important;
}

.v3 .convert_icons strong {
    font-weight: 700 !important;
}

.v3 .section-upload {
	border: none !important;
	padding: 50px 0 10px;
}


.v3 .faqs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.v3 .faqs.row {
  display:flex;
}
  .v3 .faqs.row .col {
    flex:1;
}
    .v3 .faqs.row .col:last-child {
      margin-left: 1em;
    }
/* Accordion styles */
.v3 .faqs .tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5);
}
.v3 .faqs .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
  .v3 .faqs .tab label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background: $midnight;
    font-weight: bold;
    cursor: pointer;
}
    /* Icon */
    .v3 .faqs .tab label:hover {
      background: darken($midnight, 10%);
    }
    .v3 .faqs .tab label::after {
      content: "\276F";
      width: 1em;
      height: 1em;
      text-align: center;
      transition: all .35s;
    }
  .v3 .faqs .tab .content {
    max-height: 0;
    padding: 0 1em;
    color: $midnight;
    background: white;
    transition: all .35s;
  }
  .v3 .faqs .tab .close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: $midnight;
    cursor: pointer;
}
.v3 .faqs .tab:hover {
  background: darken($midnight, 10%);
}

// :checked

  .v3 .faqs input:checked .tab-label {
    background: darken($midnight, 10%);
}
    .v3 .faqs input:checked::after {
      transform: rotate(90deg);
    }
.v3 .faqs input:checked .tab-content {
    max-height: 100vh;
    padding: 1em;
  }


@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 991px) {
  .pdfblock img {
      width: 70px !important;
  }
  section {
    padding: 40px 10px;
  }
  .this-parent-div-is-necessary {
      position: relative;
      display: block;
      height: auto;
      padding: 15px;
  }
  #how_to_edit .vidtext-content {width: 100%;}
  .brk {
      clear: both;
  }
  .convert_icons, .row.icon_awesome {
      text-align: center;
      padding: 20px 0;
  }
  .v3 .section-upload {
      padding: 0px 0 10px;
  }
  .row.icon_awesome>div {
      padding: 20px;
  }
  .vid-content {
      padding: 0 5px 30px 5px;
  }
}

@media only screen and (max-width: 768px) {
  .v3 .dropzone ul {
    display: table !important;
  }

  .collapse {visibility: unset;}
  .feture {
      width: 50%;
      float: left;
  }
  .pdfblock img {
      float: none !important;
  }
  .pdfblock span {
      float: none !important;
      text-align: center !important;
      width: 100%;
  }
  #how_to_edit .vidtext-content {
      width: 100% !important;
      display: block;
      position: relative;
  }

  .convert_icons h2 {
      margin: 20px 10px;
  }
  .container.iconics {
      padding: 0;
      margin: auto 20px;
  }
  section {
      padding: 15px;
  }
  #mainupload .pdfconvert .header_jpg, #mainupload .header_jpg {
    margin: 0px !important;
  }
  .row.icon_awesome .col-sm-6 {
      width: 45% !important;
      display: inline-flex;
      padding: 0;
  }
  .i-content .icons {
      width: 25vw;
  }
  .row.icon_awesome>div {
    padding: 10px;
  }
  .slickcontainer .col-md-2, .slickcontainer .col-md-10 {
      display: inline-block;
  }
}


@media only screen and (max-width: 500px) {
  .secondContainer .pdfblock span {
    width: 100% !important;
    padding: 7px 0 !important;
  }
  section.secondContainer h2, section.secondContainer p {
    padding: 0 15px;
  }
  #faqsa .container, #testi .container, #footlinks .container {
    padding: 0 15px !important;
  }
}


@media only screen and (max-width: 414px) {
  .navbar-toggle {
      z-index: 9;
  }
  .secondContainer .pdfblock span {
      font-size: 14px !important;
  }
  button.edityourpdf {
      width: 100% !important;
  }
  #testi .slick-next {
      right: -10px !important;
  }
  #testi .slick-prev {
      left: -10px !important;
  }
  #testi .slick-prev:before, #testi .slick-next:before {
    color: #000 !important;
  }
  #testi .slick-prev, #testi .slick-next {
      color: #000 !important;
      background: transparent;
  }
}

@media only screen and (max-width: 320px) {
  #mainupload .header_jpg {
      padding: 0;
  }
}