Untitled
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; }