.themes .content { z-index: 9999; }
.display-flex,
.secure,
.backBtn { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap:nowrap; }
.gap-10 { gap:10px; }
.secure span,
.backBtn span { margin-left: 5px; }
.backBtn { margin-top: 20px; }
.themes .logo .icon { font-size: 32px; line-height: 32px; margin-right: 5px; }
.themes img { width: 100%; border-radius: 8px 0 0 8px; }

.details__user { background: #f6f9fc; padding: 20px; border-radius: 8px; border: 1px solid #dadada; }
.item__quantity { position: absolute; right: 50px; top: 30px; font-size: 20px; }
.item__image { display: flex; align-items: center; justify-content: center; }
.details.box-column { padding: 20px; }
.container-button { width: 100%; order: 3; }
section.content .container { display: flex; flex-wrap: wrap; align-content: stretch; justify-content: space-between; gap: 15px; }
.icon { font-size: 16px; vertical-align: middle; }
.themes header { background-color: #f6f9fc; min-height: 500px; background-image: url("../images/pattern.png"); }
.themes .navigation { display: flex; align-items: center; justify-content: space-between; padding: 50px 0 80px 0; color: #246eea; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
.shadow { box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); }
.themes .row { display: flex; margin:0px; }
.txt { border-color: #e1e8ee;width: 100%; }
.input { border-radius: 5px; background: #ffffff08; border:1px solid rgba(113, 97, 159, 0.25); height: 48px; padding-left: 15px; font-weight: 600; font-size: 14px; color: #5e6977; }
.input::placeholder { font-weight: 600; font-size: 14px; color: #5e6977; font-family: "Josefin Sans", sans-serif; }
.themes input[type="text"] { display: initial; padding: 15px; }
.text-validated { border-color: #7dc855; background-image: url("../images/icon-tick.png"); background-repeat: no-repeat; background-position: right 18px center; }
.ddl { border-color: #f0f4f7; background-color: #f0f4f7; width: 100px; margin-right: 10px; }
.title { font-size: 14px; padding-bottom: 8px; color: #fff; }
.field { padding-top: 15px; }
.container-billing .field { width: 100%; }
.field.small { width: auto; }
.notification { text-align: center; font-size: 28px; font-weight: 600; display: flex; justify-content: center; }
.notification .icon { font-size: 28px; color: #7dc855; line-height: 28px; margin-right: 10px; }
.actions { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px 0 40px 0; }
.payment { padding: 20px 0 0 0; }
.payment__title { margin: 40px 0 20px 0; font-size: 18px; display: flex; text-align: left; }
.payment__title .icon { margin-right: 10px; }
/*.themes .btn { font-family: "Josefin Sans", sans-serif; border-radius: 8px; border: 0; letter-spacing: 1px;color: #fff; background: #246eea; padding: 20px 60px; white-space: nowrap; font-size: 16px; line-height: 1; text-transform: uppercase;transition: all 0.15s ease; text-decoration: none; }
.themes .btn .icon { margin-left: 10px; font-size: 20px; }
.themes .btn:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); background: #4984ea; }*/
.themes .btn.action__back { background: transparent; color: #a0a0a0; }
.payment__types { display: flex; justify-content: center; align-items: center; }
.payment__info { display: flex; }
.payment__cc { flex: 60%; }
.payment__shipping { flex: 40%; }
.shipping__info { background: #f6f9fc; padding: 10px; border-radius: 8px; }
.payment__type { display: flex; border: 2px solid #d9d9d9; border-radius: 8px; padding: 20px 40px; width: 100%;justify-content: center; align-items: center; cursor: pointer; color: #d9d9d9; transition: all 0.15s ease; }
.payment__type:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); }
.payment__type.active { color: #0a0a0a; background: #f6fcf7; border-color: #7dc855; }
.payment__type .icon { font-size: 32px; margin-right: 10px; }
.payment__type+.payment__type { margin-left: 10px; }
.icon-xl { font-size: 48px; line-height: 48px; }
.themes .content { display: block; }
.thankyou { display: block; }
.thankyou .details { opacity: 1; justify-content: center; align-items: center; }
.thankyou .details h3 { font-weight: 600; }
.thankyou .details__item { display: flex; flex-direction: column; justify-content: center;align-items: center; }
.thankyou .details__item .icon-xl { font-size: 32px; color: #7dc855; line-height: 32px; }
.loading { position: relative; }
.loading:after { -webkit-animation: spinAround 0.5s infinite linear; animation: spinAround 0.5s infinite linear; border: 4px solid #7dc855; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ""; height: 5em; width: 5em; position: absolute; }
.loading .details__item { opacity: 0; }
@-webkit-keyframes spinAround {
    from { -webkit-transform: rotate(0); transform: rotate(0); }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes spinAround {
    from { -webkit-transform: rotate(0); transform: rotate(0); }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.details { width: 40%; background: #fff; border-radius: 8px; display: flex; flex-direction: column; position: relative; order: 2; height: max-content; }
.details p {  padding: 10px 0 0; text-transform: uppercase; font-size: 25px; font-weight: 800; display: flex; justify-content: space-between; border-top: 1px solid rgba(113, 97, 159, 0.25); margin: 20px 0 0; line-height: 130%; }
.details .details__item .item__title { margin: 0 0 15px; }
.item__details ul li { color: #fff; margin: 0; border-top: 1px solid rgba(113, 97, 159, 0.25); padding: 10px 0; display: flex; justify-content: space-between; }

.box-prnt label,
.box-column { background: #ffffff08; border-radius: 5px; border: 1px solid rgba(113, 97, 159, 0.25); padding: 15px; margin: 0 0 15px; display:block; }

.main_form { width:58%; order: 1; height: max-content; }
.main_form label { color:#fff; font-size: 20px; font-weight: 600; }
.item__title { font-size: 25px; font-weight: 600; color: #fff; text-transform: capitalize; display: flex; justify-content: space-between; align-items: center; }
.item__price { font-size: 20px; font-weight: 600; }

.hstng_pln { justify-content: space-between; }
.m_note { padding: 5px 10px; border-radius: 5px; margin: 0 auto 15px; max-width: 400px; font-weight: 600; text-align: center; }
.m_note span { color:red; }
.hstng_pln .pkg_box { padding: 15px; width: 100%; }
.hstng_pln .pkg_box h3 { font-size:25px; }
.hstng_pln .pkg_box h6 { line-height: 15px; }
.hstng_pln .pkg_box p { color: #000; font-size: 20px; font-weight: 900; margin: 0 0 10px; }
.hstng_pln .pkg_box ul.pricing_list { margin: 0 0 10px; }
.hstng_pln .pkg_box .btn { padding: 10px; display: inline-block; min-width: 200px; font-size: 13px; }

#domain-result { margin-top: 20px; padding: 10px 20px; text-align: left; }

.main_form .details__item label:has(input:checked),
.box-column.active { background: linear-gradient(45deg, #794aff, #a73ba7); }