body {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
}
ul, ul li {list-style: none;}
img {
    max-width: 100%;
  height: auto;
}
h1, h2, h3, h4, h5, h6 {margin: 0;padding-bottom: 10px;}
.btn.r-btn {font-weight: 500; min-width: 311px;color: #ffffff;font-size: 24px;line-height: 22px;font-weight: 500;transition: transform ease-in-out 0.1s;padding: 20px 20px;margin: 0;box-shadow: 0.14px 7.999px 8px 0px rgba(0, 0, 0, 0.18);border-radius: 32px;background: linear-gradient(to right, rgba(232,51,52,1) 0%,rgba(223,67,70,1) 100%);border: none;}
.btn.r-btn:hover, .btn.r-btn:focus, .btn.r-btn:active {background-color: #e73030 !important; background: none; box-shadow: none; color: #fff;}
.btn.r-btn.w-btn {background-color: #fff; border: 1px solid #a2a5ab; color: #2d2d2d; background: none; padding: 7px 15px;}
.section-title {text-align: center; padding: 0 80px 20px;}
.section-title .heading-2 {font-size: 35px; line-height: 30px;color: #3e3e3e; font-weight: 500; margin-bottom: 10px;}
.section-title p {font-size: 16px; line-height: 24px;color: #6f6f6f;}
.head-ofr-row{ background: #3d3d3d;color: #ffffff; font-size: 14px;padding: 8px 0; text-align: center; font-family: 'DM Sans', sans-serif; /*margin-top: -12px; position: relative;*/ }
.gift-icon {margin-right: 7px;}
.gift-icon img {vertical-align: top;}
.offer-close {position: absolute;top: 50%;right: 18px; margin-top: -12px; opacity: .4;}
.offer-close:hover{ opacity: .8;}

.info-modal-bg {
  background: #000;
  opacity: .5;
  z-index: 100;
}
.info-modal, .info-modal-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
}
.info-modal-inner {
  border-radius: 3px;
  margin: 30px auto;
  max-width: 680px;
  padding: 25px 25px 15px;
  background: #fff;
  position: relative;
  min-height: 394px;
}
.info-modal-inner h2 {
  font-size: 28px;
  color: #00f;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: "Open Sans",sans-serif;
  margin-left: auto;
  text-align: left;
  font-weight: 400;
}
.modal-outer {
  overflow: hidden;
}
.modal-left {
  float: left;
  width: 500px !important;
  max-width: 100%;
}
.info-modal-inner p:first-child {
  margin-top: 0;
}
.info-modal-inner p {
  color: #555;
  line-height: 26px;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 19px;
}
.info-modal-inner p, .info-modal-inner p a {
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
}
.modal-right {
  float: right;
  width: 115px;
  padding-top: 5px;
}
button.info-close, button.modal-bottom-close {
  font-size: 13px;
  padding: 0 5px;
  outline: 0;
  box-shadow: none;
  border: none;
}
.info-close {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0;
  color: #777;
  font-weight: 700;
  line-height: 18px;
  width: 18px;
  text-align: center;
  background: #fff;
  border-radius: 2px;
  font-size: 12px;
}
.info-close, .tooltip_popup {
  cursor: pointer;
}



/* Header css */
.header {width: 100%;position: absolute;top: 0;left: 0;z-index: 999;background: transparent;}
.navbar-brand {float: left;margin: 20px 0 20px;}
.header-right {float: right;padding: 20px 0 18px;}
.header-right .btn.r-btn {font-weight: 500; min-width: auto;font-size: 14px;line-height: 22px;padding: 7px 20px 7px;margin: 0;background: linear-gradient(to right, rgba(232,51,52,1) 0%,rgba(223,67,70,1) 100%);border: none;box-shadow: none;}
.header-right .btn.r-btn.w-btn {background-color: #fff; border: 1px solid #a2a5ab; color: #2d2d2d; background: none; padding: 7px 15px;}
.header-right .btn.r-btn.w-btn:hover, .header-right .btn.r-btn.w-btn:focus, .header-right .btn.r-btn.w-btn:active {box-shadow: none; background-color: #fff !important;}
.btn.r-btn img {margin-right: 5px;}
.btn.r-btn.w-btn img {margin-top: -2px;}
.btn + .btn {margin-left: 6px !important;}
.header.fixed-top{background: #ffffff;position: fixed;box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);visibility: visible;}


/* Banner css */
.banner {width: 100%;float: left;overflow: hidden;padding: 140px 0 60px;/*background: linear-gradient(to bottom, rgba(255,248,248,1) 0%,rgba(255,226,226,1) 81%);*/ background-color: #f5f6fa;}
.bnr-cont {padding-top: 30px; padding-left: 75px; padding-right: 15px;}
.banner .heading-1 {font-size: 27px;color: #111532;padding-bottom: 15px;}
.banner .heading-2 {font-size: 40px;line-height: 52px;font-weight: 700; color: #111532;padding-bottom: 25px;}
.banner .lead {font-size: 18px; font-weight: 500;}
.banner-feature-list {display: block;margin: 33px 0 40px;padding: 0;}
.banner-feature-list li {background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/list-icon.svg") no-repeat 0 6px;background-size: 17px auto;color: #000000;font-size: 17px;padding-left: 30px;margin-bottom: 14px; font-weight: 500;}
.compatible {color: #000000;font-size: 12px;margin: 13px 0 0;font-weight: 500;text-align: center;white-space: nowrap;opacity: 0.6;font-weight: 500;}
.banner .btn.r-btn {font-size: 22px; min-width: 280px;}
.text-red {color: #fb4141;}
.bnr-img {padding-top: 18px;}

/*  */
.choose-pdf-editer {width: 100%;float: left;padding: 50px 0;}
.choose-pdf-editer [class*="col-"] {margin: 30px 0;}
.feature-content-col {max-width: 205px;}
.feature-content-col .feature-icon {margin-bottom: 35px; padding-left: 12px;}
.feature-content-col .heading-3 {font-size: 18px;line-height: 20px;font-weight: 500; color: #000;}
.feature-content-col p {font-size: 15px;line-height: 20px;color: #5d5d5d;}

/*  */
.about-pdf {padding-bottom: 40px;background-color: #fff; width: 100%; float: left;}
.about-col {padding-top: 140px;}
.about-pdf .heading-2 {font-size: 35px;line-height: 45px;color: #3e3e3e;font-weight: 500;padding-right: 20px;}
.about-pdf .lead {color: #6f6f6f;font-size: 16px;line-height: 26px; padding-bottom: 8px;}

/*  */
.how-to-edit {background-color: #f5f6fa; padding: 90px 0; width: 100%; float: left;}
.how-to-edit .section-title .heading-2 {color: #000;}
.how-to-edit .section-title .lead {font-size: 24px; color: #000; margin-top: 15px;}

/*  */
.about-pdf.convart-pdf {padding: 110px 0;}
.about-pdf.convart-pdf .about-col {padding-top: 35px;}
.nav-tabs{border: none;display: block;}
.nav-tabs > li{position: relative;display: inline-block; width: 570px; float: none;margin: 0;margin-bottom: 11px;}
.nav-tabs > li .nav-link {display: inline-block; width: 100%; height: 123px; background-color: transparent !important; border: none !important; padding: 0;background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/step-bg1.webp") no-repeat -8px 0;}
.left-step-title {width: 87px;float: left;text-align: center;line-height: 16px;padding: 35px 0;}
.nav-tabs > li .nav-link.active {background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/step-bg2.webp") no-repeat -8px 0;}
.outer-sp-tab-text {text-align: left;display: inline-block;}
.left-step-title .stp-nm-text {color: #000000;font-size: 28px;}
.nav-tabs > li .nav-link.active .left-step-title .stp-nm-text, .nav-tabs > li .nav-link.active .left-step-title .sttitle, .nav-tabs > li .nav-link.active .left-step-title .step-title {color: #fff;}
.left-step-title .sttitle {color: #000000;font-size: 14px;top: -10px;}
.left-step-title .step-title {color: #000000;font-size: 16px;text-transform: uppercase;}
.how-to-edit .nav-tabs {padding-top: 40px;}
.right-step-detail {float: left;width: 73%;padding: 24px 0 0 20px;text-align: left;}
.right-step-detail h3 {color: #202434;font-size: 20px;font-weight: 500;margin: 0 0 3px;padding: 0;font-weight: 500;}
.nav-tabs > li .nav-link.active .right-step-detail h3 {color: #e34b42;}
.right-step-detail p {color: #50525b;font-size: 14px;line-height: 19px;margin: 0;padding: 0;}

/* */
.faq-section {padding: 100px 0; width: 100%; float: left;}
.faq-section .section-title p {font-size: 16px; color: #252525;}
.faq-section .accordion {box-shadow: none;overflow: hidden;border-radius: 0;}
.faq-section .accordion-header {padding: 0;}
.faq-section .accordion-item {background: transparent;border: 1px solid #e9e9e9;border-radius: 0;padding: 0;margin-bottom: 25px;box-shadow: none}
.faq-section .accordion-item:last-child {margin-bottom: 0;}
.faq-section .accordion-item.active {box-shadow: 0 4px 13px rgba(196, 196, 198, 0.32);}
.faq-section .accordion-button {border-radius: 0 !important; background-color: transparent;}
.faq-section .accordion-button:focus {box-shadow: none;}
.faq-section .accordion-button {color: #1a1b1d;font-size: 17px;line-height: 42px;text-decoration: none;padding: 0;display: block;align-items: center;border-radius: 4px 4px 0 0;overflow: hidden;background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/faq-icon.svg") no-repeat scroll 15px 13px;padding: 8px 60px 8px 70px;position: relative;background-size: 32px auto;box-shadow: none;font-weight: 500;}
.faq-section .accordion-button.collapsed .plus-minus{background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/pluse.webp") no-repeat center center;background-size: auto;background-size: 14px;}
.faq-section .accordion-button .plus-minus{background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/minus.webp") no-repeat center center;background-size: 14px;min-width: 16px;width: 16px;height: 16px;position: absolute;right: 24px;top: 21px;}
.faq-section .accordion-body{padding: 2px 15px 23px 70px;background: #fff;color: #747477;font-size: 16px;line-height: 23px;border: none !important;}
.faq-section .accordion-body p {margin-bottom: 10px;}
.faq-section ol, .faq-section ul {padding: 0 0 0 0px; margin: 0;}

/*  */
.download-section {width: 100%;float: left;background: url("https://cdn.systweak.com/content/wp/spe/theme/lp7/download-bg.webp") no-repeat center 0;background-size: cover;text-align: center;padding: 100px 0;}
.download-section .heading-2{color: #ffffff;font-size: 44px;font-weight: 300;line-height: 60px;margin: 0 0 10px;padding-bottom: 0;}
.download-section .heading-2 b {font-weight: 700;}
.download-section .btn-group {margin-top: 35px;}
.download-section .btn-group p{white-space: normal;color: #90adc6;font-size: 12px;line-height: 16px;opacity: 1;}

/*  */
.top-brand-logos{width: 100%; float: left;background: #f2f2f2;padding: 11px 0;}
ul.logo-list{padding: 0;margin: 0 auto;overflow: hidden;display: table;}
ul.logo-list li{padding: 0 54px;display: table-cell;vertical-align: middle;}
ul.logo-list li.first{padding-left: 0;}
ul.logo-list li.last{padding-right: 0;}
ul.logo-list li button {background-color: transparent; border: none; padding: 0;}

/*  */
.footer {width: 100%;float: left;background: #ffffff;border-top: solid 1px #ecedf1;padding: 24px 0 26px;}
.foo-menu{overflow: hidden;margin-bottom: -6px;padding: 0;}
.foo-left .foo-menu li{float: left;padding: 0 21px;line-height: 14px;}
.foo-left .foo-menu li:first-child{padding-left: 0;}
.foo-left .foo-menu li a{color: #5f5f5f;font-size: 16px;line-height: 30px;text-decoration: none;}
.foo-left .foo-menu li:last-child{border-right: none;}
.copyright{color: #747477;font-size: 14px;line-height: 30px;margin: 0;}
.foo-right-col{text-align: right;padding-top: 16px;}

/*  */
.return-to-top{background: rgba(0, 0, 0, .5);position: fixed;z-index: 999;bottom: 144px;right: 20px;transition: bottom 400ms;width: 50px;height: 50px;display: block;text-decoration: none;border-radius: 35px;display: none;transition: all .3s ease;transition: bottom 400ms;cursor: pointer;border: none;}

/** LP-10 Lang = DE **/  
html[lang="de"] .banner .btn.r-btn,
html[lang="de"] .btn.r-btn { font-size: 18px; }
 
html[lang="de"] .header.fixed-top .btn.r-btn,
html[lang="de"] .header .btn.r-btn {
  font-size: 16px;
}
html[lang="de"]  .btn.r-btn img {  width: 15px; height: inherit; } 
html[lang="de"] .banner .heading-2 { font-size: 40px; line-height: 52px; }
html[lang="de"] .about-pdf .heading-2,
html[lang="de"] .section-title .heading-2 { font-size: 35px; line-height: 45px; margin-bottom: 0px;}
html[lang="de"] .how-to-edit .section-title .lead { font-size: 20px; line-height: 24px;}
/* html[lang="de"] .download-section .heading-2 { font-size: 34px; line-height: 42px;} */

html[lang="de"] .right-step-detail {   padding: 7px 0 0 20px; }
html[lang="de"] .nav-tabs > li:nth-child(1) .right-step-detail {   padding: 10px 0 0 20px; }
html[lang="de"] .nav-tabs > li .nav-link {  }
html[lang="de"] .bnr-cont {padding-left: 65px;}
html[lang="de"] .banner-feature-list{margin: 32px 0 40px;}
html[lang="de"] .banner .heading-1 {font-size: 26px; padding-bottom: 20px;}
html[lang="de"] .banner .heading-2{padding-bottom: 30px;}
html[lang="de"] .feature-content-col { max-width: 215px;}
/* html[lang="de"] .feature-content-col .heading-3 { font-size: 16px;} */
html[lang="de"] .section-title { padding: 0 20px 20px;}
.download-section .btn.r-btn {  }
.download-section .btn-group p { color: #adaeaf;}
html[lang="de"] .cookie-text { width: 744px;}