/*

This is a less library contains PayPal common styles and variables,
you may want to import it in your less files if you need to.

*/
body .svg {
  width: 50px;
  height: 50px;
  padding: 10px;
  display: block;
}
body .svg svg {
  width: 100%;
  height: 100%;
  fill: #231f20;
}
body .svg.circled {
  border: 2px solid #231f20;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
body .svg.i-gray,
.i-gray body .svg {
  border-color: #d0d0d0;
}
body .svg.i-gray svg,
.i-gray body .svg svg {
  fill: #d0d0d0;
}
body .svg.i-blue,
.i-blue body .svg {
  border-color: #009cde;
}
body .svg.i-blue svg,
.i-blue body .svg svg {
  fill: #009cde;
}
body .svg.i-black,
.i-black body .svg {
  border-color: #1c1c1c;
}
body .svg.i-black svg,
.i-black body .svg svg {
  fill: #1c1c1c;
}
body .svg.i-white,
.i-white body .svg {
  border-color: #ffffff;
}
body .svg.i-white svg,
.i-white body .svg svg {
  fill: #ffffff;
}

/* over write for svg icons */
.a1 {
  padding: 40px 0;
}
.a1 .link {
  display: inline-block;
  padding: 10px 0;
}
.a1 .link:hover,
.a1 .link:focus {
  text-decoration: none;
}
.a1 .svg {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.a1 .svg svg {
  fill: #797979;
}
.a1 .svg.circled {
  border: 1px solid #797979;
}
.a1 .text {
  position: relative;
  bottom: 14px;
  font-weight: normal;
  color: #797979;
  padding-left: 30px;
  font-size: 20px;
  font-size: 1.4287rem;
}
/* over write for svg icons END*/
/* OL tag styling */
ol {
  list-style-type: decimal;
  margin: 20px;
}
/* UL tag styling */
section .list {
  list-style-type: disc;
  margin: 10px 20px;
}
.panel,
.pullout {
  padding: 60px 0;
}
.steps-section {
  padding: 60px 0;
}
.spacer {
  padding-top: 0px;
  padding-bottom: 30px;
}
.no-space {
  padding: 0;
}
html[data-device-type=portable] header[role=banner].pp-header+#main>section:not(.hero-pop-out).pullout.p1:first-of-type, 
html[data-device-type=dedicated] header[role=banner].pp-header+#main>section:not(.hero-pop-out).pullout.p1:first-of-type{
    padding-top: 112px;
}
html[data-device-type="mobile"] .a1 .text {
  padding-left: 10px;
  font-size: 15px;
  font-size: 1.071rem;
}
html[data-device-type="mobile"] .a1 .svg {
  width: 35px;
  height: 35px;
  padding: 3px;
}
html[data-device-type="mobile"] .a1 .svg svg {
  width: 73%;
  height: 73%;
  padding: 5px;
}
html[data-device-type="mobile"] .panel,
html[data-device-type="mobile"] .pullout {
  padding: 30px 0;
}

.tp6{margin-bottom:30px}.tp3.panel,.tp4.panel{padding-top:0}.tp5.panel header{padding-bottom:0}.p2 .pulloutPara,.p4 .pulloutPara,.p3 .pulloutPara{padding:0}.tp1 header,.tp2 header,.tp3 header,.tp5 header{text-align:left;padding-bottom:30px}.panelTwo{padding-top:100px}html[data-device-type="dedicated"] .p1,html[data-device-type="portable"] .p1{margin-top:30px}html[data-device-type="dedicated"] .p1 .pulloutPara,html[data-device-type="portable"] .p1 .pulloutPara{padding-bottom:0;font-size:20px;font-size:1.4287rem}html[data-device-type="dedicated"] .tp4 .contentHead,html[data-device-type="portable"] .tp4 .contentHead,html[data-device-type="dedicated"] .tp5 .contentHead,html[data-device-type="portable"] .tp5 .contentHead,html[data-device-type="dedicated"] .tp6 .contentHead,html[data-device-type="portable"] .tp6 .contentHead{padding-bottom:30px}@media only screen and (max-width:600px){.panelTwo{padding-top:20px}}