:root {
    --primary: #1Db1E3;
    --primary-a: #1893bd;
    --secondary: #42474C;

    --lightgray: #F7F7F7;
    --lightblue: rgba(72, 187, 226, 0.1);

    --body: #505050;

    --white: #FFFFFF;

    --bradius: 28px;
}

body, p { font-size: 16px; line-height: 26px; }

a, i, b, strong { display: inline-block; }
img { height: auto; vertical-align: top; }
a { transition: all 0.3s ease-in-out; }
p:last-child, li:last-child { margin-bottom: 0; }

.whyp-formcont ::placeholder { color: var(--body); font-weight: 500; opacity: 1; }
.whyp-formcont :-ms-input-placeholder { color: var(--body); }
.whyp-formcont ::-ms-input-placeholder { color: var(--body); }

.text-primary { color: var(--primary); }
.bradius { border-radius: var(--bradius); }

h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 20px; }
h2, .h2 { line-height: 46px; }

.bmgrow {
    display: flex;
    flex-wrap: wrap;
}

.bttn {
    display: inline-block;
    font-weight: 500;
    padding: 11px 20px;
    color: var(--white);;
    border-radius: 30px;
    background-color: var(--primary);
}

.bttn:hover { background-color: var(--primary-a); }

.lphead-cta a { display: block; }

.lpheader {
    position: sticky;
    top: 0;
    display: block;
    padding: 10px 0;
    background-color: var(--white);
    z-index: 10;
    transition: 0.3s ease;
}

.lpheader .bmgrow { align-items: center; justify-content: space-between; gap: 30px; }
.lpheader img { max-height: 80px; transition: 0.3s ease; }

.lpheader.sticky { padding:5px 0; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); }
.lpheader.sticky img { width: 166px; max-height: 60px; }

/*Hero*/
.hero { position: relative; color: var(--white); min-height: 0 !important; }

.hero-image { display: flex; overflow: hidden; position: relative; background-color: #131214; }

.hero-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 2;
}

.hero-image::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
}

h1, .h1 { font-size: 55px; line-height: 65px; }

section.section { padding: 100px 0; }

/*Hair Restoration*/
.pp-haires .bmgrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 100px;
}

.pp-haires img { display: block; margin-left: auto; margin-right: auto; }

.pp-steps {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 36px;
    margin-bottom: 40px;
}

.pp-step {
    padding: 30px;
    border: 1px solid var(--primary);
    border-radius: var(--bradius);
}

.pp-step-num {
    display: block;
    --stepsize: 70px;
    width: var(--stepsize);
    height: var(--stepsize);
    font-size: 32px;
    line-height: var(--stepsize);
    font-weight: 500;
    text-align: center;
    color: var(--primary);
    background: var(--lightblue);
    border-radius: 20px;
    margin-bottom: 22px;
}

.pp-step h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}

.pp-whyp .bmgrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 0 15px;
    gap: 40px;
}

.pp-whyp {
    position: relative;
    background-color: var(--lightgray);
}

.whyp-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.whyp-bg img { width: 100%; height: 100%; object-fit: cover; }

.whyp-cont {
    width: 479px;
    padding: 40px;
    border: 0px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--bradius);
    backdrop-filter: blur(25px);
    background: rgba(0, 0, 0, 0.5);
}

.whyp-cont h2,
.whyp-cont h3,
.whyp-cont p {
    color: var(--white);
}

.whyp-cont h2 {
    line-height: 46px;
    width: 329px;
    max-width: 100%;
    margin-bottom: 20px;
}

.whyp-formcont { padding-left: 40px; }

.whyp-formcont h2,
.whyp-formcont h3 {
    width: 340px;
    max-width: 100%;
    margin-bottom: 40px;
}

.bmglogos h2, .bmglogos .h2 { margin-bottom: 40px; }

.logolist {
    --size: clamp(10rem, 1rem + 25vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration: 15s;
    --scroll-start: 0;
    --scroll-end: calc(-50% - var(--gap) + 1px);
    display: flex;
    gap: var(--gap);
    -webkit-mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0));
    overflow: hidden;
}

.logolist-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

.logoitem {
    display: grid;
    place-items: center;
    max-width: calc(var(--size) + 60px);
    max-height: 150px;
    height: auto;
    width: 100%;
    fill: var(--color-text);
    background: var(--color-bg-accent);
    padding: calc(var(--size) / 10);
    -webkit-user-drag: none;
}

.logolist:hover .logolist-wrap {
    animation-play-state: paused;
}

.copyrights {
    font-size: 14px;
    padding: 10px 0 10px;
    color: #505050;
    background-color: var(--lightgray);
}

.ppform .bmgrow {
    display: flex;
    gap: 0px 20px;
    padding: 0;
}

.ppform .bmgcol { width: 100%; }

.ppform .bmgcol.bmgcol-6 { width: calc(50% - 10px); flex: 1 0 calc(50% - 10px); }

.formgroup { position: relative; }

.ppform .formfield { border-color: #D9D9D9; }

.ppform .formgroup br { display: none; }

.ppform .formgroup textarea { line-height: 26px; }

.ppform .formgroup .fa { position: absolute; }

.ppform .wpcf7-not-valid-tip { font-size: 14px; line-height: 20px; margin-top: 3px; }

.ppform .wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    border: 0;
    padding: 0;
    color: red;
}

.ppform .formgroup select { padding-right: 38px; }

.ppform .formgroup .fa {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 22px;
    line-height: 22px;
    z-index: 1;
}

.formWrapper.partnershipProgramFrom .fieldrow.coloumn-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 15px;
}

.formWrapper.partnershipProgramFrom .fieldrow .form-control {
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding: 0px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  vertical-align: middle;
  background-color: #ffffff;
  color: #131214;
}
.formWrapper.partnershipProgramFrom .fieldrow textarea.form-control {
  height: 150px;
  border-radius: 6px !important;
}

.formWrapper.partnershipProgramFrom .fieldrow .catptcha-btn-group .captcha-wrapper {
  background-color: transparent;
  border: 0;
  color: #131214;
}
.formWrapper.partnershipProgramFrom .fieldrow .catptcha-btn-group .captcha-wrapper .form-control {
  padding: 9px;
  width: 40px;
}

.formWrapper.partnershipProgramFrom .fieldrow .catptcha-btn-group .captcha-wrapper>* {
  color: #131214;

}

@keyframes scroll-x {
    from { transform: translateX(var(--scroll-start)); }
    to { transform: translateX(var(--scroll-end)); }
}

@media only screen and (max-width: 1600px){
    section.section { padding: 75px 0; }
    h1, .h1 { font-size: 38px; line-height: 46px; }
    .hero-image img { width: 100%; min-height: 330px; object-fit: cover; object-position: center right; }
    .whyp-cont { width: 409px; }
}

@media only screen and (max-width: 1199px){
    section.section { padding: 70px 0; }
    .hero-image img { min-height: 300px; }
    .pp-haires .bmgrow { gap: 50px; }
    .pp-steps { display: flex; flex-wrap: wrap; margin-bottom: 0;  }
    .pp-step { width: 100%; flex: 1 0 100%; }
    .whyp-formcont { padding-left: 20px; }
    .whyp-cont { width: 449px; }
}

@media only screen and (max-width: 991px){
    h2, .h2 { font-size: 32px; line-height: 40px; margin-bottom: 20px; }
    .hero-image img { min-height: 260px; }
    .pp-haires .bmgrow { gap: 30px; }
    .whyp-cont { width: 389px; }
    .whyp-cont h2 { width: 249px; }
    .whyp-bg { width: 100%; height: calc(480px + 110px); }
    .pp-whyp .bmgrow { display: flex; gap: 80px; }
    .whyp-formcont { padding-left: 0; }
    .pp-whyp .bmgcol { width: 100%; flex: 1 0 100%; display: flex; justify-content: center; }
    .pp-whyp .ppform .bmgcol { display: block; }
    .whyp-formcont h2, .whyp-formcont h3 { margin-left: auto; margin-right: auto; text-align: center; }
    .pp-whyp .ppform .bmgrow { gap: 0 20px; }
    .ppform { width: 600px; max-width: 100%; margin: 0 auto; }

}

@media only screen and (max-width: 767px){
    /* body, p { font-size: 14px; line-height: 24px; } */
    .logolist { --duration: 15s; }
    section.section { padding: 50px 0; }
    .hero-image::after { opacity: 1; visibility: visible; }
    .pp-haires .bmgrow { grid-template-columns: 1fr; }
    .whyp-bg { height: calc(480px + 120px); }
    .pp-step-num { --stepsize: 60px; font-size: 24px; }
    .lpheader img { width: 200px; height: auto; }
    .logoitem { max-height: 130px;}
    .ppform { width: 100%; }
    .whyp-cont { backdrop-filter: blur(4px); }
        
    .formWrapper.partnershipProgramFrom .fieldrow.coloumn-2 {
      display: block;
    }
}

@media only screen and (max-width: 575px){
    :root { --bradius: 16px; }
    h2, .h2 { font-size: 30px; line-height: 38px; }
    .lpheader img { width: 180px; max-height: unset; height: auto; }
    .hero-image img { min-height: 250px; margin-right: -50px; }
    h1, .h1 { font-size: 32px; line-height: 40px; }
    .whyp-cont { width: 329px; padding: 20px; }
    .pp-step { padding: 20px; }
    .pp-whyp .bmgrow { padding: 0; }
    .whyp-formcont h2, .whyp-formcont h3 { width: 100%; }
    .ppform .bmgcol.bmgcol-6 { width: 100%; flex: 1 0 100%; }
    .whyp-bg { height: calc(480px + 100px); }
}

@media only screen and (max-width: 370px){
    .bttn { font-size: 14px; padding: 8px 15px; }
    .lpheader .bmgrow { gap: 10px; }
    .lpheader img { width: 166px; }
    .hero-wrap h1 span { display: inline; }
    .whyp-cont { width: 280px; }
    .whyp-bg { height: calc(480px + 180px); }
}