:root { --up-orange: #e87722; --up-blue: #273AAB; --up-light-blue: #6C7CE0; --up-dark-blue: #4253B4; --white: #ffff; }

/* Add Canva Sans font-face */
@font-face {
    font-family: 'Canva-Sans-Regular';
    src: url('./fonts/CanvaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Canva-Sans-Bold';
    src: url('./fonts/CanvaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Geom-Graphic-W03-Bold';
    src: url('./fonts/geom-graphic-w03-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Geom-Graphic-W03-Semibold';
    src: url('./fonts/geom-graphic-w03-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Geom-Graphic-W03-Regular';
    src: url('./fonts/geom-graphic-w03-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body { 
    font-family: 'Canva-Sans-Regular', sans-serif; 
}

body { overflow-x: hidden; }
/* body { font-family: "Poppins", sans-serif; } */
h1,h2, h3 , h4{font-family: 'Canva-Sans-Bold', sans-serif;}
.supremeseal-heading {
    font-family: 'Geom-Graphic-W03-Semibold';
    line-height: 1.2;
    font-size: 54px;
    color: var(--up-blue);
}
.supremeseal-heading span{
    font-size: 59px;
    color: var(--up-blue);
}

.bg-blue { background: var(--up-blue) !important; }
.btn {     font-family: 'Canva-Sans-Bold', sans-serif; display: flex; align-items: center; justify-content: center; }
.container {    max-width: 1140px;}
body h1{   font-size: 2.9rem;   line-height: 1.2;}
.navbar-brand { font-weight: bold; font-size: 1.5rem; }
.navbar-brand img { vertical-align: middle; width: 100%; height: 100%;     object-fit: contain;  object-position: left center;}
.navbar .navbar-nav {column-gap: 10px; }
.navbar .navbar-nav .nav-item .nav-link { font-size: 1.2em; color: var(--up-blue); }
.navbar .navbar-nav .nav-item .nav-link.active {   font-family: 'Canva-Sans-Bold', sans-serif;}
.navbar .navbar-brand { max-width: 380px; flex:1; /* height: 122px; */height: 122px; display: flex; align-items: center; }
.navbar { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; background: transparent; padding: 30px 0px; }

.clr-blue, .up-text { color: var(--up-blue); }
.clr-orange, .polymers-text { color: var(--up-orange) !important; }
.bg-orange { background: var(--up-orange); }

.hero-btn-parent {/* top: calc(100% - -51px); */display: flex;margin-top: 60px;margin-bottom: -31px;}
.home-hero .btn { outline: 0; box-shadow: none; border-radius: 12px; }
.home-hero:after { content: ''; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #ffffffe6; border-bottom-right-radius: 40%; }
.home-hero {padding-block: 3em 0em;background-size: cover;background-repeat: no-repeat;/*max-height: calc(100vh - 50px);*/border-bottom-right-radius: 40%;background-position: center;position: relative;z-index:2;display: flex;align-items: center;}


.benefits-section { border-bottom-right-radius: 12%; }
.benefits-section h2 {    font-size: 37px;margin-bottom:20px;}

.hero-content { position: relative; z-index: 2; }
.hero-subtitle { font-size: 1.2rem; color: var(--up-dark-blue); margin-bottom: 2rem; }
.hero-title { font-family: 'Canva-Sans-Bold', sans-serif; line-height: 1.3; font-size: 2.9rem; margin-bottom: 1.5rem; color: var(--up-blue); }

.btn-products { padding: 12px 30px; }
.btn-quote { padding: 18px 30px; margin-right: 1rem; }
.btn-quote, .btn-products { font-family: 'Canva-Sans-Bold', sans-serif;  background: #fff; color: var(--up-blue); }

.btn:hover { color: #fff; background: var(--up-blue); }

.products-section, .resources-section { background-image: url('./img/popular-bg.svg'); background-position: bottom; background-repeat: no-repeat; background-size: cover; color: white; padding: 6rem 0; padding-bottom: 18rem; }
.products-section:before{ content: ''; display: block; width: 400px; height: 80%; position: absolute; right: 0; background-image: url(./img/popular-bg-dot.svg); background: linear-gradient(rgb(232 119 34 / 70%), rgb(232 119 34 / 70%)), url(./img/popular-bg-dot.svg); background-position: right; background-repeat: no-repeat; background-size: contain; bottom: 0; }

.hero-sec-parent, .benefits-section-parent { position: relative; background-position: 0 35px; background-repeat: no-repeat; background-size: cover; }

.products-section {margin-top: -240px;padding: calc(200px + 8em) 0 15em;position: relative;padding-bottom: 0;background-position: top right;background-color: #e87722;}
.section-title {  font-size: 2.9rem;   line-height: 1.2;margin-bottom: 1rem; }
.section-description {  font-size: 1.6rem;  line-height: 1.6;}
.products-section .products-card-position {/* left: 50%; *//* z-index: 1; */padding-top: 36px;/* max-width: 1140px; *//* position: absolute; *//* transform: translateX(-50%); *//* width: 100%; *//* bottom: -90px; *//* margin:0; *//* position: relative; *//* margin-bottom: -82px; *//* bottom: -90px; */position: relative;z-index: 1;justify-content: center;  row-gap: 20px;}
.products-section .col-12 {    z-index: 1;}

.product-card { background: white; border-radius: 30px; padding: 2rem; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.product-title { font-size: 2rem; line-height: 1.2; font-weight: bold; color: var(--up-blue); }
.product-number { display: block; font-size: 4rem; font-weight: bold; color: var(--up-orange); }
.product-features { font-weight:500; line-height: 1.4; font-size: 39px; margin-bottom: 1rem; color: var(--up-blue); }
.product-spec { font-weight:600; font-size: 24px; font-style: italic; margin-bottom: .5rem; color: var(--up-orange);    font-family: 'Canva-Sans-Bold'; }
.product-card .btn-details { font-size: 24px;width: 100%;}
.product-card .supremeseal-logo {height: 100px;object-fit: contain;object-position: center;}
.product-card .supremeseal-seal-logo {   height: 50px;    object-fit: contain;   object-position: center;}
.btn-details { border: 0; color: #fff; margin: 0 auto; font-weight: 600; width: fit-content; padding: 12px 15px; border-radius: 20px; background: var(--up-blue); }

.why-choose-section .supremeseal-logo-white {width: 550px;max-width:100%;height: 75px;object-fit: contain;object-position: center;}
.why-choose-section .section-title {    font-size: 38px;}
.why-choose-section {position: relative;color: white;padding: 4rem 2rem 3rem 2rem;overflow: hidden;background-image: linear-gradient(rgba(66, 80, 168, 0.9), rgba(66, 80, 168, 0.9)), url('./img/backbuild.png');border-bottom-left-radius: 25%;background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 11rem;margin-top: -90px;}
.why-choose-title { font-size: 1.8rem; font-weight: bold; margin-bottom: 0.5rem; letter-spacing: 1px; }
.why-choose-brand { font-size: 3rem; font-weight: bold; margin-bottom: 1.5rem; }
.why-choose-description { font-size: 1.1rem; margin-bottom: 3rem; opacity: 0.9; }

.feature-card {display: flex;padding: 1.2rem;align-items: center;border-radius: 20px;background: var(--white);border: 1px solid rgba(255, 255, 255, 0.2);max-width: 90%;margin: 0 auto;}
.feature-icon {color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 1.5rem;flex-shrink: 0;width: 73px;height: 73px;}
.feature-icon img {width: 100%;height: 100%;object-fit: contain;}
.feature-content { flex: 1; }
.feature-title {/* font-weight: 600; */margin-bottom: 0;font-size: 27px;color: var(--up-orange);}
.feature-text { font-size: 1.23em; line-height: 1.5; margin: 0; opacity: 0.9; font-weight: 400; font-style: normal; color: var(--up-orange); }

.btn-explore { width: 100%; display: flex; color: #fff; border: none; font-size: 35px; max-width: 575px; font-weight: bold; letter-spacing: 1px; align-items: center; padding: 15px 40px; border-radius: 50px; justify-content: space-between; background: var(--up-orange); }
.btn-explore:hover { transform: translateY(-2px); }

.who-are-you-section {padding: 4rem 0 0rem 0;position: relative;}
.who-are-you-section::before { content: ""; position: absolute; top: -88px; left: -10%; width: 50%; height: 765px; background-image: url(./img/backproduct.png);  z-index: -16; opacity: 0.3; background:linear-gradient(rgb(255 255 255 / 60%), rgb(255 255 255 / 60%)), url(./img/backproduct.png);    background-size: contain; background-position: top right; background-repeat: no-repeat;}

.who-are-you-section .card-position {right: 0;padding-top: 27px;}
.who-are-you-section .container { z-index: 2; position: relative; }
.who-are-you-section .who-are-you-content {   text-align: end;}
.who-title {font-size: 44px;color: var(--up-orange);}
.who-subtitle { font-size: 1.6em; color: var(--up-blue); font-weight: 600;     font-family: 'Canva-Sans-Bold';}

.role-icon img { width: auto; }
.role-icon { color: var(--up-blue); margin-bottom: 1.5rem; }
.role-title { color: var(--up-orange); font-size: 1.5rem; margin-bottom: 1rem; }
.role-description { color: var(--up-blue); font-size: 1.2rem; line-height: 1.5; max-width:75%;margin:0 auto 20px;}
.role-card {height: calc(100% - 30px);padding: 2.5rem 1rem;text-align: center;border-radius: 60px 60px 0 0;border: solid var(--up-blue);border-width: 4px 4px 0;margin-top: 30px;}

.btn-role:hover { background: #FF6B35; color: white; }
.btn-role:is(.position-absolute) {/* left: 50%; */width: auto;bottom: -20px;/* transform: translateX(-50%); */left: 0;right: 0;margin: 0 auto;width: fit-content;}
.btn-role {background: var(--up-orange);color: white;border: none;padding: 12px 35px;border-radius: 25px;font-size:19px;font-weight: 600;}

.cta-section { padding: 7rem 0; background: var(--up-blue); }
.cta-section::before { content: ''; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.14; position: absolute; background-size: cover; background-repeat: no-repeat; background-image: url(./img/sketchback.png); }

.cta-section > div { z-index: 1; position: relative; }
.cta-title { font-size: 47px; font-style: normal; color: rgb(255, 255, 255); }

.btn-talk-rep { border: 0; color: #fff; font-weight: 600; font-size:24px; width: fit-content; position: relative; letter-spacing: 1px; padding: 15px 30px; border-radius: 50px; justify-content: space-around; background: var(--up-orange); }
.btn-talk-rep:hover { background: #FF6B35; color: white; transform: translateY(-2px); }

.footer-section { overflow: hidden; background: #fff; padding: 3rem 0 2rem; }
.footer-section:before {content: '';opacity: .1;width: 540px;right: 0px;height: 100%;bottom: 0px;position: absolute;background-size: contain;background-position: right bottom;background-repeat: no-repeat;background-image: url(./img/hero-before.png);}
.footer-section > div { z-index: 1; }

.nav.navbar { background: #fff; }
.header-logo { height: 64px; width: 252px; }
.footer-brand .navbar-brand { }

.footer-address {     font-family: 'Canva-Sans-Bold'; font-size: 23px; color: var(--up-blue); }
.footer-description { font-size: 20px; max-width: 310px; font-style: normal; color: var(--up-blue); }
.footer-heading {     font-family: 'Canva-Sans-Bold';font-weight: 600; font-size: 23px; color: var(--up-orange); text-decoration: underline; }
.footer-section .footer-brand .navbar-brand img { width: 275px;     max-width: 100%;min-height: 60px; object-fit: contain; object-position: top left; }
.footer-links li { margin-bottom: .4rem; }
.footer-links a:hover { color: var(--up-orange); }
.footer-links { list-style: none; padding: 0; margin: 0; }
footer .col-md-6:last-child .footer-links { width: fit-content; text-align: right; }
.footer-links a {     font-family: 'Canva-Sans-Bold'; font-size: 23px; font-style: normal; text-decoration: none; color: var(--up-blue); }

.made-in-usa { max-width: 90px;    margin-left: auto; }
.arrow-rotate { font-size: 28px; margin-right: 10px; transform: rotate(45deg); }
.made-text { color: var(--up-blue); font-size: 0.9rem; line-height: 1.2; }

.social-icons { display: flex; gap: 1rem; }
.social-icon { color: var(--up-blue); font-size: 1.5rem; transition: color 0.3s ease; }
.social-icon:hover { color: var(--up-orange); }

.card-position { left: 50%; z-index: 1; padding-top: 36px; max-width: 1140px; position: absolute; transform: translateX(-50%); }
.card-position.who-are-we-card-position.gap-3 { right: 0; }

.who-are-you-section .role-card:hover .btn { background: var(--up-blue); }

.products-section.product-main-sec { background: #fff; }
.border-block { border-block: 4px solid orange;padding:0; }
.product-main-sec .card { background: var(--up-orange); border-radius: 18px; }

.orange-title { color: var(--up-orange); font-size: 35px; font-weight: 600; }
.about-bg {background-image: url(../assets/img/about-img.webp);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 20px;/* height: 735px; */padding: 0;position: relative;min-height: 100%;}
.fw-600 { font-weight: 600; }

.loader-container:not([style]) ~ * { filter: blur(4px); }
.loader { border: 4px solid #d3d3d3; border-top: 4px solid var(--up-blue); border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; }
.loader-container { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: rgba(255, 255, 255, 1); z-index: 999; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/*Products*/
#content .top-hero img { max-height: 54px; }
#content .top-hero h4 { font-size: 1.72rem; }
#content .top-hero > div { z-index: 1; position: relative; }
#content .top-hero:is(.home-hero):before { width: 500px; height: 285px; }
#content .top-hero:not(.home-hero):before { width: 490px; height: 360px; }
#content .top-hero:not(.home-hero) { position: relative; padding: 2.5rem 0 1.5em; }
#content .top-hero:before { content: ''; z-index: 1; opacity: .1; top: 0px; left: 0px; position: absolute; background-size: contain; background-position: top left; background-repeat: no-repeat; background-image: url(./img/hero-before.png); }




#content .products .hero-title { font-size: 2.3rem;margin-bottom:10px; }
h6:is(.hero-description) { line-height: 1.2; margin-bottom: 0; }
.hero-description { font-size: 24px; line-height: 1.6; color: var(--up-blue); }
.hero-btn-parent .btn {   font-size: 1.4rem;}

#content .products .products-section { padding: 3rem 0; }
#content .products .btn-details { border: 0; background: #fff; color: var(--up-blue); }
#content .products .section-title { font-size: 2.3rem; color: var(--up-blue); }
#content .products .product-main-sec .product-title { color: #fff; }
#content .products .product-main-sec .product-card { background: #273AAB; color: white;  border-radius: 18px; }
#content .products .product-main-sec .product-number { font-size: 3rem; font-weight: bold; color: var(--up-orange); display: block; margin-bottom: 0.5rem; }
#content .products .product-main-sec .product-value { background: transparent; }
#content .products .product-main-sec .product-features { color: #fff; font-size:44px;}
#content .products .card-footer:is(.product-features) { font-size: 20px; line-height: 1.4; font-weight: 400; text-align: center;     max-width: 100%; margin: 10px auto;}
#content .products .btn-product-details { background: white; color: var(--up-blue); border: none; padding: 10px 20px; border-radius: 5px; font-weight: bold; margin-bottom: 1rem; width: 100%; }
#content .products .btn-product-details:hover { background: #f8f9fa; color: var(--up-blue); }
#content .products .product-main-sec .product-features:not(.product-value) { background:transparent; }

#content .products .compare-section { background: white; padding: 3rem 0; margin: 2rem 0; border-radius: 12px; }
#content .products .compare-title { font-size: 2.3rem; margin-bottom: 0; color: var(--up-blue); }
#content .products .compare-brand { font-size: 1.5rem; font-weight: bold; color: var(--up-blue); }

#content .products table th img { max-height: 26px; }
#content .products .compare-table { width: 100%; border-collapse: collapse; }
#content .products .compare-table tr:not(:last-child) , #content .products .compare-table thead tr { border-bottom: 1px solid var(--up-orange); }
#content .products table tr > td { padding: 0.8rem; text-align: center; color: var(--up-blue); font-size:19px;}
#content .products table tr:last-child > td { padding-bottom: 0; }
#content .products table tr > th:first-child { padding-left: 0; }
#content .products table tr > :first-child:not(th) { font-size: 19px; padding-left: 0; font-family: 'Canva-Sans-Bold';text-align: right; }
#content .products table th { font-size: 30px; font-weight: 600; min-width: 200px; text-align: center; padding: 0 1rem 0; color: var(--up-orange); }

#content .products table tr > th:last-child , #content .products table tr > td:last-child { text-align: right; }
#content .products table tr > th:nth-child(2) , #content .products table tr > td:nth-child(2) { text-align: left; }
#content .products table tr > td { padding: 0.8rem 2rem; } 
#content .products table tr > th   { padding: 0.3rem 2rem; }
#content .products table tr > td:nth-child(2) .download-link { margin: 0; } 
#content .products table tr > td:last-child .download-link { margin:0; margin-left:auto; }

#content .products .resources-section { background: white; padding: 3rem 0; margin: 2rem 0; border-radius: 12px; }
.resources-section:after { content:''; background-image: url(./img/resources-section-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: white; padding: 6rem 0; padding-bottom: 18rem; }
#content .products .resources-title { font-size: 2rem; font-weight: bold; color: var(--up-blue); margin-bottom: 1rem; }
#content .products .resources-brand { font-size: 1.5rem; font-weight: bold; color: var(--up-blue); margin-bottom: 2rem; }

#content .products .resources-table { width: 100%; border-collapse: collapse; }
#content .products .resources-table tr:not(:last-child) , #content .products .resources-table thead tr { border-bottom: 1px solid var(--up-blue); }
#content .products .download-link { width: 40px; height: 40px; color: #fff; display: flex; margin: 0 auto; align-items: center; border-radius: 100px; text-decoration: none; justify-content: center; background: var(--up-blue); }
.download-link:is(.clr-orange):hover { color: var(--up-orange); }
.download-link { width: 40px; height: 40px; display: flex ; align-items: center; border-radius: 100px; text-decoration: none; justify-content: center;     font-size: 22px;}
#content .products .download-link i {   font-size: 22px;}


/*Single Product*/
#content .single-product .up-text { color: var(--up-blue); }
#content .single-product .polymers-text { color: var(--up-orange); }
#content .single-product .hero-title { font-size: 2.3rem;    margin: 13px 0px; }
#content .single-product .hero-description { font-size: 1.5rem; color: var(--up-blue); line-height: 1.6; }
#content .single-product .hero-content { position: relative; z-index: 2; }
#content .single-product .product-title { font-size: 4rem; font-weight: bold; color: var(--up-blue); margin-bottom: 1rem; line-height: 1.1; }
#content .single-product .product-number { color: var(--up-orange); }
#content .single-product .product-tagline { font-size: 1.8rem; font-weight: bold; color: var(--up-orange); margin-bottom: 2rem; letter-spacing: 1px; }
#content .single-product .product-description { font-size: 1.1rem; color: var(--up-blue); line-height: 1.6; margin-bottom: 3rem; }
#content .single-product .benefit-item { font-size: 1.6em; max-width: 500px; }
#content .single-product .benefit-item:not(:last-child) { margin-bottom: 1rem; }
#content .single-product .benefit-title { font-size: 1.2rem; font-weight: bold; color: var(--up-blue); font-style: italic; margin-bottom: 0.5rem; }
#content .single-product .benefit-description { line-height: 1.3; color: var(--up-blue);font-size:23px; }
#content .single-product .performance-card { background: linear-gradient(135deg, var(--up-blue) 0%, var(--up-dark-blue) 100%); color: white; padding: 2.5rem; border-radius: 20px; text-align: center; position: relative; overflow: hidden; }
#content .single-product .performance-card::before { content: ''; position: absolute; top: -50%; right: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); z-index: 1; }
#content .single-product .performance-content {/* position: relative; *//* z-index: 2; */}
#content .single-product .performance-title  { font-size: 27px; }
#content .single-product .performance-stat { font-size: 27px; line-height: 1.5; color: var(--up-blue); }
.btn-download { background: var(--up-blue); color: white; border: none; padding: 29px 25px; border-radius: 23px; font-weight: 600; font-size: 1.4rem; right: -20px; bottom: -120px; position: absolute; }
.btn-download i { margin-left: 10px; color: #273aab; padding: 10px; background: #fff; border-radius: 100px; width: 40px; height: 40px; font-size: 20px; display: flex ; align-items: center; justify-content: center; }
/*.btn-download:hover { background: var(--up-light-blue); color: white; transform: translateY(-2px); }*/
#content .single-product .resources-section { margin-top: -160px; padding: calc(320px + 6em) 0 6em;     background-position: top}
#content .single-product .resources-title { font-size: 2.3rem; font-weight: bold; }
#content .single-product .resource-item { display: flex; border-top: 4px solid #fff; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding: 1.2rem 0; transition: background 0.3s ease; transition: .5s; }
#content .single-product .resource-item:last-child {border-bottom:none;}

#content .single-product .resource-item:hover { padding: 1.2rem; transition: .5s; background: rgba(255, 255, 255, 0.2); }
#content .single-product .resource-name { font-size: 24px; font-weight: bold; }
#content .single-product .resource-download { background: rgba(255, 255, 255, 0.9); color: var(--up-orange); border: none; padding: 8px 12px; border-radius: 50%; font-size: 1.2rem; font-weight: bold; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
#content .single-product .product-text { color: var(--up-orange); font-weight: bold; }
#content .single-product .resource-download:hover { background: white; color: var(--up-orange); }

.sec-padding { padding-block: 5em; }
.card-side-icon { width: 264px; }
.about-cards p:is(.hero-description) { margin-bottom: 0; font-size: 23px; }
.card.about-cards { border-radius: 23px; background-color: #ffffffd4; padding: 19px 20px;     max-width: calc(100% - 80px);    margin: 0 auto;}
.about-cards h6{ font-size: 28px;    margin-bottom: 8px; }
.about-cards p{ font-size: 23px; }


.about-us-sec {background-color: #E87722;position: relative;}
.about-bg .btn-download {z-index: 1;bottom: -49px;text-decoration: none;font-size: 40px;/* right: -202px; */white-space: nowrap;left: 50px;width: fit-content;}
.about-us-sec::before { content: ""; position: absolute; background-image: url('./img/about-orange-bg.png'); height: 100%; width: 100%; }
.overlay-bg.about-bg:before {content: '';background-image: linear-gradient(rgb(255 255 255 / 96%), rgb(235 240 245 / 90%)), url(./assets/img/about-img.webp);background-size: cover;background-position: bottom;display: block;width: 100%;height: 100%;left: 0;top: 0;position: absolute;border-radius: 20px;}


/*Contact*/
.contact-icon i { width: 30px; font-size: 30px; }
.border-right { border-right: 3px solid #E87722; }
.contact-card { border-radius: 45px; background: #ffffffd9; }
.contact-bg { background-image: linear-gradient(rgb(255 255 255 / 96%), rgb(235 240 245 / 90%)), url(../assets/img/contact-bg.webp);    background-repeat: no-repeat;  background-size: cover;  background-position: top; }
.about-us-sec::before {content: "";position: absolute;background-image: url(./img/about-orange-bg.png);width: 100%;height: 100%;top: 0;left: 0;background-size: auto;background-position: top;}
#content .contact-input { padding: 0; outline: 0; resize: none; box-shadow: none; border-width: 0; border-radius: 0; background: transparent; border-bottom: 1px solid #d1d1d1; }
.a
/*Professional*/
.width-1024 { max-width: 1024px; }
.p-items-sec { overflow: hidden; }
.border-top-orange { border-top: 2px solid orange; }
.professional .p-items-sec > div { z-index: 1; position: relative; }
.professional .p-item img { top: 0; left: 0; position: absolute; transform: scale(1.2); }
.professional .p-item { border: 0; min-height: 310px; overflow: hidden; border-radius: 100px; }
.professional .p-item > div { z-index: 1; display: flex; align-items: center; flex-direction: column; justify-content: center; background: #e87722de; }
.professional .p-item > * { width: 100%; height: 100%; }

.professional .p-items-sec:before { left: -40vw; bottom: -20vh; }
.professional:after { top: 30px; right: -30vw; transform: rotate(303deg); }
.professional:after, .professional .p-items-sec:before {content: '';opacity: .2;width: 70%;height: 100%;position: absolute;background-size: contain;background-position: left;background-repeat: no-repeat;background-image: url(./img/professional-bg.svg);}
#content .professional-single .top-hero { padding-bottom: 1em; }

.professional:not(.professional-single) .card h1 { font-weight: 400; font-family: 'Canva-Sans-Regular', sans-serif;    font-size: 33px;text-transform: uppercase;}
.professional .product-title {font-size: 38px;}
.professional .product-title span {font-size: 31px;}
#content .professional-single .product-title {font-size: 28px;}
#content .professional-single h4.clr-orange {font-size: 22px;    font-family: 'Canva-Sans-Regular', sans-serif; }
#content .professional-single .hero-description{ font-size: 19px;}
#content .professional-single .fst-italic{ font-size: 27px;}
#content .professional-single h5{ font-size: 21px;}
#content .professional-single .lead{ font-size: 21px;}

.professional .btn-role { border: 0; font-size: 21px; text-transform: uppercase; }
#content .products .top-hero:after {content:'';z-index: 0;opacity: 0.4;top: 0px;right: 0px;position: absolute;background-size: contain;background-position: right top;background-repeat: no-repeat;background-image: url(./img/products-sec-after.svg);width: 500px;height: 900px;}

#content .single-product .resources-section {
    margin-top: 0;
    padding: 3rem 0;
    background-position: bottom;
    background:linear-gradient(rgba(233, 133, 57, 0.9), rgba(233, 133, 57, 0.9)), url(./img/resources-section-bg.jpg) no-repeat 100% 20%/ cover;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background: rgb();
}




.benefits-section-parent .benefits-section .btn-download {
    bottom: unset;
    right: 0;
    position: relative;
    position: absolute;
    /* right: 0; */
    /* bottom: -50%; */
    bottom: -1rem;
    z-index: 1;
    margin-top: 44px;
    max-width: 90%;
    margin-left: auto;
}


.benefits-section-parent {
    padding-bottom: 3rem;
}



.benefits-section-parent:before {
    content: '';
    display: block;
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: -1px;
    right: 0;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(./img/benefits-section-bottom.png);
    opacity: 0.85;
}
#content .single-product .resources-section:before{
    content: '';
    display: block;
    width: 500px;
    height: 100%;
    position: absolute;
    right: 0;
    background-image: url(./img/resources-section-before.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    opacity: 0.5;
}
.footer-section .icon-container {
            display: flex;
            justify-content: right;
            gap: 10px;
        }
      .footer-section  .icon-container i {
            font-size: 50px;
            color: var(--up-blue);
        }
footer .footer-last-col {
    text-align: right;
}

footer .footer-last-col .footer-links {
    margin-left: auto;
}
.benefits-section .container {
    position: relative;
}
#content .single-product .top-hero img {
    max-height: 106px;
    height: 105px;
    width: 70%;
    max-width: 800px;
}
#content .about .top-hero .hero-title { font-size: 43px; }
#content .about .top-hero .hero-description { font-size: 29px; }
.product-main-sec .orange-title {   font-size: 42px;}
#content  .contact-card .contact-logo {
    height: 75px;
    max-width: 230px;
    object-fit: contain;
    object-position: left;
}
#content .contact-card a[href^="tel:"] {
    font-size: 21px;
}
#content .products .compare-section .table-responsive{ padding-bottom: 20px; }
#content .products .compare-section .table-responsive::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } 
#content .products .compare-section .table-responsive::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5; }
#content .products .compare-section .table-responsive::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--up-orange); }
.professional {   overflow: hidden;}
.we-started-sec .we-started-content {   padding-bottom: 100px;}
#content .single-product .resources-section .container {   z-index: 1;   position: relative;}