body {
font-family: "Manrope", sans-serif !important;
}

nav.navbar {
    display: none !important;
}

.mainbody {
	width: clamp(320px, 90vw, 1550px) !important;
    margin-inline: auto !important;
    padding-inline: 16px !important;
    padding-block: clamp(40px, 6vw, 80px) !important;
}

.form-signin img {
	background: transparent !important;
	max-width: 160px !important;
}


.form-signin {
font-size: 24px !important;
    padding: clamp(3.2rem, 6vw, 6rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgba(94, 94, 94, 0.23), rgba(94, 94, 94, 0.8588235294)) 1 !important;
    background: rgba(89, 89, 89, .01) !important;
    backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    box-shadow: inset 0 10px 62px rgba(89, 89, 89, .2) !important;
    position: relative !important;
    border-image: linear-gradient(0deg, rgba(0, 240, 255, 0.4), #00F0FF) 1 !important;
    box-shadow: inset 0 10px 62px rgba(0, 240, 255, .17), 0 4px 44px 0 rgba(0, 240, 255, .2) !important;
}


.root-boxes .root-box {
    text-align: center !important;
    padding: clamp(3.2rem, 6vw, 6rem) clamp(2.4rem, 4vw, 4rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(185deg, rgba(94, 94, 94, 0.8588235294), rgba(94, 94, 94, 0.1294117647)) 1 !important;
    border-radius: 12px !important;
    transition: all .2s ease-in-out !important;
    background: #001112 !important;
    height: unset !important;
}


.root-boxes .root-box:hover {
    border: 1px solid !important;
    border-image: linear-gradient(185deg, #00F0FF, #00F0FF) 1 !important;
}


.root-boxes .root-box img {
    width: 100% !important;
    max-width: fit-content !important;
    margin-bottom: clamp(1.6rem, 2vw, 2.4rem) !important;
}

.root-boxes .root-box span {
    opacity: 1 !important;
    font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
    line-height: 150% !important;
    color: #b1b1b1 !important;
    
}

.root-news .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(1.2rem, 2.5vw, 0.8rem) clamp(2.4rem, 5vw, 3.4rem) clamp(1.1rem, 1.2vw, 0.7rem) clamp(2.4rem, 5vw, 3.4rem) !important;
    border-radius: 50px !important;
    font-size: clamp(1.4rem, 1vw, 0.8rem) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    cursor: pointer !important;
    text-align: center !important;
    background: #00f0ff !important;
    color: #001314 !important;
    border: #00f0ff solid 1px !important;
}

.root-news .card {
    padding: clamp(3.2rem, 6vw, 8rem) !important;
    border: #003033 solid 1px !important;
    background-color: #001314 !important;
}

.root-news .card .list-group-item {
background-color: #001314 !important;
border-bottom: #003033 dashed 1px !important;

}

.root-news .card .list-group-item:last-child {
    border-bottom: none !important;
}

.root-news .list-group-item a {
    padding-right: 34px !important;
    color: #fff !important;
    font-size: clamp(1.6rem, 1.5vw, 2rem) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    position: relative !important;
}

.root-news .list-group-item .w-100 {
    padding-left:24px !important;
}


.badge {
    font-size: 12px !important;
}

.badge-primary {
    background-color: transparent !important; 
}


/**********/


.section-account-header h1 {
    font-weight: 400 !important;
}

.section-product-card {
    padding: clamp(3.2rem,6vw,6rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgba(94,94,94,.23), rgba(94,94,94,.86)) 1 !important;
    background: rgba(89,89,89,.01) !important;
    backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    transition: .3s ease-in-out !important;
    box-shadow: inset 0 10px 62px rgba(89,89,89,.2) !important;
    position: relative !important;
    border-radius: 0 !important;
}


.section-product-card::before{
    content:"" !important;
    position:absolute !important;
    top:clamp(-20rem,-20vw,-12rem) !important;
    left:32% !important;
    width:clamp(12rem,20vw,22.1rem) !important;
    height:clamp(12rem,20vw,22.1rem) !important;
    background:#595959 !important;
    filter:blur(clamp(6rem,10vw,12.7rem)) !important;
    transition:.3s !important;
    z-index:0 !important;
}


.section-product-card > *{
    position:relative !important;
    z-index:1 !important;
}

.section-product-card .card-body,
.section-product-card .card-footer{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
}

.section-product-card .card-body{
    margin-bottom:3rem !important;
}

.section-product-card .card-title{
    display:block !important;
    color:#fff !important;
    font-size:clamp(2.4rem,2vw,3.2rem) !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.section-product-card p{
    color:rgba(255,255,255,.7) !important;
    margin-top:1rem !important;
}

.section-product-card .card-footer{
    border-top:1px dashed #003033 !important;
    padding-top:3rem !important;
    display:flex !important;
    flex-direction: column !important;
    justify-content:space-between !important;
    align-items:left !important;
}

.section-product-card-price{
    color:#fff !important;
    font-size:1.6rem !important;
    display: flex !important;
    flex-direction: column !important;

}

.section-product-card .card-footer .align-items-center {
    align-items: left !important;
}

.section-product-card-price b{
        display: block !important;
    margin-bottom: 0 !important;
    color: #00f0ff !important;
    font-size: clamp(2.8rem, 3vw, 5.2rem) !important;
    line-height: normal !important;
}

.section-product-card .button-primary-line{
    border-radius:50px !important;
    border:1px solid rgba(255,255,255,.3) !important;
    background:transparent !important;
    color:#fff !important;
    transition:.2s !important;
    padding: clamp(1.2rem, 2.5vw, 1.8rem) clamp(2.4rem, 5vw, 4.4rem) clamp(1.1rem, 2.2vw, 1.7rem) clamp(2.4rem, 5vw, 4.4rem) !important;
    margin-top: clamp(3.2rem, 4vw, 6rem) !important;
    
}

.section-product-card:hover .button-primary-line{
    background:#00F0FF !important;
    color:#000 !important;
    border-color:#00F0FF !important;
}

.section-product-card:hover{
    border-image:linear-gradient(0deg,rgba(0,240,255,.4),#00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.17),
        0 4px 44px rgba(0,240,255,.2) !important;
}

.section-product-card:hover::before{
    background:#00F0FF !important;
}

.section-product-cards .card-body .card-title {

    display: inline-block !important;
    padding: clamp(.8rem, 1.5vw, 1rem) clamp(1.6rem, 3vw, 2.1rem) !important;
    margin-bottom: clamp(1.2rem, 2vw, 1.8rem) !important;
    font-size: clamp(1.4rem, 1vw, 1.8rem) !important;
    font-weight: 400 !important;
    color: #fff !important;
    position: relative !important;
    border-radius: 40px !important;
    background: rgba(0, 0, 0, .4) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 1 !important;
    text-transform: uppercase !important;
}


.section-product-cards .card-body .card-title::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: inherit !important;
    background: linear-gradient(75deg, #00F0FF, rgba(0, 240, 255, 0.001)) !important;
    padding: 1px !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    z-index: -1 !important;
}


.section-product-cards .card-body .section-product-card-price {

 
    font-size: clamp(2.8rem, 4vw, 5.2rem) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    color: #00f0ff !important;
}


.card-footer .btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(1.2rem, 2.5vw, 1.8rem) clamp(2.4rem, 5vw, 4.4rem) clamp(1.1rem, 2.2vw, 1.7rem) clamp(2.4rem, 5vw, 4.4rem) !important;
    border-radius: 50px !important;
    font-size: clamp(1.4rem, 1vw, 1.8rem) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    cursor: pointer !important;
    text-align: center !important;
    width: 100% !important;
    border-radius: 50px !important;
    border: 1px solid hsla(0, 0%, 100%, .3) !important;
    transition: all .1s ease-in-out !important;
    margin-top: clamp(3.2rem, 4vw, 6rem) !important;
}

/******cart-1*******/

/* Card */
.bordered-section{
    padding: clamp(3.2rem,6vw,6rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgba(94,94,94,.23), rgba(94,94,94,.86)) 1 !important;
    background: rgba(89,89,89,.01) !important;
    backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    transition: all .3s ease-in-out !important;
    box-shadow: inset 0 10px 62px rgba(89,89,89,.2) !important;
    position: relative !important;
    border-radius: 0 !important;
}

/* Glow */
.bordered-section::before{
    content:"" !important;
    position:absolute !important;
    top:clamp(-20rem,-20vw,-12rem) !important;
    left:32% !important;
    width:clamp(12rem,20vw,22.1rem) !important;
    height:clamp(12rem,20vw,22.1rem) !important;
    background:#595959 !important;
    filter:blur(clamp(6rem,10vw,12.7rem)) !important;
    transition:all .3s ease-in-out !important;
    z-index:0 !important;
}

.bordered-section > *{
    position:relative !important;
    z-index:1 !important;
}

/* Product title */
.bordered-section strong{
    display:block !important;
    color:#fff !important;
    font-size:clamp(2.4rem,2vw,3rem) !important;
    font-weight:700 !important;
    margin-bottom:2rem !important;
}

/* Specs */
.bordered-section .my-3{
    color:rgba(255,255,255,.75) !important;
    font-size:1.6rem !important;
    line-height:2.2 !important;
    border-bottom:1px dashed #003033 !important;
    padding-bottom:3rem !important;
    margin-bottom:3rem !important;
}

/* Billing label */
.bordered-section .font-weight-normal{
    color:#fff !important;
    font-weight:500 !important;
    font-size:1.5rem !important;
}

/* Select */
.bordered-section .form-control{
    background:rgba(0,0,0,.35) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    border-radius:50px !important;
    height:48px !important;
    box-shadow:none !important;
}

.bordered-section .form-control:focus{
    border-color:#00F0FF !important;
    box-shadow:0 0 0 .2rem rgba(0,240,255,.15) !important;
}

/* Dropdown options */
.bordered-section .form-control option{
    background:#0a1114 !important;
    color:#fff !important;
}

/* Continue button */
.bordered-section .btn-success{
    width:100% !important;
    border-radius:50px !important;
    border:1px solid rgba(255,255,255,.3) !important;
    background:transparent !important;
    color:#fff !important;
    padding:1.2rem 2.8rem !important;
    transition:all .2s ease-in-out !important;
    box-shadow:none !important;
}

.bordered-section:hover .btn-success{
    background:#00F0FF !important;
    border-color:#00F0FF !important;
    color:#000 !important;
}

/* Hover */
.bordered-section:hover{
    border-image:linear-gradient(0deg, rgba(0,240,255,.4), #00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.17),
        0 4px 44px rgba(0,240,255,.2) !important;
}

.bordered-section:hover::before{
    background:#00F0FF !important;
}

/* Improve spacing */
.bordered-section .row{
    align-items:center !important;
}

.bordered-section .btn{
    min-width:160px !important;
}


/* ===========================
   CART CONFIGURATION
=========================== */

.default-cart.cart-configuration .card{
    background:rgba(89,89,89,.02) !important;
    backdrop-filter:blur(12px) !important;
    border:1px solid !important;
    border-image:linear-gradient(0deg,rgba(94,94,94,.23),rgba(94,94,94,.86)) 1 !important;
    box-shadow:inset 0 10px 62px rgba(89,89,89,.18) !important;
    margin-bottom:2.5rem !important;
    overflow:hidden !important;
    position:relative !important;
    transition:.3s ease !important;
}

.default-cart.cart-configuration .card::before{
    content:"" !important;
    position:absolute !important;
    width:18rem !important;
    height:18rem !important;
    top:-9rem !important;
    right:-4rem !important;
    background:#595959 !important;
    filter:blur(8rem) !important;
    transition:.3s ease !important;
    z-index:0 !important;
}

.default-cart.cart-configuration .card>*{
    position:relative !important;
    z-index:1 !important;
}



/* Headers */

.default-cart.cart-configuration .card-header{
    background:transparent !important;
    border-bottom:1px dashed #003033 !important;
    padding:2rem 2.8rem !important;
    color:#fff !important;
    font-size:2rem !important;
    font-weight:700 !important;
}

.default-cart.cart-configuration .card-header span,
.default-cart.cart-configuration .card-header strong{
    color:#00F0FF !important;
}

/* Body */

.default-cart.cart-configuration .card-body{
    padding:2.8rem !important;
    color:rgba(255,255,255,.75) !important;
}

/* Description */

#product_description{
    line-height:2.1 !important;
    font-size:1.6rem !important;
}

/* Labels */

.default-cart.cart-configuration dt{
    color:#fff !important;
    font-weight:600 !important;
}

.default-cart.cart-configuration dd{
    margin-bottom:0 !important;
}

/* Inputs */

.default-cart.cart-configuration .form-control{
    height:48px !important;
    border-radius:50px !important;
    background:rgba(0,0,0,.35) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    color:#fff !important;
    box-shadow:none !important;
}

.default-cart.cart-configuration .form-control:focus{
    border-color:#00F0FF !important;
    box-shadow:0 0 0 .2rem rgba(0,240,255,.15) !important;
}

.default-cart.cart-configuration option{
    background:#0b1113 !important;
    color:#fff !important;
}

/* Checkboxes */

.default-cart.cart-configuration .form-check{
    padding:1.2rem 0 1.2rem 2rem !important;
}

.default-cart.cart-configuration .form-check-input{
    width:18px !important;
    height:18px !important;
    background:#111 !important;
    border:1px solid rgba(255,255,255,.25) !important;
}

.default-cart.cart-configuration .form-check-input:checked{
    background:#00F0FF !important;
    border-color:#00F0FF !important;
}

.default-cart.cart-configuration .form-check label{
    color:#fff !important;
    font-size:1.6rem !important;
    cursor:pointer !important;
}

/* Prices */

.default-cart.cart-configuration .cart-item-price{
    color:#00F0FF !important;
    margin-top:1rem !important;
}

/* Divider */

.default-cart.cart-configuration hr{
    border:none !important;
    border-top:1px dashed #003033 !important;
    opacity:1 !important;
    margin:2rem 0 !important;
}

/* Small text */

.default-cart.cart-configuration small{
    color:rgba(255,255,255,.55) !important;
}

/* Continue button */

.default-cart.cart-configuration .btn-primary{
    min-width:240px !important;
    border-radius:50px !important;
    background:transparent !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.3) !important;
    padding:1.2rem 3.5rem !important;
    transition:.2s ease !important;
    box-shadow:none !important;
}

.default-cart.cart-configuration .btn-primary:hover{
    background:#00F0FF !important;
    color:#000 !important;
    border-color:#00F0FF !important;
}

/* Animation */

.default-cart.cart-configuration .card:hover .card-header{
    color:#00F0FF !important;
}


/*==============================
    ORDER SUMMARY
==============================*/

.cards-cart .card{
    background:rgba(89,89,89,.02) !important;
    backdrop-filter:blur(12px) !important;
    border:1px solid !important;
    border-image:linear-gradient(0deg,rgba(94,94,94,.23),rgba(94,94,94,.86)) 1 !important;
    box-shadow:inset 0 10px 62px rgba(89,89,89,.18) !important;
    overflow:hidden !important;
    position:relative !important;
    transition:all .3s ease-in-out !important;
    margin-bottom:3rem !important;
}

.cards-cart .card::before{
    content:"" !important;
    position:absolute !important;
    top:-12rem !important;
    right:-6rem !important;
    width:22rem !important;
    height:22rem !important;
    background:#595959 !important;
    filter:blur(10rem) !important;
    transition:all .3s ease-in-out !important;
    z-index:0 !important;
}

.cards-cart .card>*{
    position:relative !important;
    z-index:1 !important;
}

.cards-cart .card:hover{
    border-image:linear-gradient(0deg,rgba(0,240,255,.4),#00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.18),
        0 5px 40px rgba(0,240,255,.18) !important;
}

.cards-cart .card:hover::before{
    background:#00F0FF !important;
}

/* Header */

.cards-cart .card-header{
    background:transparent !important;
    border-bottom:1px dashed #003033 !important;
    padding:2rem 2.8rem !important;
}

.cards-cart .card-header strong{
    color:#00F0FF !important;
    font-size:2.2rem !important;
    font-weight:700 !important;
}

/* Body */

.cards-cart .card-body{
    padding:2.8rem !important;
}

/* Table */

.cards-cart table{
    width:100% !important;
    margin:0 !important;
    color:#fff !important;
    border-collapse:collapse !important;
}

.cards-cart thead{
    background:transparent !important;
}

.cards-cart th{
    color:#00F0FF !important;
    font-weight:600 !important;
    border-bottom:1px dashed #003033 !important;
    padding:1.5rem 1rem !important;
    text-transform:uppercase !important;
    letter-spacing:.08rem !important;
    font-size:1.4rem !important;
}

.cards-cart td{
    color:rgba(255,255,255,.75) !important;
    padding:1.8rem 1rem !important;
    border-bottom:1px dashed rgba(0,48,51,.45) !important;
    vertical-align:middle !important;
}

.cards-cart tbody:last-child td{
    border-bottom:none !important;
}

/* Product name */

.cards-cart .font-weight-bold{
    color:#fff !important;
    font-weight:700 !important;
}

/* Total rows */

.cards-cart tr:last-child td{
    border-bottom:none !important;
}

.cards-cart td strong{
    color:#fff !important;
}

.cards-cart .h1{
    color:#00F0FF !important;
    font-size:3.4rem !important;
    font-weight:700 !important;
}

/* Links */

.cards-cart a.text-primary{
    color:#00F0FF !important;
    text-decoration:none !important;
    transition:.2s !important;
}

.cards-cart a.text-primary:hover{
    color:#7CF7FF !important;
}

.cards-cart a.text-danger{
    color:#ff5b5b !important;
    text-decoration:none !important;
    transition:.2s !important;
}

.cards-cart a.text-danger:hover{
    color:#ff8787 !important;
}

/* Clear Cart Button */

.cards-cart .btn-outline-danger{
    background:transparent !important;
    border:1px solid rgba(255,255,255,.25) !important;
    color:#fff !important;
    border-radius:50px !important;
    padding:.9rem 2rem !important;
    transition:all .2s ease !important;
    box-shadow:none !important;
}

.cards-cart .btn-outline-danger i{
    color:inherit !important;
}

.cards-cart .btn-outline-danger:hover{
    background:#ff4b4b !important;
    border-color:#ff4b4b !important;
    color:#fff !important;
}

/* Totals */

.cards-cart tbody tr td:nth-last-child(1){
    color:#fff !important;
}

.cards-cart tbody tr:last-child td:last-child{
    color:#00F0FF !important;
    font-weight:700 !important;
}

/* Mobile */

@media (max-width:767px){

    .cards-cart .card-header{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:1.5rem !important;
    }

    .cards-cart .btn-outline-danger{
        width:100% !important;
        justify-content:center !important;
    }

    .cards-cart td,
    .cards-cart th{
        padding:1.2rem .8rem !important;
    }

}


/************/




body {
font-family: "Manrope", sans-serif !important;
}

nav.navbar {
    display: none !important;
}

.mainbody {
    width: clamp(320px, 90vw, 1550px) !important;
    margin-inline: auto !important;
    padding-inline: 16px !important;
    padding-block: clamp(40px, 6vw, 80px) !important;
}

.form-signin img {
    background: transparent !important;
    max-width: 160px !important;
}


.form-signin {
font-size: 24px !important;
    padding: clamp(3.2rem, 6vw, 6rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgba(94, 94, 94, 0.23), rgba(94, 94, 94, 0.8588235294)) 1 !important;
    background: rgba(89, 89, 89, .01) !important;
    backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    box-shadow: inset 0 10px 62px rgba(89, 89, 89, .2) !important;
    position: relative !important;
    border-image: linear-gradient(0deg, rgba(0, 240, 255, 0.4), #00F0FF) 1 !important;
    box-shadow: inset 0 10px 62px rgba(0, 240, 255, .17), 0 4px 44px 0 rgba(0, 240, 255, .2) !important;
}


.root-boxes .root-box {
    text-align: center !important;
    padding: clamp(3.2rem, 6vw, 6rem) clamp(2.4rem, 4vw, 4rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(185deg, rgba(94, 94, 94, 0.8588235294), rgba(94, 94, 94, 0.1294117647)) 1 !important;
    border-radius: 12px !important;
    transition: all .2s ease-in-out !important;
    background: #001112 !important;
    height: unset !important;
}


.root-boxes .root-box:hover {
    border: 1px solid !important;
    border-image: linear-gradient(185deg, #00F0FF, #00F0FF) 1 !important;
}


.root-boxes .root-box img {
    width: 100% !important;
    max-width: fit-content !important;
    margin-bottom: clamp(1.6rem, 2vw, 2.4rem) !important;
}

.root-boxes .root-box span {
    opacity: 1 !important;
    font-size: clamp(1.8rem, 1.9vw, 2rem) !important;
    line-height: 150% !important;
    color: #b1b1b1 !important;
    
}

.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(1.2rem, 2.5vw, 0.8rem) clamp(2.4rem, 5vw, 3.4rem) clamp(1.1rem, 1.2vw, 0.7rem) clamp(2.4rem, 5vw, 3.4rem) !important;
    border-radius: 50px !important;
    font-size: clamp(1.4rem, 1vw, 0.8rem) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    cursor: pointer !important;
    text-align: center !important;
    background: #00f0ff !important;
    color: #001314 !important;
    border: #00f0ff solid 1px !important;
}

.root-news .card {
    padding: clamp(3.2rem, 6vw, 8rem) !important;
    border: #003033 solid 1px !important;
    background-color: #001314 !important;
}

.root-news .card .list-group-item {
background-color: #001314 !important;
border-bottom: #003033 dashed 1px !important;

}

.root-news .card .list-group-item:last-child {
    border-bottom: none !important;
}

.root-news .list-group-item a {
    padding-right: 34px !important;
    color: #fff !important;
    font-size: clamp(1.6rem, 1.5vw, 2rem) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    position: relative !important;
}

.root-news .list-group-item .w-100 {
    padding-left:24px !important;
}


.badge {
    font-size: 12px !important;
}

.badge-primary {
    background-color: transparent !important; 
}


/**********/


.section-account-header h1 {
    font-weight: 400 !important;
}

.section-product-card {
    padding: clamp(3.2rem,6vw,6rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgba(94,94,94,.23), rgba(94,94,94,.86)) 1 !important;
    background: rgba(89,89,89,.01) !important;
    backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    transition: .3s ease-in-out !important;
    box-shadow: inset 0 10px 62px rgba(89,89,89,.2) !important;
    position: relative !important;
    border-radius: 0 !important;
}


.section-product-card::before{
    content:"" !important;
    position:absolute !important;
    top:clamp(-20rem,-20vw,-12rem) !important;
    left:32% !important;
    width:clamp(12rem,20vw,22.1rem) !important;
    height:clamp(12rem,20vw,22.1rem) !important;
    background:#595959 !important;
    filter:blur(clamp(6rem,10vw,12.7rem)) !important;
    transition:.3s !important;
    z-index:0 !important;
}


.section-product-card > *{
    position:relative !important;
    z-index:1 !important;
}

.section-product-card .card-body,
.section-product-card .card-footer{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
}

.section-product-card .card-body{
    margin-bottom:3rem !important;
}

.section-product-card .card-title{
    display:block !important;
    color:#fff !important;
    font-size:clamp(2.4rem,2vw,3.2rem) !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.section-product-card p{
    color:rgba(255,255,255,.7) !important;
    margin-top:1rem !important;
}

.section-product-card .card-footer{
    border-top:1px dashed #003033 !important;
    padding-top:3rem !important;
    display:flex !important;
    flex-direction: column !important;
    justify-content:space-between !important;
    align-items:left !important;
}

.section-product-card-price{
    color:#fff !important;
    font-size:1.6rem !important;
    display: flex !important;
    flex-direction: column !important;

}

.section-product-card .card-footer .align-items-center {
    align-items: left !important;
}

.section-product-card-price b{
        display: block !important;
    margin-bottom: 0 !important;
    color: #00f0ff !important;
    font-size: clamp(2.8rem, 3vw, 5.2rem) !important;
    line-height: normal !important;
}

.section-product-card .button-primary-line{
    border-radius:50px !important;
    border:1px solid rgba(255,255,255,.3) !important;
    background:transparent !important;
    color:#fff !important;
    transition:.2s !important;
    padding: clamp(1.2rem, 2.5vw, 1.8rem) clamp(2.4rem, 5vw, 4.4rem) clamp(1.1rem, 2.2vw, 1.7rem) clamp(2.4rem, 5vw, 4.4rem) !important;
    margin-top: clamp(3.2rem, 4vw, 6rem) !important;
    
}

.section-product-card:hover .button-primary-line{
    background:#00F0FF !important;
    color:#000 !important;
    border-color:#00F0FF !important;
}

.section-product-card:hover{
    border-image:linear-gradient(0deg,rgba(0,240,255,.4),#00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.17),
        0 4px 44px rgba(0,240,255,.2) !important;
}

.section-product-card:hover::before{
    background:#00F0FF !important;
}

.section-product-cards .card-body .card-title {

    display: inline-block !important;
    padding: clamp(.8rem, 1.5vw, 1rem) clamp(1.6rem, 3vw, 2.1rem) !important;
    margin-bottom: clamp(1.2rem, 2vw, 1.8rem) !important;
    font-size: clamp(1.4rem, 1vw, 1.8rem) !important;
    font-weight: 400 !important;
    color: #fff !important;
    position: relative !important;
    border-radius: 40px !important;
    background: rgba(0, 0, 0, .4) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 1 !important;
    text-transform: uppercase !important;
}


.section-product-cards .card-body .card-title::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    border-radius: inherit !important;
    background: linear-gradient(75deg, #00F0FF, rgba(0, 240, 255, 0.001)) !important;
    padding: 1px !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    z-index: -1 !important;
}


.section-product-cards .card-body .section-product-card-price {

 
    font-size: clamp(2.8rem, 4vw, 5.2rem) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    color: #00f0ff !important;
}


.card-footer .btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(1.2rem, 2.5vw, 1.8rem) clamp(2.4rem, 5vw, 4.4rem) clamp(1.1rem, 2.2vw, 1.7rem) clamp(2.4rem, 5vw, 4.4rem) !important;
    border-radius: 50px !important;
    font-size: clamp(1.4rem, 1vw, 1.8rem) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    cursor: pointer !important;
    text-align: center !important;
    width: 100% !important;
    border-radius: 50px !important;
    border: 1px solid hsla(0, 0%, 100%, .3) !important;
    transition: all .1s ease-in-out !important;
    margin-top: clamp(3.2rem, 4vw, 6rem) !important;
}

/******cart-1*******/

/* Card */
.bordered-section{
    padding: clamp(3.2rem,6vw,6rem) !important;
    border: 1px solid !important;
    border-image: linear-gradient(0deg, rgba(94,94,94,.23), rgba(94,94,94,.86)) 1 !important;
    background: rgba(89,89,89,.01) !important;
    backdrop-filter: blur(12px) !important;
    overflow: hidden !important;
    transition: all .3s ease-in-out !important;
    box-shadow: inset 0 10px 62px rgba(89,89,89,.2) !important;
    position: relative !important;
    border-radius: 0 !important;
}

/* Glow */
.bordered-section::before{
    content:"" !important;
    position:absolute !important;
    top:clamp(-20rem,-20vw,-12rem) !important;
    left:32% !important;
    width:clamp(12rem,20vw,22.1rem) !important;
    height:clamp(12rem,20vw,22.1rem) !important;
    background:#595959 !important;
    filter:blur(clamp(6rem,10vw,12.7rem)) !important;
    transition:all .3s ease-in-out !important;
    z-index:0 !important;
}

.bordered-section > *{
    position:relative !important;
    z-index:1 !important;
}

/* Product title */
.bordered-section strong{
    display:block !important;
    color:#fff !important;
    font-size:clamp(2.4rem,2vw,3rem) !important;
    font-weight:700 !important;
    margin-bottom:2rem !important;
}

/* Specs */
.bordered-section .my-3{
    color:rgba(255,255,255,.75) !important;
    font-size:1.6rem !important;
    line-height:2.2 !important;
    border-bottom:1px dashed #003033 !important;
    padding-bottom:3rem !important;
    margin-bottom:3rem !important;
}

/* Billing label */
.bordered-section .font-weight-normal{
    color:#fff !important;
    font-weight:500 !important;
    font-size:1.5rem !important;
}

/* Select */
.bordered-section .form-control{
    background:rgba(0,0,0,.35) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    border-radius:50px !important;
    height:48px !important;
    box-shadow:none !important;
}

.bordered-section .form-control:focus{
    border-color:#00F0FF !important;
    box-shadow:0 0 0 .2rem rgba(0,240,255,.15) !important;
}

/* Dropdown options */
.bordered-section .form-control option{
    background:#0a1114 !important;
    color:#fff !important;
}

/* Continue button */
.bordered-section .btn-success{
    width:100% !important;
    border-radius:50px !important;
    border:1px solid rgba(255,255,255,.3) !important;
    background:transparent !important;
    color:#fff !important;
    padding:1.2rem 2.8rem !important;
    transition:all .2s ease-in-out !important;
    box-shadow:none !important;
}

.bordered-section:hover .btn-success{
    background:#00F0FF !important;
    border-color:#00F0FF !important;
    color:#000 !important;
}

/* Hover */
.bordered-section:hover{
    border-image:linear-gradient(0deg, rgba(0,240,255,.4), #00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.17),
        0 4px 44px rgba(0,240,255,.2) !important;
}

.bordered-section:hover::before{
    background:#00F0FF !important;
}

/* Improve spacing */
.bordered-section .row{
    align-items:center !important;
}

.bordered-section .btn{
    min-width:160px !important;
}


/* ===========================
   CART CONFIGURATION
=========================== */

.default-cart.cart-configuration .card{
    background:rgba(89,89,89,.02) !important;
    backdrop-filter:blur(12px) !important;
    border:1px solid !important;
    border-image:linear-gradient(0deg,rgba(94,94,94,.23),rgba(94,94,94,.86)) 1 !important;
    box-shadow:inset 0 10px 62px rgba(89,89,89,.18) !important;
    margin-bottom:2.5rem !important;
    overflow:hidden !important;
    position:relative !important;
    transition:.3s ease !important;
}

.default-cart.cart-configuration .card::before{
    content:"" !important;
    position:absolute !important;
    width:18rem !important;
    height:18rem !important;
    top:-9rem !important;
    right:-4rem !important;
    background:#595959 !important;
    filter:blur(8rem) !important;
    transition:.3s ease !important;
    z-index:0 !important;
}

.default-cart.cart-configuration .card>*{
    position:relative !important;
    z-index:1 !important;
}

.default-cart.cart-configuration .card:hover{
    border-image:linear-gradient(0deg,rgba(0,240,255,.4),#00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.15),
        0 5px 40px rgba(0,240,255,.15) !important;
}

.default-cart.cart-configuration .card:hover::before{
    background:#00F0FF !important;
}

/* Headers */

.default-cart.cart-configuration .card-header{
    background:transparent !important;
    border-bottom:1px dashed #003033 !important;
    padding:2rem 2.8rem !important;
    color:#fff !important;
    font-size:2rem !important;
    font-weight:700 !important;
}

.default-cart.cart-configuration .card-header span,
.default-cart.cart-configuration .card-header strong{
    color:#00F0FF !important;
}

/* Body */

.default-cart.cart-configuration .card-body{
    padding:2.8rem !important;
    color:rgba(255,255,255,.75) !important;
}

/* Description */

#product_description{
    line-height:2.1 !important;
    font-size:1.6rem !important;
}

/* Labels */

.default-cart.cart-configuration dt{
    color:#fff !important;
    font-weight:600 !important;
}

.default-cart.cart-configuration dd{
    margin-bottom:0 !important;
}

/* Inputs */

.default-cart.cart-configuration .form-control{
    height:48px !important;
    border-radius:50px !important;
    background:rgba(0,0,0,.35) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    color:#fff !important;
    box-shadow:none !important;
}

.default-cart.cart-configuration .form-control:focus{
    border-color:#00F0FF !important;
    box-shadow:0 0 0 .2rem rgba(0,240,255,.15) !important;
}

.default-cart.cart-configuration option{
    background:#0b1113 !important;
    color:#fff !important;
}

/* Checkboxes */

.default-cart.cart-configuration .form-check{
    padding:1.2rem 0 1.2rem 2rem !important;
}

.default-cart.cart-configuration .form-check-input{
    width:18px !important;
    height:18px !important;
    background:#111 !important;
    border:1px solid rgba(255,255,255,.25) !important;
}

.default-cart.cart-configuration .form-check-input:checked{
    background:#00F0FF !important;
    border-color:#00F0FF !important;
}

.default-cart.cart-configuration .form-check label{
    color:#fff !important;
    font-size:1.6rem !important;
    cursor:pointer !important;
}

/* Prices */

.default-cart.cart-configuration .cart-item-price{
    color:#00F0FF !important;
    margin-top:1rem !important;
}

/* Divider */

.default-cart.cart-configuration hr{
    border:none !important;
    border-top:1px dashed #003033 !important;
    opacity:1 !important;
    margin:2rem 0 !important;
}

/* Small text */

.default-cart.cart-configuration small{
    color:rgba(255,255,255,.55) !important;
}

/* Continue button */

.default-cart.cart-configuration .btn-primary{
    min-width:240px !important;
    border-radius:50px !important;
    background:transparent !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.3) !important;
    padding:1.2rem 3.5rem !important;
    transition:.2s ease !important;
    box-shadow:none !important;
}

.default-cart.cart-configuration .btn-primary:hover{
    background:#00F0FF !important;
    color:#000 !important;
    border-color:#00F0FF !important;
}

/* Animation */

.default-cart.cart-configuration .card:hover .card-header{
    color:#00F0FF !important;
}


/*==============================
    ORDER SUMMARY
==============================*/

.cards-cart .card{
    background:rgba(89,89,89,.02) !important;
    backdrop-filter:blur(12px) !important;
    border:1px solid !important;
    border-image:linear-gradient(0deg,rgba(94,94,94,.23),rgba(94,94,94,.86)) 1 !important;
    box-shadow:inset 0 10px 62px rgba(89,89,89,.18) !important;
    overflow:hidden !important;
    position:relative !important;
    transition:all .3s ease-in-out !important;
    margin-bottom:3rem !important;
}

.cards-cart .card::before{
    content:"" !important;
    position:absolute !important;
    top:-12rem !important;
    right:-6rem !important;
    width:22rem !important;
    height:22rem !important;
    background:#595959 !important;
    filter:blur(10rem) !important;
    transition:all .3s ease-in-out !important;
    z-index:0 !important;
}

.cards-cart .card>*{
    position:relative !important;
    z-index:1 !important;
}

.cards-cart .card:hover{
    border-image:linear-gradient(0deg,rgba(0,240,255,.4),#00F0FF) 1 !important;
    box-shadow:
        inset 0 10px 62px rgba(0,240,255,.18),
        0 5px 40px rgba(0,240,255,.18) !important;
}

.cards-cart .card:hover::before{
    background:#00F0FF !important;
}

/* Header */

.cards-cart .card-header{
    background:transparent !important;
    border-bottom:1px dashed #003033 !important;
    padding:2rem 2.8rem !important;
}

.cards-cart .card-header strong{
    color:#00F0FF !important;
    font-size:2.2rem !important;
    font-weight:700 !important;
}

/* Body */

.cards-cart .card-body{
    padding:2.8rem !important;
}

/* Table */

.cards-cart table{
    width:100% !important;
    margin:0 !important;
    color:#fff !important;
    border-collapse:collapse !important;
}

.cards-cart thead{
    background:transparent !important;
}

.cards-cart th{
    color:#00F0FF !important;
    font-weight:600 !important;
    border-bottom:1px dashed #003033 !important;
    padding:1.5rem 1rem !important;
    text-transform:uppercase !important;
    letter-spacing:.08rem !important;
    font-size:1.4rem !important;
}

.cards-cart td{
    color:rgba(255,255,255,.75) !important;
    padding:1.8rem 1rem !important;
    border-bottom:1px dashed rgba(0,48,51,.45) !important;
    vertical-align:middle !important;
}

.cards-cart tbody:last-child td{
    border-bottom:none !important;
}

/* Product name */

.cards-cart .font-weight-bold{
    color:#fff !important;
    font-weight:700 !important;
}

/* Total rows */

.cards-cart tr:last-child td{
    border-bottom:none !important;
}

.cards-cart td strong{
    color:#fff !important;
}

.cards-cart .h1{
    color:#00F0FF !important;
    font-size:3.4rem !important;
    font-weight:700 !important;
}

/* Links */

.cards-cart a.text-primary{
    color:#00F0FF !important;
    text-decoration:none !important;
    transition:.2s !important;
}

.cards-cart a.text-primary:hover{
    color:#7CF7FF !important;
}

.cards-cart a.text-danger{
    color:#ff5b5b !important;
    text-decoration:none !important;
    transition:.2s !important;
}

.cards-cart a.text-danger:hover{
    color:#ff8787 !important;
}

/* Clear Cart Button */

.cards-cart .btn-outline-danger{
    background:transparent !important;
    border:1px solid rgba(255,255,255,.25) !important;
    color:#fff !important;
    border-radius:50px !important;
    padding:.9rem 2rem !important;
    transition:all .2s ease !important;
    box-shadow:none !important;
}

.cards-cart .btn-outline-danger i{
    color:inherit !important;
}

.cards-cart .btn-outline-danger:hover{
    background:#ff4b4b !important;
    border-color:#ff4b4b !important;
    color:#fff !important;
}

/* Totals */

.cards-cart tbody tr td:nth-last-child(1){
    color:#fff !important;
}

.cards-cart tbody tr:last-child td:last-child{
    color:#00F0FF !important;
    font-weight:700 !important;
}

/* Mobile */

@media (max-width:767px){

    .cards-cart .card-header{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:1.5rem !important;
    }

    .cards-cart .btn-outline-danger{
        width:100% !important;
        justify-content:center !important;
    }

    .cards-cart td,
    .cards-cart th{
        padding:1.2rem .8rem !important;
    }

}


/****************/
 
/* ===========================================
   Client Information — Signup Form
   Full coverage of every class in the markup
   Dark / cyan glassmorphism theme
=========================================== */

/* ---------- Card shell ---------- */
form .card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid !important;
  border-image:linear-gradient(0deg, rgba(94,94,94,.23), rgba(94,94,94,.86)) 1 !important;
  background:rgba(89,89,89,.01) !important;
  backdrop-filter:blur(12px) !important;
  box-shadow:inset 0 10px 62px rgba(89,89,89,.2) !important;
  border-radius:0 !important;
  color:#fff !important;
  font-family:"Manrope", sans-serif !important;
  padding:0 !important;
}

form .card::before{
  content:"" !important;
  position:absolute !important;
  top:-14rem !important;
  left:30% !important;
  width:22rem !important;
  height:22rem !important;
  background:#595959 !important;
  filter:blur(11rem) !important;
  transition:.3s !important;
  z-index:0 !important;
}

form .card:hover{
  border-image:linear-gradient(0deg, rgba(0,240,255,.4), #00F0FF) 1 !important;
  box-shadow:inset 0 10px 62px rgba(0,240,255,.17), 0 4px 44px rgba(0,240,255,.2) !important;
}

form .card:hover::before{
  background:#00F0FF !important;
}

form .card > *{
  position:relative !important;
  z-index:1 !important;
}

/* ---------- Card header + method toggle ---------- */
form .card-header{
  padding:2.4rem 2.8rem !important;
  border-bottom:1px dashed #003033 !important;
  background:transparent !important;
  gap:16px !important;
}

form .card-header strong{
  font-size:20px !important;
  font-weight:700 !important;
  color:#fff !important;
}

form .card-menu{
  gap:8px !important;
  padding:4px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:50px !important;
  background:rgba(0,0,0,.35) !important;
}



/* ---------- Card body / grid ---------- */
form .card-body{
  padding:2.8rem clamp(2.4rem, 4vw, 4.8rem) 3.6rem !important;
}

form #updater .row{
  display:flex !important;
  flex-wrap:wrap !important;
  margin:0 -12px !important;
  row-gap:20px !important;
}

form #updater .col-12,
form #updater .col-md-6{
  padding:0 12px !important;
  margin-bottom:4px !important;
}

/* ---------- Field wrappers (all form-group_* variants) ---------- */
form [class*="form-group_"]{
  position:relative !important;
  margin-bottom:4px !important;
}

form [class*="form-group_"] > label{
  display:block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.7) !important;
  margin-bottom:8px !important;
  letter-spacing:.01em !important;
}

form form-label-placeholder{
  display:block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.7) !important;
  margin-bottom:8px !important;
  letter-spacing:.01em !important;
  order:-1 !important;
}

form form-label-group{
  display:flex !important;
  flex-direction:column !important;
}

/* ---------- Inputs / selects ---------- */
form form-control{
  width:100% !important;
  height:50px !important;
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:50px !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:14.5px !important;
  padding:0 20px !important;
  outline:none !important;
  transition:.2s ease !important;
  appearance:none !important;
  box-shadow:none !important;
}

form selectform-control{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300F0FF' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 20px center !important;
  padding-right:40px !important;
}

form form-control option{
  background:#0a1114 !important;
  color:#fff !important;
}

form form-control::placeholder{
  color:rgba(255,255,255,.45) !important;
}

form form-control:focus{
  border-color:#00F0FF !important;
  box-shadow:0 0 0 3px rgba(0,240,255,.17) !important;
}

/* State field (text input hidden / select shown) */
form form-control.__state_input{
  display:none !important;
}

form form-control__state_select{
  width:100% !important;
  min-width:0 !important;
}

/* ---------- Phone / intl-tel-input widget ---------- */
form .iti{
  width:100% !important;
  position:relative !important;
}

form .iti input,
form .iti form-control{
  width:100% !important;
  padding-left:82px !important;
}

form .iti__flag-container{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:6px !important;
  display:flex !important;
  align-items:center !important;
  z-index:2 !important;
}

form .iti__selected-flag{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 10px !important;
  height:38px !important;
  border-radius:50px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  cursor:pointer !important;
}

form .iti__selected-dial-code{
  font-size:13.5px !important;
  font-weight:600 !important;
  color:#fff !important;
}

form .iti__arrow{
  width:0 !important;
  height:0 !important;
  border-left:4px solid transparent !important;
  border-right:4px solid transparent !important;
  border-top:4px solid rgba(255,255,255,.6) !important;
  margin-left:2px !important;
}

form .iti__country-list{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  z-index:20 !important;
  width:280px !important;
  max-height:280px !important;
  overflow-y:auto !important;
  background:#0a1114 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  box-shadow:0 12px 40px rgba(0,0,0,.5) !important;
  padding:6px !important;
  margin:0 !important;
  list-style:none !important;
}

form .iti__country-list.iti__hide{
  display:none !important;
}

form .iti__country{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:9px 12px !important;
  border-radius:8px !important;
  cursor:pointer !important;
  color:rgba(255,255,255,.85) !important;
  font-size:13.5px !important;
}

form .iti__country:hover,
form .iti__country.iti__active{
  background:rgba(0,240,255,.12) !important;
  color:#00F0FF !important;
}

form .iti__flag-box{
  width:20px !important;
  flex-shrink:0 !important;
}

form .iti__country-name{
  flex:1 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

form .iti__dial-code{
  color:rgba(255,255,255,.5) !important;
  font-size:12.5px !important;
}

/* ---------- Account-type toggle helpers ---------- */
form .iscomp,
form .ispr{
  transition:.2s ease !important;
}

/* ---------- Captcha ---------- */
form [class*="form-group_captcha"]{
  padding-top:20px !important;
}

form [class*="form-group_captcha"] hr{
  border:none !important;
  border-top:1px dashed #003033 !important;
  opacity:1 !important;
  margin:0 0 20px !important;
}

form [class*="form-group_captcha"] > div:first-of-type{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  margin-bottom:16px !important;
}

form .capcha{
  height:50px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.04) !important;
}

form [class*="form-group_captcha"] span{
  font-size:13px !important;
  color:rgba(255,255,255,.7) !important;
  line-height:1.6 !important;
}

form [class*="form-group_captcha"] a{
  color:#00F0FF !important;
  text-decoration:none !important;
}

form [class*="form-group_captcha"] a:hover{
  text-decoration:underline !important;
}


.form-label-group label.form-label-placeholder {
    position: relative !important;
}


.card-body input[type="text"],
.card-body input[type="email"],
.card-body input[type="password"],
.card-body input[type="number"],
.card-body input[type="tel"],
.card-body input[type="url"],
.card-body input[type="search"],
.card-body select,
.card-body textarea
{
    width: 100% !important;
    height: 50px !important;
    background: rgba(0,0,0,.35) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 14.5px !important;
    padding: 0 20px !important;
    outline: none !important;
    transition: .2s ease !important;
    appearance: none !important;
}


/*********************/


.row .my-4 select {
    font-size: 12px !important;
}


.table {
    font-size: 18px !important;
}

.text-small {
    font-size: 14px !important;
}


/* Modal */
.modal-content{
    background-color: #001314 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:20px !important;
    color:#fff !important;
    overflow:hidden;
}

/* Header */
.modal-header{
    padding:25px 30px !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
    background:transparent !important;
    align-items:center;
}

.modal-title{
    color:#fff !important;
    font-size:1.5rem;
    font-weight:700;
    margin:0;
}

/* Close Button */
.modal-header .close{
    background:none !important;
    border:0 !important;
    color:#fff !important;
    opacity:.7;
    transition:.2s ease;
}

.modal-header .close:hover{
    opacity:1;
    transform:rotate(90deg);
}

/* Body */
.modal-body{
    padding:30px !important;
}

/* Inputs */
.modal-body .form-control{
    width:100% !important;
    height:50px !important;
    background-color: #001314 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:50px !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:14.5px !important;
    padding:0 20px !important;
    outline:none !important;
    transition:.2s ease !important;
    appearance:none !important;
    box-shadow:none !important;
}

.modal-body .form-control:focus{
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(0,0,0,.35) !important;
    box-shadow:none !important;
}

.modal-body .form-control::placeholder{
    color:transparent;
}

/* Floating labels */
.form-label-placeholder{
    color:#fff !important;
    opacity:.6;
    left:20px;
}

.form-label-group input:focus + .form-label-placeholder,
.form-label-group input:not(:placeholder-shown) + .form-label-placeholder{
    opacity:1;
}

/* Links */
.modal-body a{
    color:#fff;
    opacity:.75;
    text-decoration:none;
    transition:.2s;
}

.modal-body a:hover{
    opacity:1;
}



/* Mobile */
@media(max-width:768px){

    .modal-header,
    .modal-body{
        padding:20px !important;
    }

    .d-flex.justify-content-between{
        flex-direction:column;
        gap:20px;
        align-items:stretch !important;
    }

    .modal-body .btn{
        width:100% !important;
    }
}