Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
21 kB
0
Indexable
Never
/* 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;
}