.text-theme-primary { color: #ff540b !important; } .order-sec { margin-top: 56px; padding-bottom: 0; position: relative; } .order-sec .checkout-left { padding: 4rem 4rem 2rem 1.5rem; background-color: #fff; } .order-sec .order-site-logo { padding: 0; margin: 0; margin-bottom: 2rem; } .order-sec .order-site-logo a img { width: auto; max-width: 200px; max-height: 70px; } .order-sec .intro-content { margin-bottom: 32px; } .order-sec .intro-content h2 { font-size: 22px; font-weight: 600; line-height: 25px; font-family: Poppins, sans-serif !important; margin-bottom: 16px; } .order-sec .intro-content p { font-size: 14px; line-height: 21px; font-weight: 400; font-family: Poppins, sans-serif !important; } .choose-package-boxes label { color: #000000; font-size: 22px; line-height: 25px; font-weight: 500; font-family: Poppins, sans-serif !important; margin: 0 0 8px; } .choose-package-boxes label span { width: 60px; overflow: hidden; display: inline-block; position: relative; top: 5px; } .choose-package-boxes label span img { width: 90px; max-width: 90px; height: auto; margin: 0 0 0 4px; transform: rotate(180deg); } .choose-package-box { border: 1px solid #ff540b; border-radius: .25rem; padding: 1rem; position: relative; margin-bottom: 16px; } .inner-choose-package h6 { font-size: 14px; line-height: 21px; font-weight: 500; font-family: Poppins, sans-serif !important; margin-bottom: 8px; } .package-select-tick-icon { position: absolute; right: 8px; top: 5px; } .package-select-tick-icon span { display: inline-flex; width: 16px; height: 16px; background-color: #ff540b; align-items: center; justify-content: center; color: #fff; font-size: 11px; border-radius: 50px; cursor: pointer; padding: 2px 0 0 1px; } .choose-package-list ul li { font-size: 12px; line-height: 19px; font-weight: 500; font-family: Poppins, sans-serif !important; color: #525252; } .choose-package-list ul li::marker { color: #525252; } .choose-package-list { padding-bottom: 20px; } .package-number-select { margin-bottom: 16px; display: flex; align-items: center; flex-wrap: nowrap; } .package-number-select select { height: auto; width: auto; padding: 4px 8px 4px 8px; font-size: 12px; box-shadow: none; display: inline-block; font-size: 12px; line-height: 19px; margin: 1.6px 0px; font-weight: 400; font-family: Poppins, sans-serif !important; outline: none; border: 1px solid #c9ced6 !important; color: #000; } .package-number-select .package-number-select-icon { font-size: 20px; color: #ff540b; margin-left: 15px; } .package-number-select .package-number-select-text { font-size: 18px; margin-left: 10px; font-weight: 600; color: #000000; } .package-price p { font-size: 14px; line-height: 19px; font-weight: 500; color: #545469; margin: 0; font-family: Poppins, sans-serif !important; } .select-package-list-dropdown select { font-size: 14px; line-height: 21px; font-weight: 400; width: 100%; height: 35px; padding: 0 10px; font-family: Poppins, sans-serif !important; outline: none; border: 1px solid #c9ced6 !important; } .choose-package-boxes { margin-bottom: 16px; padding-bottom: 16px; } .inner-pc-details .form-group input { padding: 0 10px; height: 35px; font-size: 14px; line-height: 21px; font-weight: 400; font-family: Poppins, sans-serif !important; outline: none; border: 1px solid #c9ced6; } .client-details label { font-size: 14px; line-height: 21px; margin-bottom: 8px; font-weight: 500; color: #000; font-family: Poppins, sans-serif !important; } .inner-pc-details .form-group span { font-size: 13px; line-height: 20px; margin-top: 4px; font-weight: 400; color: #6b778c; font-family: Poppins, sans-serif !important; } .client-details { padding-bottom: 16px; } .client-details .form-group { margin-bottom: 16px; } .inner-pc-details .form-group span a { color: #ff540b; } .order-payment { position: relative; display: block; padding: 25px 20px 10px; background-color: #fff; border: 1px solid #efefef; } .inner-order-payment ul li button { background-color: #fff !important; color: #6b778c !important; font-size: 14px; font-weight: 600; font-family: Poppins, sans-serif !important; text-align: start; border: 1px solid #e6e6e6 !important; } .inner-order-payment ul li button.active { border: 1px solid #ff540b !important; color: #ff540b !important; } .inner-order-payment ul li { width: 24%; margin: 0 0 0 9px; } .inner-order-payment ul li:first-child { margin: 0; } .inner-order-payment ul li button .tab-icon svg { width: 16px; height: 16px; } .inner-order-payment ul li button .tab-icon svg path { color: #6b778c !important; fill: #6b778c !important; } .inner-order-payment ul li button.active .tab-icon svg path { color: #ff540b !important; fill: #ff540b !important; } .inner-order-payment ul li button .tab-icon { width: 100%; display: block; text-align: start; } .card-detail-content label { margin-bottom: 0; } .card-detail-content .form-group input { height: 40px; font-size: 14px; line-height: 21px; font-weight: 400; font-family: Poppins, sans-serif !important; outline: none; border: 1px solid #e6e6e6; } .inner-order-payment .tab-content { padding: 0; } .card-detail-content .card-field { display: inline-block; width: 49.3%; } .card-detail-content .card-expiry-field, .card-detail-content .card-cvv-field { display: inline-block; margin-left: 5px; width: 23.9%; } .card-payment-info p { font-size: 13px; line-height: 20px; margin-top: 4px; font-weight: 400; color: #6b778c; font-family: Poppins, sans-serif !important; margin: 0; } .inner-cash-pay-content { padding: 10px; border-radius: 5px; background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 6px; } .cash-pay-img { margin-bottom: 10px; } .cash-pay-img img { width: 25px; } .pay-text p { font-size: 14px; line-height: 21px; margin-top: 4px; font-weight: 400; color: #000; margin-bottom: 0; font-family: Poppins, sans-serif !important; } .cp-icon svg { width: 40px; height: 40px; } .cp-icon svg { width: 40px; height: 40px; margin-right: 10px; } .cp-icon svg path { color: #6d6e78; fill: #6d6e78; } .cp-detail .cp-text { font-size: 15px; line-height: 25px; margin-top: 4px; font-weight: 400; color: #6b778c; font-family: Poppins, sans-serif !important; position: relative; top: -2px; } .cp-detail p { display: flex; align-items: center; margin: 0; } .cp-detail { padding-top: 10px; margin-top: 10px; border-top: 1px solid #e6e6e6; } .card-detail-content .card-field .form-group input { background-image: url("<?php echo get_template_directory_uri(); ?>/images/card-icons.png"); background-repeat: no-repeat; background-size: 45%; background-position: 98% 52%; padding-right: 165px; } .card-detail-content .card-cvv-field .form-group input { background-image: url("<?php echo get_template_directory_uri(); ?>/images/cvv-icon.png"); background-repeat: no-repeat; background-size: 18%; background-position: 95% 52%; padding-right: 45px; } .inner-order-payment ul { margin-bottom: 6px !important; } .cash-pay-content { margin-top: 12px; } .bank-search input { height: 40px; font-size: 14px; line-height: 21px; font-weight: 400; font-family: Poppins, sans-serif !important; outline: none; border: 1px solid #e6e6e6; padding-left: 35px; } .bank-search-icon svg { width: 18px; height: 18px; } .bank-search-icon svg path { color: #6d6e78; fill: #6d6e78; } .bank-search { position: relative; } .bank-search-icon { position: absolute; top: 4px; left: 8px; } .bank-payment-content { margin-top: 12px; } .banl-lists { margin-top: 12px; } .banl-lists ul { padding: 0; margin: 0 !important; list-style: none; } .banl-lists ul li button { text-align: center; border-radius: 5px; transition: 0.3s; } .banl-lists ul li button:hover { background-color: #f9fafb !important; transition: 0.3s; } .banl-lists ul li button img { width: 55%; } .banl-lists ul li { display: inline-block; width: 32.1%; margin-bottom: 13px; } .banl-lists ul li:nth-child(1), .banl-lists ul li:nth-child(4) { margin-left: 0; } .card-payment-info p a { color: #ff540b; } .bank-payment-content .card-payment-info { margin-bottom: 10px; } .complete-purchase-btn button { background-color: transparent; color: #ff540b !important; padding: 10px 25px !important; border-radius: 5px; transition: 0.3s; font-weight: 600; font-family: Poppins, sans-serif !important; border: 1px solid #ff540b; transition: 0.3s; } .complete-purchase-btn button:hover { color: #fff !important; background-color: #ff540b !important; border: 1px solid #ff540b; transition: 0.3s; } .complete-purchase-btn { margin-top: 20px; padding-top: 20px; } .order-foot a { font-size: 13px; line-height: 20px; font-weight: 400; color: #b3bac5; font-family: Poppins, sans-serif !important; transition: 0.3s; } .order-foot a:hover { color: #545469; transition: 0.3s; } .order-foot { padding: 0 65px 50px 25px; background-color: #fff; } /* ==== Checkout Right ==== */ .checkout-right { padding: 4rem 1.5rem 4rem 4rem; height: 100%; } .right-order-summary-content { position: sticky; top: 124px; } .summary-title h5 { font-size: 20px; line-height: 24px; margin-bottom: 24px; font-weight: 600; font-family: Poppins, sans-serif !important; color: #fff; } .item-list-title p, .cart-items-price p { font-size: 13px; line-height: 20px; font-weight: 500; color: #fff !important; font-family: Poppins, sans-serif !important; margin: 0; } .item-list-qty p { font-size: 13px; line-height: 20px; font-weight: 500; color: #ffffff80 !important; font-family: Poppins, sans-serif !important; margin: 0; } .item-list-qty p span { font-size: 13px; line-height: 20px; font-weight: 500; font-family: Poppins, sans-serif !important; margin: 0; color: #fff; } .cart-items-price .multi-order-price p { color: #ffffff80 !important; } .cart-items-list { display: flex; justify-content: space-between; } .cart-items-fields .cart-field input, .cart-items-fields .cart-field select { padding: 0 10px; height: 30px; font-size: 13px; line-height: 20px; font-weight: 400; font-family: Poppins, sans-serif !important; outline: none; color: #000; border: 1px solid #c9ced6; } .cart-items-fields .cart-field label { font-size: 13px; line-height: 20px; font-weight: 500; color: #fff !important; font-family: Poppins, sans-serif !important; margin: 0; } .cart-field-label { display: inline-block; width: 25%; vertical-align: middle; } .cart-field-input { display: inline-block; width: 72.9%; vertical-align: middle; } .cart-items-fields .cart-field { margin-bottom: 5px; } .cart-items-fields { margin-top: 15px; } .order-items .cart-items { padding-top: 25px; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.3); } .order-items .cart-items:first-child { padding-top: 0; margin-top: 0; border-top: none; } .discount-coupon { position: relative; } .discount-coupon .discount-coupon-field::placeholder { color: #fff !important; } .discount-coupon .discount-coupon-field.coupon-full-width::placeholder { color: #000 !important; } .discount-coupon .discount-coupon-field { cursor: pointer; background-color: rgba(255, 255, 255, .1) !important; max-width: 200px; border: 0; transition: all .2s ease-in-out; height: calc(1.5em + .75rem + 2px); font-size: 14px; line-height: 21px; font-weight: 400; font-family: Poppins, sans-serif !important; padding: 6px 12px; color: #000; outline: none; } .discount-coupon .discount-coupon-field.coupon-full-width { border: 0; transition: all .2s ease-in-out; max-width: 100%; background-color: #fff !important; } .coupon-btn { position: absolute; display: flex; align-items: center; top: 0; bottom: 0; right: 0; } .coupon-btn button { padding: 4px 8px; margin: 0 8px; font-size: 13px; line-height: 19px; font-weight: 600; font-family: Poppins, sans-serif !important; color: #ff540b; background-color: transparent; } .discount-coupon-field-box { position: relative; margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.3); } .cart-total-price .cart-items-price p { font-size: 22px; line-height: 26px; font-weight: 600; color: #fff !important; font-family: Poppins, sans-serif !important; margin: 0; } .order-total-price { margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.3); } .order-background { top: 0; right: 0; bottom: 0; width: 50%; background-image: linear-gradient(to bottom, #1a1e34 0%, #1a1e34 100%); /* background-color: #1d262e; */ position: absolute; z-index: -1; } .select-package-list-dropdown .select-multiple button:focus { outline: none !important; box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .0) !important; } .select-package-list-dropdown .select-multiple button::after { height: 8px !important; border-top: .3em solid #000 !important; } .select-package-list-dropdown .select-multiple button::before { content: none !important; } .select-package-list-dropdown .select-multiple button:hover::after { width: 4px !important; } .select-package-list-dropdown .select-multiple { width: 100% !important; } /* .select-package-list-dropdown .select-multiple .dropdown-menu { min-height: 168px !important; } */ .select-package-list-dropdown .select-multiple .dropdown-menu a .dropdown-item-inner span small { display: block !important; padding: 0 !important; } .select-package-list-dropdown .select-multiple .dropdown-menu a:active .text-muted { color: #fff !important; } .select-package-list-dropdown .select-multiple .dropdown-menu a .check-mark { display: none !important; } .select-package-list-dropdown .select-multiple button { outline: none !important; background: #ffffff !important; border: 1px solid #c9ced6 !important; height: 35px !important; border-radius: 4px; padding: 6px 25px 6px 10px; position: relative; z-index: 99; } .select-package-list-dropdown .select-multiple button .filter-option { color: #000; font-size: 14px; line-height: 20px; font-weight: 400; font-family: Poppins, sans-serif !important; } .select-package-list-dropdown .select-multiple .dropdown-menu a { font-size: 14px; font-weight: 400; font-family: Poppins, sans-serif !important; } .select-package-list-dropdown .select-multiple .dropdown-menu.open { border: none !important; border-radius: .25rem !important; box-shadow: 0 .5rem 2.5rem #00000026 !important; } .cart-items-fields .cart-items-fields-wrapper:first-child { padding-top: 0; } .cart-items-fields .cart-items-fields-wrapper { padding-top: 10px; } /* ==== Faq Section CSS Start ==== */ .order-info-content ul li { width: 50%; } .order-info-content ul li button { width: 100% !important; text-align: center !important; font-weight: 700 !important; font-size: 16px !important; line-height: 20px !important; font-family: Poppins, sans-serif !important; color: #999999 !important; background-color: transparent !important; border-bottom: 3px solid #d9d9d9 !important; padding: 8px !important; cursor: pointer !important; border-radius: 0 !important; } .order-info-content ul li button.active { color: #ff540b !important; background-color: transparent !important; border-bottom: 3px solid #ff540b !important; } .order-info-content ul li button:hover { background-color: transparent !important; } .order-info-content ul li button.active:hover { background-color: transparent !important; } .how-work-number span { display: inline-flex; width: 35px; height: 35px; background-color: #ff540b; align-items: center; justify-content: center; color: #fff; border-radius: 50px; font-size: 18px; font-weight: 600; font-family: Poppins, sans-serif !important; } .how-work-number { display: inline-block; width: 7%; vertical-align: top; } .how-work-list h4 { font-size: 16px; line-height: 20px; font-weight: 700; font-family: Poppins, sans-serif !important; margin-bottom: 8px; color: #000; } .how-work-list ul { padding: 0 0 0 18px; } .how-work-list ul li { font-size: 16px; line-height: 31px; font-weight: 400; font-family: Poppins, sans-serif !important; width: 100%; } .how-work-list { display: inline-block; width: 92%; vertical-align: top; padding-top: 8px; } .order-info-content { margin-bottom: 20px; } .how-work-list ul li a { color: #ff540b; } .faq-accordion .accordion-item h2 button { padding-left: 0; } .faq-accordion .accordion-item h2 button { padding-left: 0; font-size: 16px; line-height: 20px; padding-top: 12px; padding-bottom: 12px; font-weight: 400; font-family: Poppins, sans-serif !important; color: #ff540b; background-color: transparent; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .0) !important; } .faq-accordion .accordion-item h2 button.collapsed { color: #545469; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .0) !important; } .faq-accordion .accordion-item h2 button:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0) !important; } .faq-accordion .accordion-item .accordion-body { padding: 20px !important; } .faq-accordion .accordion-item { border: none !important; } .faq-body-content p { font-size: 14px; line-height: 21px; font-weight: 400; margin-bottom: 16px; font-family: Poppins, sans-serif !important; } .faq-body-content p:last-child { margin-bottom: 0; } .faq-body-content ul li, .faq-body-content ol li { width: 100%; font-size: 14px; line-height: 21px; font-weight: 400; font-family: Poppins, sans-serif !important; margin-bottom: 5px; } .faq-body-content p a, .faq-body-content ul li a, .faq-body-content ol li a { color: #ff540b; } /* ==== Faq Section CSS End ==== */ .inner-choose-package p { font-size: 14px; line-height: 24px; font-weight: 400; font-family: Poppins, sans-serif !important; width: 100%; } /* .checkout-right .right-order-summary-content .right-sidebar-scroller { height: 2040px; overflow-y: scroll; scrollbar-width: thin; padding-right: 10px; } */ .choose-package-boxes .select-package-list-dropdown .bootstrap-select select { left: 0 !important; } .form-errors { font-size: 14px; } .how-works-content .how-works-list-box { position: relative; } /* ==== Responsive CSS Start ==== */ @media only screen and (max-width: 1439px) { .cart-field-label { width: 28%; } .cart-field-input { width: 70.5%; } .package-select-tick-icon span { padding: 2px 1px 0px 1px; } } @media only screen and (max-width: 1366px) { .how-work-list ul li { font-size: 14px; line-height: 28px; } .how-work-number span { width: 30px; height: 30px; font-size: 16px; padding: 1px 0 0 0; } .how-work-list { padding-top: 6px; } .faq-accordion .accordion-item h2 button { font-size: 14px; line-height: 18px; padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 1279px) { .order-sec .checkout-left { padding: 4rem 3rem 2rem 1.5rem; } .checkout-right { padding: 4rem 1.5rem 4rem 3rem; } } @media only screen and (max-width: 1199px) { .order-sec { margin-top: 53px; } .cart-items-fields .cart-field label { font-size: 12px; } .checkout-right { padding: 3rem 1.5rem 4rem 2rem; } .right-order-summary-content { top: 101px; } .order-sec .checkout-left { padding: 3rem 2rem 2rem 1.5rem; } .cart-field-input { width: 70.2%; } .order-info-content ul li button { font-size: 14px !important; line-height: 18px !important; } .how-work-number span { width: 28px; height: 28px; font-size: 15px; } .how-work-list { padding-top: 4px; } .order-sec .intro-content h2 { font-size: 20px; line-height: 22px; } .how-work-list ul li { line-height: 25px; } .summary-title h5 { font-size: 18px; line-height: 22px; } .cart-total-price .cart-items-price p { font-size: 18px; line-height: 22px; } } @media only screen and (max-width: 991px) { .order-sec { margin-top: 38px; } .how-work-number { width: 8%; } .how-work-list { width: 90%; } .how-work-number span { width: 25px; height: 25px; font-size: 14px; } .order-sec .checkout-left { padding: 3rem 1rem 2rem 0; } .how-work-list h4 { font-size: 15px; line-height: 18px; } .order-sec .intro-content p { font-size: 13px; line-height: 18px; } .how-work-list ul li { font-size: 13px; line-height: 23px; } .right-order-summary-content { top: 86px; } .checkout-right { padding: 3rem 0 4rem 1rem; } .cart-total-price .cart-items-price p { font-size: 16px; } .select-package-list-dropdown .select-multiple button .filter-option { font-size: 13px; } .choose-package-boxes label { font-size: 13px; line-height: 20px; } .client-details label { font-size: 13px; line-height: 18px; margin-bottom: 4px; } .discount-coupon .discount-coupon-field { font-size: 13px; line-height: 18px; } .select-package-list-dropdown .select-multiple .dropdown-menu a { font-size: 13px; } .choose-package-box { padding: 10px; } .complete-purchase-btn button { font-size: 14px; } .order-payment { padding: 10px; } .discount-coupon-field-box { margin-top: 15px; padding-top: 15px; } .order-items .cart-items { padding-top: 15px; margin-top: 15px; } .order-total-price { margin-top: 15px; padding-top: 15px; } .choose-package-boxes { margin-bottom: 10px; padding-bottom: 10px; } .client-details .form-group { margin-bottom: 10px; } .client-details { padding-bottom: 10px; } .complete-purchase-btn { margin-top: 15px; padding-top: 15px; } .faq-body-content p { font-size: 13px; line-height: 18px; } .faq-body-content ul li, .faq-body-content ol li { font-size: 13px; line-height: 18px; } } @media only screen and (max-width: 767px) { .order-sec { margin-top: 35px; } .order-sec .container { padding: 0; } .order-background { width: 100%; } .order-sec .checkout-left { padding: 30px; } .checkout-right { padding: 30px; } .order-sec .intro-content { margin-bottom: 20px; } .faq-accordion .accordion-item .accordion-body { padding: 10px !important; } } @media only screen and (max-width: 575px) { .order-sec { margin-top: 74px; } } @media only screen and (max-width: 480px) { .order-sec .checkout-left { padding: 30px 15px; } .checkout-right { padding: 30px 15px; } }