/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.ark-checkout-main {
    display: flex;
    padding: 35px;
    justify-content: center;
}
.ark-customer-info {
    width: 60%;
    padding-top: 30px;
    border-top: 2px solid hsla(0,0%,50.2%,.5019607843137255);
}
.ark-order-info {
    width: 40%;
    margin-left: 37px;
    border: 2px solid;
    padding: 25px;
}

.ark-buybox {
    margin-top: 20px;
}
	.ark-customer-info caption, .ark-order-info caption {
    text-align: start;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
	text-transform: uppercase;
}
.ark-customer-info tr {
    text-align: left;
}
.ark-customer-info tr label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.ark-customer-infobox h3 {
    display: block;
    width: 100%;
}

.ark-customer-infobox {
    display: flex;
    flex-wrap: wrap;
}

.input-box-wrapper {
    width: 50%;
}

.input-box {
    padding: 10px;
}
.input-box-wrapper.f100 {
    width: 100%;
}

.ark-customer-infobox h3 {
    display: block;
    width: 100%;
}

.ark-customer-infobox {
    display: flex;
    flex-wrap: wrap;
}

.input-box-wrapper {
     width: 100%;
    display: flex
}

.input-box {
    padding: 10px;
    width: 50%;
}

.input-box.f100 {
    width: 100%;
}

.input-box-wrapper.f100 .input-box {
    width: 100%;
}

.order-tittle {
    width: 100%;
    justify-content: space-between;
    display: flex;
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

.order-info-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.order-info-wrapper h3 {
    width: 100%;
}

.plan-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 2px solid;
}

.payment-methods {
    width: 100%;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}
.revolut_card-pay {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.revolut_pay {
    border-bottom: 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;
}

.input-box-agree {
    display: flex;
}
input#agree_con {
    margin-right: 10px;
}

@media( max-width: 768px ){
	.ark-customer-info {
    width: 100%;
    display: inline-block;
	}

	.ark-checkout-main {
		display: block;
	}

	.ark-order-info {
		width: 100%;
		margin: 0;
        border: none;
	}
	.ark-customer-infobox h3{ padding:10px}

}