*
{
box-sizing: border-box;
font-family: "Nunito Sans";
}

*:focus
{
outline: none !important;
}

body
{
margin: 0;
color: #333;
overflow-x: hidden;
}

summary
{
list-style: none !important;
}

summary::-webkit-details-marker
{
display: none !important;
}

.alert-primary
{
color: #c94313;
background-color: #fad5c8;
border-color: #df6439;
border-radius: 8px;
padding: 30px;
padding-bottom: 15px;
font-size: 24px;
text-align: center;
}

@keyframes throb 
{
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}

.throbbing
{
animation: throb 1s infinite ease-in-out;
}

@keyframes fadePulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}

.fading {
    animation: fadePulse 1.5s infinite ease-in-out;
}


.btn-primary
{
background-color: #F97144 !important;
border-color: #F97144 !important;
transition: background-color 0.3s, border-color 0.3s;
}

.btn-primary:hover
{
background-color: #e85d2c !important;
border-color: #e85d2c !important;
color: #FFFFFF;
}

.btn-outline-primary
{
border-color: #ff7643 !important;
transition: background-color 0.3s, color 0.3s;
color: #ff7643;
}

.btn-outline-primary:hover
{
background-color: #ff7643 !important;
border-color: #ff7643 !important;
color: #fff;
}

nav a.active
{
color: #ff7643 !important;
font-weight: bold;
}

.form-control
{
border-radius: 32px !important;
}

#header
{
background-color: #fff;
}

#header-menu
{
gap: 32px;
}

#header-menu a
{
text-decoration: none;
color: #333;
transition: color 0.3s;
font-size: calc(10px + 0.63vw);
}

#header-menu a:hover
{
color: #ff7643;
}

.contact-us-btn
{
border-color: #ff7643;
transition: background-color 0.3s, color 0.3s;
}

.contact-us-btn:hover
{
background-color: #ff7643;

}

.contact-us-btn a
{
color: #ff7643;
text-decoration: none;
}

.contact-us-btn:hover a
{
color: #fff;
}

#mobile-menu-btn svg
{
color: #ED6B40;
}

#footer
{
background-color: #FFFBF8;
}

#footer > div
{
gap: 56px;
}

#footer .list-unstyled
{
gap: 16px;
}

#footer .list-unstyled li
{
font-size: calc(9px + 0.56vw);
}

#footer .footer-link
{
color: #d44c1a;
text-decoration: none;
transition: color 0.3s ease;
font-size: calc(9px + 0.56vw);
}

#footer .footer-link:hover
{
color: #333;
}

.footer-details summary::-webkit-details-marker
{
display: none;
}

#footer h5,
.footer-details summary
{
color: #1B1B1B;
}

#footer p
{
color: #333;
font-weight: 400;
font-size: calc(9px + 0.56vw);
}

.footer-details summary
{
list-style: none;
}

#footer .footer-details summary > svg
{
display: none;
}

#footer .fw-bold
{
color:#444;
font-weight:700;
}

/* home */

#pghome .container
{
max-width: 1400px;
}

#pghome .hero-background
{
background: linear-gradient(82.93deg, rgba(255, 255, 255, 0.4) 27.57%, rgba(255, 255, 255, 0.4) 39.33%, rgba(255, 236, 210, 0.4) 52.62%, rgba(253, 209, 185, 0.4) 65.06%, rgba(255, 255, 255, 0.4) 72.78%, rgba(255, 255, 255, 0.4) 77.07%);
}

#pghome #hero
{
height: 90vh;
min-height: 850px;
}

#pghome #hero h1
{
color: #1B1B1B;
font-size: calc(32px + 2vw);
font-weight: 700;
}

#pghome #hero p
{
color: #666666;
font-size: calc(10px + 0.63vw);
font-weight: 700;
}

#pghome .hero-buttons
{
gap: 12px;
}

#pghome #hero a
{
min-height: 48px;
}


#pghome .hero-img
{
height: 317px;
}

#pghome .hero-img picture img
{
width: 100%;
}

#pghome .hero-buttons a
{
font-size: calc(10px + 0.63vw);
font-weight: 700;
text-decoration: none;
}

#pghome .connections-wrapper img
{
object-fit: cover;
}

#pghome .btn-primary
{
background-color: #F97144 !important;
border-color: #F97144 !important;
transition: background-color 0.3s, border-color 0.3s;
}

#pghome .btn-primary:hover
{
background-color: #e85d2c !important;
border-color: #e85d2c !important;
}

#pghome .btn-outline-primary
{
border-color: #ff7643 !important;
transition: background-color 0.3s, color 0.3s;
}

#pghome .btn-outline-primary a
{
color: #ff7643;
}

#pghome .btn-outline-primary:hover
{
background-color: #ff7643 !important;
border-color: #ff7643 !important;
color: #fff !important;
}

#pghome .btn-outline-primary:hover a
{
color: #fff;
}

#pghome #products h1
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(24px + 1.5vw);;
}

#pghome #products .row
{
gap: 24px;
}

#pghome .product-card
{
background: #FFF7F7;
padding: 28px 36px;
gap: 16px;
border-radius: 32px;
max-width: 332px;
height: 100%;
max-height: 317px;
}

#pghome .product-card img
{
height: 64px;
}

#pghome .product-card h4
{
color: #333;
font-weight: 700;
font-size: calc(14px + 0.88vw);
}

#pghome .product-card p
{
color: #666;
font-weight: 500;
font-size: calc(10px + 0.63vw);;
}

#pghome #product-details > div
{
gap: 120px;
}

#pghome #product-details .row
{
gap: 74px;
}

#pghome #product-details .row img
{
width: 100%;
height: auto;
object-fit: cover;
max-width: 673px;
}

#pghome .product-details-text > div
{
max-width: 528px;
}

#pghome .product-details-text h1
{
font-weight: 700;
font-size: calc(24px + 1.5vw);;
}

#pghome .product-details-text p
{
font-weight: 500;
font-size: calc(10px + 0.63vw);;
}

#pghome .product-details-text a
{
font-weight: 700;
text-decoration: none;
transition: text-decoration 0.2s;
color: #F97144;
font-size: calc(12px + 0.75vw);
}

#pghome .product-details-text a:hover
{
text-decoration: underline;
}

#pghome #testimonials h1
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pghome #testimonials > div
{
box-sizing: border-box;
}

#pghome #testimonials .row
{
gap: 24px;
box-sizing: border-box;
}

#pghome .testimonial-card
{
background: #FFF7F7;
border-radius: 24px;
max-width: 332px;
}

#pghome .star-rating svg
{
color: #F97144;
font-size: calc(12px + 0.75vw);
margin-right: 2px;
}

#pghome .testimonial-card p
{
color: #353535;
font-weight: 400;
font-size: calc(9px + 0.5vw);
}

#pghome .questions-container
{
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 5%, rgba(254, 216, 202, 0.3) 50.27%, rgba(255, 255, 255, 0.3) 95%);
}

#pghome .questions-container h1
{
font-weight: 700;
font-size: calc(24px + 1.5vw);;
}

#pghome #faq .questions-container
{
max-width: 1120px;
}

#pghome .faq-item
{
position: relative;
width: 100%;
padding: 0 27px;
}

#pghome .faq-item::after
{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.5px;
background-color: #797979;
}

#pghome .faq-question
{
list-style: none;
display: flex;
align-items: center;
}

#pghome .faq-item summary
{
cursor: pointer;
position: relative;
padding-right: 24px;
font-weight: 700;
font-size: calc(10px + 0.63vw);;
}

#pghome .toggle-icon
{
position: absolute;
right: 0;
transition: transform 0.3s ease;
margin-left: 0.5rem;
}

#pghome details[open] .toggle-icon
{
transform: rotate(180deg);
}

#pghome .faq-button-container
{
gap: 56px;
}

#pghome .faq-button-container h2
{
font-size: calc(16px + 1vw);
}

#pghome .faq-button-container a
{
font-size: calc(10px + 0.63vw);
color: #FFFFFF;
text-decoration: none;
}

#pghome .faq-answer
{
color: #666666;
font-weight: 400;
font-size: calc(9px + 0.56vw);
}

/*products*/
#pgproducts .container
{
max-width: 1400px;
}

#pgproducts .hero-background
{
background: linear-gradient(82.93deg, rgba(255, 255, 255, 0.4) 27.57%, rgba(255, 255, 255, 0.4) 39.33%, rgba(255, 236, 210, 0.4) 52.62%, rgba(253, 209, 185, 0.4) 65.06%, rgba(255, 255, 255, 0.4) 72.78%, rgba(255, 255, 255, 0.4) 77.07%);
}

#pgproducts #hero h1
{
color: #1B1B1B;
font-size: calc(32px + 2vw);
font-weight: 700;
}

#pgproducts #hero p
{
color: #666666;
font-size: calc(10px + 0.63vw);
font-weight: 700;
}

#pgproducts .hero-buttons
{
gap: 12px;
}

#pgproducts .hero-img
{
height: 317px;
}

#pgproducts .hero-buttons a
{
font-size: calc(10px + 0.63vw);
font-weight: 700;
color: #FFFFFF;
text-decoration: none;
}

#pgproducts .connections-wrapper img
{
object-fit: cover;
}

#pgproducts .btn-primary
{
background-color: #F97144 !important;
border-color: #F97144 !important;
transition: background-color 0.3s, border-color 0.3s;
}

#pgproducts .btn-primary:hover
{
background-color: #e85d2c !important;
border-color: #e85d2c !important;
}

#pgproducts .btn-outline-primary
{
border-color: #ff7643 !important;
transition: background-color 0.3s, color 0.3s;
}

#pgproducts .btn-outline-primary a
{
color: #ff7643;
}

#pgproducts .btn-outline-primary:hover
{
background-color: #ff7643 !important;
border-color: #ff7643 !important;
color: #fff !important;
}

#pgproducts .btn-outline-primary:hover a
{
color: #fff;
}

#pgproducts #products h1
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(24px + 1.5vw);;
}

#pgproducts #products .row
{
gap: 24px;
}

#pgproducts .product-card
{
background: #FFF7F7;
padding: 28px 36px;
gap: 16px;
border-radius: 32px;
max-width: 332px;
height: 100%;
max-height: 317px;
}

#pgproducts .product-card img
{
height: 64px;
}

#pgproducts .product-card h4
{
color: #333;
font-weight: 700;
font-size: calc(14px + 0.88vw);
}

#pgproducts .product-card p
{
color: #666;
font-weight: 500;
font-size: calc(10px + 0.63vw);;
}

#pgproducts #product-details > div
{
gap: 120px;
}

#pgproducts #product-details .row
{
gap: 74px;
}

#pgproducts #product-details .row img
{
width: 100%;
height: auto;
object-fit: cover;
max-width: 673px;
}

#pgproducts .product-details-text > div
{
max-width: 528px;
}

#pgproducts .product-details-text h1
{
font-weight: 700;
font-size: calc(24px + 1.5vw);;
}

#pgproducts .product-details-text p
{
font-weight: 500;
font-size: calc(10px + 0.63vw);;
}

#pgproducts .product-details-text a
{
font-weight: 700;
text-decoration: none;
transition: text-decoration 0.2s;
color: #F97144;
font-size: calc(12px + 0.75vw);
}

#pgproducts .product-details-text a:hover
{
text-decoration: underline;
}

#pgproducts #testimonials h1
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pgproducts #testimonials > div
{
box-sizing: border-box;
}

#pgproducts #testimonials .row
{
gap: 24px;
box-sizing: border-box;
}

#pgproducts .testimonial-card
{
background: #FFF7F7;
border-radius: 24px;
max-width: 332px;
}

#pgproducts .star-rating svg
{
color: #F97144;
font-size: calc(12px + 0.75vw);
margin-right: 2px;
}

#pgproducts .testimonial-card p
{
color: #353535;
font-weight: 400;
font-size: calc(9px + 0.5vw);
}

#pgproducts .questions-container
{
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 5%, rgba(254, 216, 202, 0.3) 50.27%, rgba(255, 255, 255, 0.3) 95%);
}

#pgproducts .questions-container h1
{
font-weight: 700;
font-size: calc(24px + 1.5vw);;
}

#pgproducts #faq .questions-container
{
max-width: 1120px;
}

#pgproducts .faq-item
{
position: relative;
width: 100%;
padding: 0 27px;
}

#pgproducts .faq-item::after
{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.5px;
background-color: #797979;
}

#pgproducts .faq-question
{
list-style: none;
display: flex;
align-items: center;
}

#pgproducts .faq-item summary
{
cursor: pointer;
position: relative;
padding-right: 24px;
font-weight: 700;
font-size: calc(10px + 0.63vw);;
}

#pgproducts .toggle-icon
{
position: absolute;
right: 0;
transition: transform 0.3s ease;
margin-left: 0.5rem;
}

#pgproducts details[open] .toggle-icon
{
transform: rotate(180deg);
}

#pgproducts .faq-button-container
{
gap: 56px;
}

#pgproducts .faq-button-container h2
{
font-size: calc(16px + 1vw);
}

#pgproducts .faq-button-container a
{
font-size: calc(10px + 0.63vw);
color: #FFFFFF;
text-decoration: none;
}

#pgproducts .faq-answer
{
color: #666666;
font-weight: 400;
font-size: calc(9px + 0.56vw);
}

/* partners */

#pgpartners .container
{
max-width: 1400px;
}

#pgpartners #partner-hero .row
{
display: flex;
align-items: center;
padding: 0 130px 0 100px;
box-sizing: border-box;
max-width: 1600px;
margin: 0 auto !important;
}

#pgpartners #partner-hero h2
{
font-weight: 700;
font-size: calc(28px + 1.75vw);
color: #1B1B1B;
}

#pgpartners #partner-hero .text-accent
{
font-weight: 700;
font-size: calc(12px + 0.75vw);
color: #ED6B40;
}

#pgpartners #partner-hero p
{
font-weight: 700;
font-size: calc(12px + 0.75vw);
color: #666666;
}

#pgpartners #partner-hero a
{
font-weight: 700;
font-size: calc(10px + 0.63vw);
}

#pgpartners #partner-hero .partner-graphic img
{
width: 100%;
}

#pgpartners #partner-contact,
#pgpartners #partner-contact > div
{
padding-left: 0;
overflow: visible;
}

#pgpartners #partner-contact > div
{
gap: 48px;
}

#pgpartners #partner-contact .partner-contact-info
{
overflow: hidden;
}

#pgpartners #partner-contact .partner-contact-info > img
{
object-fit: unset;
}

#pgpartners #partner-contact .tablet-img-wrapper
{
width: 100%;
}

#pgpartners #partner-contact .tablet-img-wrapper > img
{
width: 100%;
object-fit: unset;
}

#pgpartners #partner-contact .partner-contact-form
{
z-index: 10;
width: 100%;
max-width: 1120px;
background-color: #ffffff;
}

#pgpartners #partner-contact .partner-contact-form h2
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pgpartners #partner-contact .partner-contact-form p
{
color: #666666;
font-weight: 700;
font-size: calc(12px + 0.75vw);
width: 100%;
}

#pgpartners #partner-contact .partner-contact-form form
{
width: 100%;
gap: 16px;
margin-top: 64px;
}

#pgpartners #partner-contact .partner-contact-send-btn,
#pgpartners #partner-contact .form-control
{
background-color: #FFF0E7;
border: none;
border-radius: 5px;
resize: none;
font-weight: 500;
font-size: calc(10px + 0.63vw);
}

#pgpartners #partner-contact .partner-contact-send-btn > .success-icon
{
display: none;
}

#pgpartners #partner-contact .form-control:focus
{
box-shadow: none;
}

/* contact */

#pgcontact DIV FORM DIV
{
width: 100%;
}

#pgcontact .contact-info
{
overflow: hidden;
}

#pgcontact .contact-info > img
{
object-fit: unset !important;
width: 100%;
}

#pgcontact .tablet-img-wrapper
{
width: 100%;
}

#pgcontact .tablet-img-wrapper > img
{
width: 100%;
object-fit: unset !important;
}

#pgcontact .contact-form
{
z-index: 10;
width: 100%;
max-width: 636px;
background-color: #ffffff;
padding: 0 60px 0 20px;
}

#pgcontact .contact-form h2
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pgcontact .contact-form p
{
color: #666666;
font-weight: 700;
font-size: calc(12px + 0.75vw);
width: 100%;
max-width: 379px;
}

#pgcontact .contact-form form
{
width: 100%;
gap: 16px;
margin-top: 64px;
}

#pgcontact .contact-send-btn
{
background-color: #FFF0E7;
border: none;
border-radius: 32px;
resize: none;
font-weight: 500;
font-size: calc(10px + 0.63vw);
width:max-content !important;
min-width:max-content;
}

#pgcontact .form-control
{
background-color: #FFF0E7;
border: none;
border-radius: 5px;
resize: none;
font-weight: 500;
font-size: calc(10px + 0.63vw);
}

#pgcontact .contact-send-btn > .success-icon
{
display: none;
}

#pgcontact .form-control:focus
{
box-shadow: none;
}

/* careers */

#pgcareers .container
{
max-width: 1400px;
}

#pgcareers #careers-hero
{
margin-top: 72px;
min-height: 460px;
gap: 48px;
}

#pgcareers .careers-hero-img
{
max-width: 640px;
}

#pgcareers #careers-hero .careers-hero-text
{
max-width: 712px;
}

#pgcareers #careers-hero h1
{
color: #1B1B1B;
font-size: calc(32px + 2vw);
font-weight: 700;
margin-bottom: 32px;
}

#pgcareers #careers-hero p
{
color: #666666;
font-size: calc(12px + 0.75vw);
font-weight: 700;
max-width: 588px;
}

#pgcareers #careers-hero .brand
{
color: #ED6B40;
}

#pgcareers #openings div.container > div
{
max-width: 1200px;
}

#pgcareers #openings h2
{
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pgcareers #openings summary
{
list-style: none;
cursor: pointer;
font-weight: 700;
font-size: calc(14px + 0.88vw);
padding-bottom: 22px;
box-sizing: border-box;
border-bottom: 0.5px solid #797979;
}

#pgcareers #openings summary::-webkit-details-marker
{
display: none;
}

#pgcareers .job-title .toggle-icon
{
transition: transform 0.3s ease;
}

#pgcareers details[open] .job-title .toggle-icon
{
transform: rotate(180deg);
}

#pgcareers .job-content
{
display: none;
}

#pgcareers .job-content .job-option > span,
#pgcareers .job-content li
{
font-weight: 400;
font-size: calc(9px + 0.56vw);
}

#pgcareers .job-content > p,
#pgcareers .job-content > h6,
#pgcareers .job-content > ul > li
{
font-weight: 400;
font-size: calc(9px + 0.56vw);
}

#pgcareers .job-content a
{
font-weight: 700;
font-size: calc(10px + 0.63vw);
}

#pgcareers details[open] .job-content
{
display: block;
}

#pgcareers #openings h3
{
font-weight: 700;
font-size: calc(16px + 1vw);
}

#pgcareers #application-form
{
max-width: 926px;
}

#pgcareers #application-form .form-control
{
padding: 16px 20px;
border: 1px solid #474747;
font-weight: 500;
font-size: calc(10px + 0.63vw);
height: unset;
}

#pgcareers #application-form .form-control:focus
{
box-shadow: none;
}

#pgcareers #application-form h4
{
font-weight: 700;
font-size: calc(12px + 0.75vw);
margin-bottom: 20px;
}

#pgcareers #application-form label
{
color: #ED6B40;
font-weight: 400;
font-size: calc(9px + 0.56vw);
}

#pgcareers #application-form label:hover
{
color: #FFFFFF;
}

#pgcareers #application-form .file-name
{
font-weight: 400;
font-size: calc(9px + 0.56vw);
color: #353535 !important;
}

#pgcareers #application-form > button
{
font-weight: 700;
font-size: calc(10px + 0.63vw);
}

/* about */

#pgabout .container
{
max-width: 1400px;
}

#pgabout #hero
{
background: #FFF;
}

#pgabout #hero .hero-text
{
max-width: 554px;
width: 100%;
gap: 16px;
}

#pgabout #hero .hero-text > h2
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pgabout #hero .hero-text > p
{
max-width: 401px;
font-weight: 700;
font-size: calc(10px + 0.63vw);
color: #666666;
}

#pgabout #hero .brand
{
color: #ED6B40;
}

#pgabout #hero .hero-text a
{
text-decoration: none;
font-weight: 700;
font-size: calc(10px + 0.63vw);
color: #FFFFFF;
}

#pgabout #hero .hero-img
{
height: 317px;
}

#pgabout #hero .hero-img img
{
width: 100%;
height: 100%;
object-fit: cover;
}

#pgabout #journey
{
margin-top: 122px;
}

#pgabout #journey h2
{
font-weight: 700;
font-size: calc(28px + 1.75vw);
color: #1B1B1B;
}

#pgabout #journey .subtitle
{
font-weight: 700;
font-size: calc(16px + 1vw);
color: #666666;
}

#pgabout #journey .journey-header
{
max-width: 749px;
}

#pgabout #journey .journey-content
{
height: 455px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 5%, rgba(254, 216, 202, 0.3) 50.27%, rgba(255, 255, 255, 0.3) 95%);
}

#pgabout #journey .journey-content > div
{
max-width: 394px;
}

#pgabout #journey .journey-content h3
{
font-weight: 700;
font-size: calc(28px + 1.75vw);
color: #9E120D !important;
}

#pgabout #journey .journey-content p
{
font-weight: 500;
font-size: calc(10px + 0.63vw);
color: #353535;
}

#pgabout #team .container
{
display: flex;
flex-wrap: wrap;
gap: 64px;
}

#pgabout #team .team-text
{
gap: 32px;
max-width: 529px;
}

#pgabout #team h2
{
font-weight: 700;
font-size: calc(28px + 1.75vw);
color: #1B1B1B;
}

#pgabout #team p
{
color: #353535;
font-weight: 500;
font-size: calc(10px + 0.63vw);
line-height: calc(10px + 0.8vw);
letter-spacing: 0;
vertical-align: middle;
}

#pgabout #team .team-text-btn
{
display: none;
}

#pgabout #team .team-text-btn button
{
color: #ED6B40;
}

#pgabout #team .team-image
{
min-height: 300px;
}

#pgabout #team .image-bg
{
z-index: 1;
}

#pgabout #team .team-image img
{
z-index: 2;
}

#pgabout #testimonials h1
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(28px + 1.75vw);
}

#pgabout #testimonials > div
{
box-sizing: border-box;
}

#pgabout #testimonials .row
{
gap: 24px;
box-sizing: border-box;
}

#pgabout .testimonial-card
{
background: #FFF7F7;
border-radius: 24px;
max-width: 332px;
}

#pgabout .star-rating svg
{
color: #F97144;
font-size: calc(12px + 0.75vw);
margin-right: 2px;
}

#pgabout .testimonial-card p
{
color: #353535;
font-weight: 400;
font-size: calc(9px + 0.5vw);
}

#pgabout #products h1
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(24px + 1.5vw);
}

#pgabout #products .row
{
gap: 24px;
}

#pgabout .product-card
{
background: #FFF7F7;
padding: 28px 36px;
gap: 16px;
border-radius: 32px;
max-width: 332px;
height: 100%;
max-height: 317px;
}

#pgabout .product-card img
{
height: 64px;
}

#pgabout .product-card h4
{
color: #333;
font-weight: 700;
font-size: calc(14px + 0.88vw);
}

#pgabout .product-card p
{
color: #666;
font-weight: 500;
font-size: calc(10px + 0.63vw);
}

#pgabout #suite
{
background: #F9F9F9;
}

#pgabout #suite,
#pgabout #suite > div.container
{
min-height: 520px;
}

#pgabout #suite .suite-image-container
{
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
height: 100%;
}

#pgabout #suite .suite-text
{
max-width: 779px;
gap: 36px;
margin: auto 0;
z-index: 1;
}

#pgabout #suite h2
{
font-weight: 700;
font-size: calc(28px + 1.75vw);
color: #1B1B1B;
max-width: 728px;
}

#pgabout #suite .brand
{
color: #ED6B40;
}

#pgabout #suite p
{
font-weight: 700;
font-size: calc(14px + 0.88vw);
color: #353535;
}

#pgabout #suite a
{
font-size: calc(10px + 0.63vw);
}

#pgabout #suite .suite-text-btn-mobile
{
display: none;
justify-content: center;
margin-top: 40px;
}

#pgabout #suite .suite-text-btn-mobile > a
{
font-size: 20px;
}

/* policy class */

.policy
{
margin-top: 80px;
}

.policy h2
{
font-size: calc(12px + 1.25vw);
font-weight: 600;
line-height: 43.58px;
text-align: left;
color: #1A1A1A;
margin-bottom: 36px;
}

.policy h3
{
font-size: calc(10px + 0.875vw);
font-weight: 600;
line-height: calc(12.68px + 1.25vw);
text-align: left;
color: #1A1A1A;
margin-bottom: 24px;
}

.policy p
{
font-size: calc(6px + 0.625vw);
font-weight: 400;
line-height: calc(5px + 1vw);
text-align: left;
color: #1A1A1A;
margin-bottom: 40px;
}

.policy ul li
{
font-size: calc(6px + 0.625vw);
font-weight: 400;
line-height: calc(5px + 1vw);
text-align: left;
color: #1A1A1A;
}

/* hidden form */
.hidden-form
{
visibility: hidden;
height: 0;
position: absolute;
z-index: -1111111111111111111;
}

/* GENERAL FORM ERROR HANDLER STYLING */

#success
{
margin-top:10px;
font-size:18px !important;
}

DIV.err
{
color:#C00;
font-size:15px;
text-align: left;
margin-left: 10px;
display:none;
}

INPUT[type="text"].err
{
box-sizing:border-box;
border:1px solid #C00 !important;
border-right:5px solid #C00 !important;
}

#pgpartners INPUT.err,
#pgpartners textarea.err
{
box-sizing:border-box;
border:1px solid #C00 !important;
border-right:5px solid #C00 !important;
}

INPUT.err + DIV.err,
TEXTAREA.err + DIV.err,
.application-file.err + DIV.err
{
display:block;
}

INPUT[type="file"] + DIV.err
{
position: absolute;
margin-top: 10px;
margin-left: -15px;
display:block;
}


/* ============================================================
   lp/vpn-upgrade
   ============================================================ */
#pglp-vpn-upgrade #header
{
padding-bottom: 10px !important;
}

#pglp-vpn-upgrade .container { max-width: 1400px; }

/* --- Alert banner --- */
#vpn-alert-banner-wrap { padding: 10px 48px 16px; }

#vpn-alert-banner
{
background-color: #F5DC59;
border-radius: 8px;
padding: 12px 24px;
}

#vpn-alert-banner svg
{
flex-shrink: 0;
color: #1B1B1B;
align-self: center;
}

#vpn-alert-banner strong
{
font-weight: 700;
font-size: calc(14px + 0.625vw);
line-height: 1;
letter-spacing: 0;
display: block;
margin-bottom: 6px;
}

#vpn-alert-banner .banner-sub
{
font-weight: 500;
font-size: calc(14px + 0.625vw);
line-height: 1;
letter-spacing: 0;
}

/* --- Hero section --- */

#pglp-vpn-upgrade #lp-hero .col-lg-7
{
display: flex;
flex-direction: column;
gap: 16px;
}

#pglp-vpn-upgrade #lp-hero .col-lg-7 > *
{
margin-top: 0 !important;
}

#pglp-vpn-upgrade #lp-hero h1
{
font-size: calc(24px + 1vw);
font-weight: 700;
color: #1B1B1B;
line-height: 1;
letter-spacing: 0;
}

#pglp-vpn-upgrade .lp-hero-desc
{
color: #666666;
font-weight: 500;
font-size: calc(12px + 0.5vw);
line-height: 1.1;
letter-spacing: 0;
max-width: 560px;
}

#pglp-vpn-upgrade .lp-feature-items { gap: 20px; }

#pglp-vpn-upgrade .lp-feature-item { gap: 16px; padding-left: 16px; }

.lp-feature-icon
{
width: 48px;
height: 48px;
flex-shrink: 0;
}

#pglp-vpn-upgrade .lp-feature-item h5
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(12px + 0.75vw);
line-height: 1;
letter-spacing: 0;
}

#pglp-vpn-upgrade .lp-feature-item p
{
color: #1B1B1B;
font-weight: 400;
font-size: calc(12px + 0.75vw);
line-height: 1;
letter-spacing: 0;
}

.lp-feature-highlight
{
background: #EBF4FF;
border-radius: 10px;
padding: 16px;
}

/* --- Form card --- */
#pglp-vpn-upgrade .col-lg-5
{
max-width: 490px;
}

.vpn-form-card
{
background: #fff;
border: 1px solid #E6E6E6;
border-radius: 12px;
padding: 20px;
}

#pglp-vpn-upgrade .vpn-form-card h4
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(14px + 0.69vw);
line-height: normal;
letter-spacing: 0;
}

#pglp-vpn-upgrade .vpn-form-card .lp-form-subtitle
{
color: #666;
font-weight: 400;
font-size: calc(12px + 0.5vw);
line-height: normal;
letter-spacing: 0;
}

#pglp-vpn-upgrade .vpn-form-card .form-control
{
background-color: #fff;
border: 1px solid #B2B2B2;
border-radius: 6px !important;
font-size: 18px;
font-weight: 500;
color: #333;
height: 45px;
padding: 0 24px 0 16px;
}

#pglp-vpn-upgrade .vpn-form-card .form-control:focus
{
box-shadow: 0 0 0 2px rgba(249,113,68,0.2);
border-color: #F97144;
background-color: #FFFAF7;
}

#pglp-vpn-upgrade .vpn-form-card label
{
font-size: calc(10px + 0.69vw);
font-weight: 700;
color: #474747;
line-height: normal;
letter-spacing: 0;
margin-bottom: 4px;
}

#pglp-vpn-upgrade .vpn-form-card .lp-optional
{
font-weight: 400;
color: #999;
}

#pglp-vpn-upgrade #vpn-upgrade-form { gap: 12px; }

#pglp-vpn-upgrade #lp_xtime { appearance: auto; }

#pglp-vpn-upgrade #lp_xms { resize: none; }

#lp-submit-btn
{
height: 50px;
padding: 12px 24px;
gap: 8px;
border-radius: 5px !important;
font-size: calc(9px + 0.42vw);
font-weight: 700;
letter-spacing: 0.3px;
background-color: #005BDF !important;
border-color: #005BDF !important;
}

#pglp-vpn-upgrade .lp-privacy-note
{
font-size: calc(7px + 0.35vw);
color: #999;
}

#pglp-vpn-upgrade .vpn-form-card INPUT.err,
#pglp-vpn-upgrade .vpn-form-card SELECT.err,
#pglp-vpn-upgrade .vpn-form-card TEXTAREA.err
{
border: 1px solid #C00 !important;
border-right: 5px solid #C00 !important;
}

/* --- Info section --- */
#lp-info { padding: 72px 0; }

#lp-info .lp-info-row { gap: 40px; }

#pglp-vpn-upgrade .lp-info-text { max-width: 530px; }

#pglp-vpn-upgrade .lp-info-text h2
{
color: #1B1B1B;
font-weight: 700;
font-size: calc(20px + 0.83vw);
line-height: normal;
letter-spacing: 0;
text-transform: capitalize;
margin-bottom: 32px !important;
}

#pglp-vpn-upgrade .lp-info-text p
{
color: #666;
font-weight: 500;
font-size: calc(11px + 0.63vw);
line-height: normal;
letter-spacing: 0;
margin-bottom: 32px !important;
}

#pglp-vpn-upgrade .lp-info-text .lp-keypoints
{
color: #333;
margin-bottom: 16px !important;
}

#pglp-vpn-upgrade .lp-info-text ul
{
display: flex;
flex-direction: column;
gap: 12px;
padding-left: 20px;
}

#pglp-vpn-upgrade .lp-info-text ul li
{
color: #666;
font-weight: 500;
font-size: calc(11px + 0.63vw);
line-height: normal;
letter-spacing: 0;
margin: 0;
}

#lp-info .lp-info-img-wrap
{
position: relative;
display: flex;
justify-content: flex-end;
width: 100%;
max-width: 520px;
}

#lp-info .lp-info-blob
{
position: absolute;
width: 340px;
height: 340px;
border-radius: 50%;
background: radial-gradient(circle, #FFD5B8 0%, #FFF0E7 70%);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}

#lp-info .lp-info-img
{
position: relative;
z-index: 1;
width: 100%;
max-width: 540px;
object-fit: cover;
border-radius: 12px;
}

.lp-info-dot
{
width: 12px;
height: 12px;
border-radius: 50%;
background: #F97144;
position: absolute;
}

/* --- Features section --- */
#lp-features
{
padding: 72px 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 5%, rgba(254, 216, 202, 0.3) 50.27%, rgba(255, 255, 255, 0.3) 95%);
}

#pglp-vpn-upgrade #lp-features h1
{
font-size: calc(24px + 1.5vw);
color: #1B1B1B;
}

#pglp-vpn-upgrade .product-card
{
background: #FFF7F7;
padding: 28px 36px;
gap: 16px;
border-radius: 32px;
max-width: 332px;
height: 100%;
max-height: 317px;
justify-content: flex-start !important;
}

#pglp-vpn-upgrade .product-card img { height: 64px; }

#pglp-vpn-upgrade .product-card h4
{
color: #333;
font-weight: 700;
font-size: calc(12px + 0.83vw);
margin: 0;
}

#pglp-vpn-upgrade .product-card p
{
color: #666;
font-weight: 500;
font-size: calc(10px + 0.63vw);
margin-bottom: 0;
}

#pglp-vpn-upgrade #lp-features .row { gap: 24px; }