.page[name='checkout'] {
    background-color: #fafaff;
}
.page[name='checkout'] > .content > .steps {
    border-bottom-color: #eaeaf0;
}
.page[name='checkout'] > .content > .steps > .button {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .steps > .stepList > .step {
    color: #9a9ab0;
}
.page[name='checkout'] > .content > .steps > .stepList > .step.active {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .steps > .stepList > .step > .stepNum {
    background: #e4e4ee;
    color: #9a9ab0;
}
.page[name='checkout'] > .content > .steps > .stepList > .step.active > .stepNum {
    background: #e0187a;
    color: #ffffff;
}
.page[name='checkout'] > .content > .steps > .stepList > .step.completed > .stepNum {
    background-color: #2ea86a;
    color: #ffffff;
}
.page[name='checkout'] > .content > .steps > .stepList > .stepLine {
    background: #e4e4ee;
}
.page[name='checkout'] > .content > .layout > .billingCard {
    background: #ffffff;
}
.page[name='checkout'] > .content > .layout > .billingCard > .title {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .billingCard > .fieldLabel {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > label {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > input,
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > select,
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > textarea {
    background: #ffffff;
    color: #1c1c3c;
    border-color: #e4e4ee;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > input::placeholder,
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > select,
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > textarea::placeholder {
    color: #9a9ab0;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #9a9ab0;
}
.page[name='checkout'] > .content > .layout > .billingCard > .typeToggle > .button {
    background: #f0f0f6;
    color: #6b6b85;
}
.page[name='checkout'] > .content > .layout > .billingCard > .typeToggle > .button.active {
    background: #302777;
    color: #ffffff;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .button {
    background: #f7f7fb;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .button.active  > .icon {
    background: #e0187a;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .button  > .icon {
    background-color: #f7f7fb;
    border: solid 1px #696969;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .button > .text {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .billingCard > .formWrapper > .fForm > .fields > .button > .button[key = 'info'] > .tooltip.active {
    background-color: #28265a;
    color: #ffffff;
}
.page[name='checkout'] > .content > .layout > .billingCard > .text.active {
    color: #6b6b85;;
}
.page[name='checkout'] > .content > .layout > .summaryCard {
    background: #ffffff;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .product {
    border-bottom-color: #eaeaf0;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .product > img {
    background: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .product > .productInfo > .productName {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .product > .productInfo > .productTag {
    background: #f0f0f6;
    color: #6b6b85;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .priceList > .priceRow {
    color: #6b6b85;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .totalRow {
    border-top-color: #eaeaf0;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .totalRow > .totalLabel {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .totalRow > .totalPrice > .amount {
    color: #1c1c3c;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .totalRow > .totalPrice > .totalSub {
    color: #9a9ab0;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .button {
    background-image: linear-gradient(135deg, #f04b99, #e60072);
    color: #ffffff;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .secureNote {
    color: #9a9ab0;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements {
    background:#f0f2f9;
    border-color:#e6e9f2;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .button[key='checkbox'] {
    background:#ffffff;
    border-color:#d4d6e8;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .button[key='checkbox'].checked {
    background:#332b7c;
    border-color:#332b7c;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .text {
    color:#4b4a6b;
}
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .text > .kvkkLink,
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .text > .membershipLink,
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .text > .preInformationLink,
.page[name='checkout'] > .content > .layout > .summaryCard > .agreements > .agreement > .text > .distanceSalesLink {
    color:#292747;
    border-color:#c5c7e0;
}