/* Common CSS */
body {
margin: 0;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
hr {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
img {
width: 100%;
height: auto;
}
.container_max_width {
max-width: 1170px;
margin: 0 auto;
}
.vertical_separator_60 {
width: 100%;
height: 60px;
}
.d-flex {
display: flex;
}
.d-grid {
display: grid;
}
.flex-column {
flex-direction: column;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.item-center {
align-items: center;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.position-fixed {
position: fixed;
}
.overflow-hidden {
overflow: hidden;
}
.row {
display: flex;
}
.col-1-65 {
width: 65%;
line-height: 0;
}
.col-2-35 {
width: 35%;
}
.section_common_padding {
padding: 88px 0 0 0;
}
.common-typography-lato {
flex-grow: 0;
line-height: 1.5;
letter-spacing: 0.16px;
color: #fff;
}
.common-button-typography {
margin: 0 12px 0 0;
padding: 8px 20px;
border-radius: 4px;
border: solid 1px;
}
/* Home Body Area */
/* Header Area */
/* Header Area */
.header_row {
padding: 20px 0;
}
.menu_area {
left: 170px;
}
.mobile_menu_button {
display: none;
}
#header_menu {
position: absolute;
background-color: #212121;
color: #ffffff;
padding: 20px;
z-index: 999;
width: 98%;
top: 120px;
left: 0;
height: fit-content;
display: none;
}
#header_menu a {
text-decoration: none;
color: #ffffff;
}
#header_menu li {
padding: 5px 0;
}
.menu_area ul {
height: 100%;
}
.menu_area ul li {
display: flex;
align-items: center;
margin-right: 32px;
}
.menu_area ul li a {
flex-grow: 0;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: 0.16px;
color: #fff;
}
.login_btn {
background-color: transparent;
border-color: #fff;
}
.sign_up_btn {
background-color: #037fff;
border-color: #037fff;
}
.hero_area {
background-image: linear-gradient(to top, #0c1c3e, rgba(37, 80, 167, 0.69));
background-image: url(./assets/image/page_content/Hero\ Banner\ Background.jpg);
background-repeat: no-repeat;
background-size: auto;
background-position: center;
}
.hero_area img {
width: 48%;
padding: 115px 0 100px 0;
}
.offer_area {
background-image: linear-gradient(180deg, #2550a7, #071228);
margin-top: -30px;
line-height: 0;
}
.section_title {
font-size: 44px;
font-weight: 900;
}
.offer_area .section_title {
margin: 0 0 56px 0;
}
.offer_card_item {
background-color: #05328b;
padding: 28px;
}
.offer_content img {
width: fit-content;
height: 28px;
}
.button_group img:nth-child(1),
.button_group img:nth-child(2) {
margin-right: 16px;
}
.main_offer {
background-image: linear-gradient(180deg, #071228, #2550a7);
box-shadow: 0px -3px 40px 0px #037fff;
z-index: 1;
}
.tooth_overlap {
z-index: 1;
width: 34px;
border-radius: 0 25px;
transform: rotate(-8deg);
}
.tooth_body {
width: 27px;
transform: rotate(10deg);
}
.top_tooth_over {
top: -8px;
height: 75px;
}
.top_tooth_body {
top: -8px;
border-radius: 0 0 35px 0;
}
.bottom_tooth_over {
bottom: -12px;
height: 55px;
}
.bottom_tooth_body {
bottom: -8px;
border-radius: 35px 0 0 0;
}
.single_over {
background: #071631;
left: 130px;
}
.single_body {
left: 146px;
background: #1161c6;
filter: blur(2px);
height: 43px;
box-shadow: 0px -9px 0px 0px #1161c6;
}
.single_bttom_over {
background: #05328b;
left: 154px;
}
.single_bottom_body {
left: 146px;
filter: blur(1px);
background: #0e1f43;
height: 43px;
}
.left_single_over {
background: #091e49;
left: -14px;
top: 308px;
transform: rotate(-20deg);
height: 67px;
width: 67px;
}
.left_single_body {
left: -3px;
top: 300px;
background: #1161c6;
height: 57px;
width: 50px;
transform: rotate(-80deg);
}
.right_side_over {
background: #091e49;
left: -14px;
transform: rotate(-41deg);
height: 41px;
width: 45px;
}
.right_side_body {
left: 2px;
background: #1161c6;
height: 40px;
width: 39px;
transform: rotate(380deg);
}
.productx_plan .right_side_over {
left: -5px;
transform: rotate(-72deg);
}
.productx_plan .right_side_body {
left: -8px;
transform: rotate(190deg);
}
.productx_plan .left_single_over {
top: 281px;
}
.productx_plan .left_single_body {
left: -7px;
transform: rotate(98deg);
}
.left_first_over {
top: 113px;
}
.right_first_over {
top: 120px;
}
.right_first_body {
top: 126px;
}
.left_second_over {
top: 399px;
}
.right_second_over {
top: 406px;
}
.right_second_body {
top: 412px;
}
.common_offer_over {
background: #05328b;
}
.common_offer_body {
background: #1d4188;
filter: blur(1px);
height: 72px;
}
.common_offer_over_bottom {
background-image: linear-gradient(to top, #2651a7, #204a9e);
height: 95px;
}
.common_offer_body_bottom {
background-image: linear-gradient(to top, #183f9d 5%, #1d57e9 60%);
filter: blur(1px);
height: 82px;
}
.first_over {
left: 64px;
}
.first_body {
left: 80px;
}
.second_over {
left: 184px;
}
.second_body {
left: 200px;
}
.bottom_first_over {
left: 154px;
}
.bottom_first_body {
left: 146px;
}
.bottom_second_over {
left: 298px;
}
.bottom_second_body {
left: 290px;
}
.main_offer .offer_content {
padding-bottom: 48px;
}
.main_offer_wrapper::before {
content: "";
bottom: -77px;
left: -122px;
position: absolute;
width: 210px;
height: 400px;
background-image: url(./assets/image/page_content/Hand\ Left.png);
background-repeat: no-repeat;
z-index: 2;
}
.main_offer_wrapper::after {
content: "";
bottom: -77px;
right: -110px;
position: absolute;
width: 200px;
height: 400px;
background-image: url(./assets/image/page_content/Hand\ Right.png);
background-repeat: no-repeat;
z-index: 2;
}
.offer_tag {
margin: 28px 28px 20px 0;
padding: 4px 16px;
border-radius: 14px;
background-color: #3cce12;
top: 0;
right: 0;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.29;
color: #070c1a;
}
.button_group {
border-bottom: 1px solid #032567;
padding: 15px 30px;
margin: 24px 0;
}
.first_offer .button_group {
padding: 15px 50px;
}
.main_offer .button_group {
border-bottom: 1px solid #204692;
padding: 20px;
}
.offer_info {
font-size: 26px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.23;
letter-spacing: normal;
text-align: center;
color: #fff;
margin: 0 0 16px 0;
}
.offer_info span {
color: #ffb359;
}
.main_offer .offer_info span {
color: #3cce12;
}
.price_and_offer {
font-size: 32px;
font-weight: 900;
color: #fff;
margin-bottom: 30px;
}
.price_and_offer .old_price {
font-size: 32px;
font-weight: 500;
text-decoration: line-through;
color: rgba(255, 255, 255, 0.5);
}
.price_and_offer .new_price {
margin: 0 22px 0 12px;
}
.offer_percent {
background-color: #ffb359;
position: relative;
height: fit-content;
padding: 2px;
}
.offer_percent::before {
content: "";
position: absolute;
width: 0;
height: 0;
left: -10px;
top: 0;
border-top: 13px solid transparent;
border-right: 10px solid #ffb359;
border-bottom: 11px solid transparent;
}
.offer_percent p {
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #fff;
}
.offer_percent p span {
font-size: 14px;
font-weight: 900;
color: #fff;
text-decoration: none;
padding-right: 2px;
}
.offer_percent p span.offer_pin {
display: inline-flex;
width: 2px;
height: 3px;
background-color: #070c1a;
border-radius: 50%;
margin: 0 2px;
margin-bottom: 4px;
}
.main_offer .offer_percent {
background-color: #3cce12;
}
.main_offer .offer_percent::before {
border-right: 10px solid #3cce12;
}
.main_offer .offer_percent p {
color: #070c1a;
}
.main_offer .offer_percent p span {
color: #070c1a;
}
.buy_now_heighlight_btn {
background-image: url(./assets/image/page_content/Highlited\ Price\ Button\ Main.svg);
background-repeat: no-repeat;
background-size: cover;
padding: 40px 55px;
font-size: 24px;
font-weight: 600;
color: #070c1a;
}
.buy_now_btn {
background-image: url(./assets/image/page_content/Buy\ Now\ Button.svg);
background-repeat: no-repeat;
background-size: cover;
padding: 40px 55px;
font-size: 24px;
font-weight: 600;
color: #ffffff;
}
.buy_now_btn:hover {
opacity: 0.8;
}
.big_save {
text-transform: uppercase;
color: #fff;
margin: 15px 0 25px 0;
}
.offer_content ul {
list-style-image: url(./assets/image/page_content/offer_chocolate_1.png);
margin: 0 0 20px 30px;
}
.main_offer .offer_content ul {
list-style-image: url(./assets/image/page_content/offer_chocolate_2.png);
}
.offer_content ul li {
font-size: 18px;
font-weight: 500;
color: #fff;
margin: 14px 0;
padding-left: 10px;
line-height: 22px;
}
.offer_area_bottom_image {
z-index: 2;
margin-top: -10px;
}
.favourite_plan_area {
background: #204fac;
padding-bottom: 88px;
}
.favourite_plan_area_bg_image {
background: url(./assets/image/page_content/Product\ Section\ Illustrations.png) no-repeat 0;
width: 100%;
height: 100%;
}
.favourite_plan_area .section_title {
margin: 0 0 62px 0;
}
.plan_items {
background-color: #091e49;
border-radius: 8px;
margin-bottom: 94px;
}
.postx_plan .col-2-35,
.wholsalex_plan .col-2-35 {
padding-left: 40px;
}
.plan_item_product_image {
width: 150px;
height: 52px;
margin: 0px 0 22px 0;
}
.item_description {
max-width: 364px;
font-size: 20px;
line-height: 30px;
color: #fff;
}
.item_starting_price {
margin: 40px 0;
font-size: 20px;
line-height: 30px;
color: #fff;
}
.item_starting_price span {
font-size: 44px;
font-weight: 900;
line-height: 56px;
margin: 0 0 0 16px;
}
.buy_now_item_btn {
padding: 12px 219px 12px 24px;
border-radius: 28px;
border: 0;
background-image: linear-gradient(to right, #0e84ff 0%, #091e49 94%);
font-size: 20px;
font-weight: bold;
line-height: 32px;
letter-spacing: 0.2px;
color: #fff;
}
.buy_now_item_btn::after {
content: "";
padding: 0 0 0 28px;
margin: 0 0 0 14px;
background: url(./assets/image/page_content/Arrow\ Right\ Icon.svg) no-repeat;
}
.plan_item_image {
margin-top: -22px;
}
.plan_item_image_spacer {
width: 100%;
height: 22px;
background-color: #204fac;
background-color: transparent;
}
.right_spooky_image {
width: 25%;
right: -112px;
top: 208px;
z-index: 2;
}
.left_plan_chocoloate {
width: 19%;
left: 8px;
top: 140px;
}
.left_spooky_image {
width: 25%;
left: -105px;
top: 208px;
z-index: 2;
}
.right_plan_chocoloate {
width: 19%;
right: 50px;
top: 140px;
}
.productx_plan .plan_item_product_image {
width: 182px;
height: 52px;
}
.productx_plan .buy_now_item_btn {
background-image: linear-gradient(to right, #ff6845 0%, #091e49 94%);
}
.wholsalex_plan .plan_item_product_image {
width: 228px;
height: 52px;
}
.wholsalex_plan .buy_now_item_btn {
background-image: linear-gradient(to right, #6c6cff 0%, #091e49 94%);
}
.about_our_product {
font-size: 20px;
line-height: 32px;
color: #fff;
}
.about_product_items {
margin: 40px 0 0;
padding: 20px 75px;
border-radius: 8px;
background-color: #091e49;
color: #ffffff;
}
.about_product_item_image {
width: 55px;
height: 55px;
margin-right: 8px;
}
.about_product_title {
font-size: 20px;
font-weight: 600;
line-height: 28px;
text-align: left;
}
.about_product_subtitle {
font-size: 16px;
line-height: 24px;
}
.about_product_item_content {
border-right: 2px solid #204692;
padding: 0 64px;
}
.about_product_item_content:last-child {
border-right: 0;
}
.star_symbol_image {
width: 70%;
margin-left: -35px;
}
.testimonial_area {
/* background-image: linear-gradient(to top, #071228, #2550a7); */
background-image: url(./assets/image/page_content/Testimonial_Section_Content.jpg);
line-height: 0;
}
.testimonial_title {
font-size: 36px;
font-weight: 900;
text-align: center;
color: #fff;
bottom: 0;
}
.section_subtitle {
font-size: 20px;
line-height: 30px;
color: #fff;
margin-bottom: 56px;
}
.xpo-creation-content {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.xpo-creation-content ul li {
margin: 0px 30px 20px 0;
cursor: pointer;
}
.xpo-creation-content ul li:last-child {
margin-bottom: 0;
}
.xpo-creation-content>ul li span {
display: inline-block;
line-height: 0;
border: solid 2px #fff;
border-radius: 8px;
position: relative;
}
.xpo-creation-content>ul li.active span::before {
content: "";
position: absolute;
right: -25px;
top: 30%;
margin-top: -12px;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 12px 12px;
}
.xpo-creation-image ul li {
width: 875px;
height: 490px;
margin: 0;
display: none;
line-height: 0;
position: relative;
}
.xpo-creation-image ul li img {
height: 100%;
border-radius: 8px;
}
.xpo-creation-image ul li.active {
display: block;
}
.xpo-video-popup-image .xpo-video-popup span {
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
z-index: 3;
}
.xpo-video-popup-image .xpo-video-popup span:before {
content: "";
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
padding: 40px;
box-shadow: 0 0 0 15px rgba(65, 81, 255, .15);
background: #037fff;
}
.xpo-video-popup-image .xpo-video-popup span:after {
content: "";
position: absolute;
border-top: 15px solid transparent;
border-left: 25px solid #fff;
border-bottom: 15px solid transparent;
top: 25px;
left: 30px;
}
.testimonail_slider_area {
background-image: linear-gradient(to bottom, rgba(32, 69, 144, 0.793) 0%, #08235a 100%);
}
.testimonial_slider_area_bg_image {
width: 100%;
height: 100%;
background-image: url(./assets/image/page_content/Testimonial\ Section\ Soil.png);
background-repeat: no-repeat;
background-position: bottom;
}
/* Copy CSS */
.xpo-feedback-item {
position: relative;
padding: 48px 0 0 0;
}
.xpo-feedback-item:last-child {
padding: 30px 0 88px 0;
}
.xpo-feedback-inside {
width: 3960px;
display: flex;
}
.xpo-feedback-card {
max-width: 300px;
width: 100%;
padding: 30px;
border-radius: 16px;
box-shadow: 3px 3px 50px #0e84ff;
background-color: #152f63;
-webkit-animation: translateinfinite 55s linear infinite;
animation: translateinfinite 55s linear infinite;
}
.xpo-feedback-card:not(:last-child) {
margin-right: 30px;
}
.xpo-feedback-header {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.xpo-feedback-header .xpo-feedback-img {
width: 45px;
height: 45px;
border-radius: 4px;
margin-right: 10px;
}
.xpo-feedback-header h4 {
font-weight: bold;
line-height: 24px;
color: #fff;
text-transform: capitalize;
}
.xpo-feedback-card p {
font-size: 14px;
color: #fff;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 22px;
}
.xpo-offer-products-faq{
/* background-image: linear-gradient(to top, #071228, #2550a7); */
background-image: url(assets/image/page_content/FAQ\ Section\ Illustration.jpg);
}
.xpo-offer-products-faq .xpo-container {
z-index: 1;
position: relative;
}
.xpo-center {
text-align: center;
}
.xpo-main-title44 {
font-size: 44px;
font-weight: 900;
}
.xpo-white {
color: #fff;
}
.xpo-mb50 {
margin-bottom: 50px;
}
.xpo-offer-faq {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
margin-top: 40px;
}
.xpo-faq {
border-radius: 0;
overflow: hidden;
}
.xpo-faq-item {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.xpo-offer-products-faq .xpo-faq-item {
color: #fff;
}
input, select, textarea {
border: 0;
box-shadow: none;
border-radius: 3px;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
border: 1px solid #e0e0e0;
background-color: #f4f5f7;
font-family: Lato,sans-serif;
line-height: 1.5;
}
.xpo-faq input {
position: absolute;
opacity: 0;
z-index: -1;
}
.xpo-faq-item .xpo-faq-label {
display: flex;
justify-content: space-between;
padding: 12px 15px;
border: 1px solid #e5e5e5;
cursor: pointer;
}
.xpo-offer-faq .xpo-faq-label {
background: #2550a7;
border-radius: 6px;
color: #fff;
border: 0.5px solid #0e84ff;
line-height: 24px;
font-weight: 600;
}
.xpo-faq-item .xpo-faq-label::after {
content: "❯";
width: 1em;
height: 1em;
text-align: center;
transition: all .3s;
}
.xpo-faq-item .xpo-faq-content {
max-height: 0;
padding: 10px 0 5px 0;
transition: all .3s;
color: #fff;
}
/* New Adding code */
.xpo-offer-cta{
background: #091e49;
}
.postx-cta {
background: radial-gradient(circle,#3e46eb 0,#3e46eb 62%,#747aff 100%);
position: relative;
padding: 60px 110px 60px;
text-align: center;
border-radius: 10px;
overflow: hidden;
}
.xpo-offer-cta .postx-cta {
/* box-shadow: 0 0 99px 0 rgb(34 108 0); */
background: #3225b5;
padding: 100px;
}
.xpo-width960 {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.postx-cta .postx-cta-content {
z-index: 1;
position: relative;
}
.postx-cta:after {
background-image: url(https://www.wpxpo.com/wp-content/uploads/2022/10/postx-cat-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
content: "";
}
/* change */
.postx-cta:after {
background-image: url(assets/image/page_content/Action_Funnel_Background.jpg);
}
.xpo-main-title64 {
font-size: 64px;
font-weight: 900;
}
.xpo-mb30 {
margin-bottom: 30px;
}
.postx-cta h2 {
margin-top: 0;
margin-bottom: 40px;
color: #fff;
display: block;
}
.xpo-btn-xlg {
padding: 20px 50px;
}
/* New CSS */
.xpo-btn-orange-gradient {
background-image: url(./assets/image/page_content/Hurry\ Button.svg);
color: #070c1a;
background-size: 300% 100%;
background-repeat: no-repeat;
padding: 42px 55px;
background-position: center;
}
/* New CSS */
.postx-cta .xpo-btn {
font-size: 24px;
font-weight: 900;
}
.postx-cta .xpo-btn {
display: inline-block;
}
.xpo-section-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.xpo-container, .xpo-container-box, .xpo-featured-on {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.offer_area, .favourite_plan_area, .testimonial_area, .xpo-offer-products-faq, .xpo-offer-cta{
display: none;
}