*
{
font-family: "Poppins" !important;
}

*:focus
{
outline: none !important;
}

body
{
background-color: #FFFFFF !important;
background-size: 100%;
background-repeat: no-repeat;
min-width: 320px;
}

a,
button,
img
{
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

a, a:hover
{
text-decoration: none !important;
appearance: none;
}

section
{
padding: 0 100px !important;
}

.navbar
{
box-sizing: border-box;
padding: 16px 100px !important;
background: #121212;
box-shadow: 0px 21px 46px 0px rgba(255, 255, 255, 0.10), 0px 83px 83px 0px rgba(255, 255, 255, 0.09), 0px 188px 113px 0px rgba(255, 255, 255, 0.05), 0px 333px 133px 0px rgba(255, 255, 255, 0.01), 0px 521px 146px 0px rgba(255, 255, 255, 0.00);
}

.navbar-nav > a
{
text-transform: capitalize;
font-size: 20px;
font-weight: 600;
line-height: 27px;
letter-spacing: 0em;
color: #FAFAFA;
font-family: "Open Sans";
}

.logo-h3
{
font-family: "Open Sans";
color: #FAFAFA;
margin: 0 0 0 16px;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

#hero
{
min-height: 647px;
max-height: calc(100vh - 78px);
height: calc(100vh - 78px);
background-image: url("/assets/img/home/heroBG.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 50% -50px;
}

.hero-img{
height: 50%;
background-image: url("/assets/img/home/heroBGMobile.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 50% -50px;
}

#hero-heading
{
margin: 0;
white-space: nowrap;
font-size: calc(10px + 2.75vw);
font-weight: 600;
line-height: calc(21px + 3.75vw);
letter-spacing: 0em;
text-align: center;
color: #1A1A1A;
}

#hero-paragraph
{
margin: calc(5px + 1.01vw) 0 0;
font-size: calc(7px + 1.01vw);
font-weight: 400;
line-height: calc(19px + 1.01vw);
letter-spacing: 0em;
text-align: center;
color: #6C757D;
}

#hero-button
{
width: min-content;
white-space: nowrap;
margin: calc(10px + 1.875vw) auto 0;
background: #124EEA;
display: flex;
align-items: center;
justify-content: center;
padding: 13px 60px;
border-radius: 90px;
gap: 12px;
border: none;
font-size: calc(10px + 0.875vw);
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
color: #FAFAFA;
}

#hero-mcafee-logo,
#free-trial-mcafee-logo
{
cursor: pointer;
display: block;
}

.verified-row
{
margin: 24px auto 0;
width: min-content;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}

.verified-row hr
{
margin: 0;
border: none;
width: 1px;
height: 40px;
background: #BEBEBE;
}

#benefits-heading
{
font-size: calc(20px + 1.75vw);
font-weight: 600;
line-height: 72px;
letter-spacing: 0.02em;
text-align: center;
color: #1A1A1A;
}

#benefits-heading > span
{
color: #E80404 !important;
}

.custom-row
{
max-width: 1400px;
display: flex;
gap: 20px;
margin: 0 auto;
}

.benefit-container
{
padding: calc(10px + 1.875vw);
box-sizing: border-box;
width: 50%;
max-height: 423px;
border-radius: 24px;
background: #FAFAFA;
}

.benefit-container > h3
{
margin: calc(5px + 1.625vw) 0 0;
font-size: calc(6px + 1.875vw);
font-weight: 600;
line-height: 54px;
letter-spacing: 0em;
color: #1A1A1A;
}

.benefit-container > p
{
max-width: 477px;
margin: calc(10px + 0.625vw) 0 0;
font-size: calc(4px + 1.25vw);
font-weight: 400;
line-height: calc(10px + 1.625vw);
letter-spacing: 0em;
text-align: center;
color: #6C757D;
}

.benefit-container > a
{
margin: calc(10px + 1.875vw) 0 0;
font-size: calc(8px + 1.25vw);
font-weight: 500;
line-height: 42px;
letter-spacing: 0em;
text-align: left;
color: #1A1A1A;
border: none;
background: none;
gap: 12px;
}

#second-row
{
margin-top: 20px;
}

#first-row
{
margin-top: 80px;
}

#how-it-works
{
background-image: url(/assets/img/home/howItWorksBg.png);
background-repeat: no-repeat;
background-size: 100% calc(100% - 215px);
background-position: 0 215px;
padding-bottom: 152px !important;
}

.mechanism-row
{
margin-top: 60px;
}

.mechanism-row:first-child
{
margin-top: 0 !important;
}

#mechanism-heading
{
white-space: nowrap;
width: min-content;
margin: 120px auto 0;
font-size: calc(20px + 1.75vw);
font-weight: 600;
line-height: 72px;
letter-spacing: 0.02em;
text-align: center;
color: #1A1A1A;
}

.mechanism-img
{
width: 50%;
height: auto !important;
}

.mechanism-container
{
width: 50%;
max-width: 700px;
max-height: 400px;
}

.mechanism-container > h3
{
margin: 0;
font-size: calc(4px + 2vw);
font-weight: 700;
line-height: 54px;
letter-spacing: 0em;
}

.mechanism-container > p
{
white-space: nowrap;
margin: 20px 0 0;
max-width: 545px;
font-size: calc(4px + 1.25vw);
font-weight: 400;
line-height: calc(10px + 1vw);
letter-spacing: 0em;
text-align: center;
text-wrap:auto;
}

.mechanism-container > a
{
box-sizing: border-box;
width: 300px;
height: 52px;
margin: 20px 0 0;
border-radius: 90px;
gap: 12px;
font-family: Open Sans;
font-size: calc(4px + 1vw);
font-weight: 700;
letter-spacing: 0em;
background: #124EEA;
border: none;
color: #FAFAFA;
display: flex;
align-items: center;
justify-content: center;
}

#free-trial
{
padding: 80px 100px 112px !important;
margin: 28px 0 0;
background-color: #FAFAFA;
background-image: url(/assets/img/home/freeTrialBG.png);
background-repeat: no-repeat;
background-position: 0 100%;
}

#trial-heading
{
margin: 0;
font-size: calc(10px + 2.375vw);
font-weight: 500;
line-height: calc(10px + 3.875vw);
letter-spacing: 0em;
text-align: center;
color: #1A1A1A;
text-transform: capitalize;
}

#trial-paragraph
{
margin: 20px 0 0;
font-size: calc(10px + 0.875vw);
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
color: #1A1A1A;
}

#trial-btn
{
margin: 52px auto 0;
height: 72px;
box-sizing: border-box;
padding: 13px 60px;
gap: 12px;
border-radius: 90px;
background: #124EEA;
border: none;
font-size: calc(10px + 0.875vw);
font-weight: 700;
letter-spacing: 0em;
color: #FAFAFA;
width: min-content;
white-space: nowrap;
}

#trial-link
{
display: block;
margin: 20px auto 0;
font-size: calc(10px + 0.875vw);
font-weight: 700;
line-height: 36px;
letter-spacing: 0em;
text-align: center;
text-decoration: underline !important;
color: #124EEA;
}

#footer
{
background: #FAFAFA;
margin-top: 80px;
padding: 65px 100px 50px !important;
box-sizing: border-box;
}

.footer-logo
{
cursor: unset !important;
width: min-content;
margin: 0 auto 20px !important;
}

.footer-logo img
{
width: 38.5px;
height: 38.5px;
}

.footer-logo span
{
color: #1A1A1A;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.footer-links
{
color: #1A1A1A;
font-size: calc(8px + 0.6vw);;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.links-div
{
gap: 20px;
flex-wrap: wrap;
margin: 0 0 20px;
}

.footer-links:hover
{
text-decoration: none !important;
color: #1A1A1A;
}

.copyright
{
margin: 0 auto 40px;
display: block;
max-width: 1128px !important;
text-align: center;
color: #6C757D;
font-size: calc(4px + 0.6vw);
font-style: normal;
font-weight: 400;
line-height: normal;
}

#mnu-billing
{
position: absolute;
width: 50%;
right: 5.5em;
top: 30px;
}

#mnu-billing A,
#mnu-billing A:visited
{
font-weight: bold;
color: red;
text-decoration: underline;
position: absolute;
right: 20px;
top: 55px;
font-size: 1.1em;
}

/*wot badge styles added 2024-11-18*/
#wot-container
{
width: 100%;
margin: 24px 0 0;
}

#wot-container a img
{
display: block;
margin: 0 auto 0;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 10px 20px 0px rgba(0, 0, 0, 0.04) !important;
border-radius: 8px !important;
}