/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap');  */

.terms-page strong span{
    color: var(--clr-broun);
    font-size: 20px;
}

.alert-info-panel{
    border-radius: 25px;
    background: #121116;
    border: solid 1px #201F26;
    color: var(--clr-darkgray);
    padding: 20px;
}
/********* update *********/
.search-boxs{
    display: flex;
    justify-content: flex-end;
}
.inputs.inputs-group {
    height: 34px;
    font-size: 14px;
    border-radius: 4px 0 0 4px;
}
.btn-dropdown{
    border: solid 1px #3A3940;
    background: #121116;
    color: var(--clr-darkgray);
}
.rtl-nav .btn-dropdown{
    border-radius: 4px 0 0 4px !important;
}
.rtl-nav .btn-dropdown.dropdown-toggle {
    border-radius:  4px  !important;
}
.rtl-nav .inputs-group{
    border-radius: 0 4px 4px 0 !important;
}
.wrapper-update-table{
    overflow-x: auto;
}
.update-cell{
    min-width:111px;
}
.service-name{
    min-width:200px;
}
@media screen and (max-width:766px) {
    .wrapper-update-table .table-api td {
        font-size: 11px;
    }
}
/********* apis *********/
a.acc-link:hover{
    color: var(--clr-gold);
}
.table-api {
    background:#1a191e;
}

.table-api th {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border:1px solid #3A3940 !important;
    padding: 12px 8px !important;
}

.table-api td {
    font-size: 13px;
    color: var(--clr-darkgray);
    padding: 12px 8px !important;
    border:1px solid #3A3940 !important;
}


.table-api tbody tr:nth-child(odd) {
    background-color:  #211F26;
}
pre{
    border-radius: 25px;
    background: #121116;
    border: solid 1px #201F26;
    color: var(--clr-darkgray);
    padding: 16px;
}
.api p strong {
    color: var(--clr-lightgray);
    font-size: 16px;
    font-weight: normal;
}
.api h4 {
    margin-bottom: 20px;
    font-size: 22px;
    margin-top: 66px;
}
.api .btn-gold{
    font-size: 16px !important;
}
/********* modal *********/
.custom-modal{
    background: #121116;
    border-radius: 25px;
    border: solid 1px #201F26;
}
.custom-modal .modal-header {
    border-bottom: 1px solid #201F26;
    padding: 25px 20px;
}
.custom-modal .modal-footer {
    border-top: 1px solid #201F26;
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
}
.custom-modal span.inputs {
    line-height: 32px;
}
@media screen and (max-width:766px) {
    .custom-modal .modal-footer {
        flex-direction:column-reverse;
    }
    .custom-modal .modal-footer button:last-child {
        margin: 0;
        margin-bottom: 10px;
    }
}

/********* ref *********/
.ref{
    margin-top:60px;
}
.btn-ref-copy {
    border: solid 1px var(--clr-gold);
    border-radius: 20px;
    color: var(--clr-gold);
    padding: 4px 10px;
    background-color: #262022;
    height: 43px;
    width: 62px;
    position: relative;
}
#copy-alert {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    border: solid 1px var(--clr-gold);
    border-radius: 8px;
    color: white;
    padding: 4px 12px;
    background-color: #262022;
    font-size: 12px;
    transition: 0.2s;
    display:none;
}

#copy-alert::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 6px;
    border-style: solid;
    border-color: var(--clr-gold) transparent transparent transparent;
}

.btn-ref-copy:hover #copy-alert {
    display: block;
}
.ref-head,
.ref-item{
    display: flex;
    margin-bottom: 5px;
}
.ref-item{
    display: flex;
    background: #211F26;
    border-radius: 30px;
    border: solid 1px #3A3940;
    padding: 12px 0px;
    min-width: fit-content;
    width: 100%;
}

.ref-head > div , .ref-item>div{
    font-size: 14px;
    width: 144px ;
    text-align: center;
    color: var(--clr-darkgray);
    flex-shrink: 0;
}
.ref-item>div{
    color: white;
}
.ref-head > div:nth-child(1),
.ref-head > div:nth-child(2),
.ref-head > div:nth-child(3),
.ref-item>div:nth-child(1),
.ref-item>div:nth-child(2),
.ref-item>div:nth-child(3){
    width: 100px;
}

.payout-item > div , .payout-head>div{
    width: 32% !important;
}
/* mob */
.ref-mob--state{
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.5rem;
    justify-content: space-between;
}
.state-item{
    flex-direction: column;
    width: 32%;
    height: 77px;
    background: #211F26;
    border-radius: 30px;
    border: solid 1px #3A3940;
    /* flex-shrink: 0; */
}
.state-item h6{
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
}
.state-item > span{
    font-size: 10px;
    color: var(--clr-darkgray);
}
.table-payouts{
    background: #211F26;
    border-radius: 30px;
    border: solid 1px #3A3940;
    padding: 12px 0;
}
.table-payouts th {
    font-size: 10px;
    color: var(--clr-darkgray);
    text-align: center;
    border-bottom: none !important;
}
.table-payouts td {
    font-size: 13px;
    color: #fff;
    text-align: center;
    border-top: none !important;
    padding: 12px 8px !important;

}
.table-payouts tbody tr:nth-child(odd){
    background-color: #1a191e ;
}



/********* order *********/
.order-item-mob {
    border-radius: 20px;
    background: #131217;
    border: solid 1px #211F26;
    color: var(--clr-darkgray);
    font-size: 12px;
    margin-bottom: 16px;
}

.head-order-item-mob {
    display: flex;
    border-radius: 20px 20px 0 0;
    background: #211F26;
    padding: 14px 18px;
    align-items: flex-start;
}

.order-id {
    border: solid 1px #3A3940;
    border-radius: 4px;
    padding: 4px 8px;
    margin-inline-end: 10px;
}

.order-id h6 {
    color: #3A3940;
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.order-id p,
.order-small-text {
    color: var(--clr-darkgray);
    font-size: 10px;
    margin-bottom: 0;
}

.order-title {
    margin-inline-end: auto;
}

.order-title h5 {
    color: var(--clr-broun);
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    margin-bottom: 8px;
}

.body-order-item-mob {
    text-align: center;
    padding: 16px 20px;
    font-size: 14px;
    overflow: hidden;
}

/* desktop */
.orders , .ref {
    overflow: auto;
    padding-bottom: 20px;
    scrollbar-width: thin;
}

.orders-head {
    display: flex;
    padding: 12px 20px;
    width: fit-content;
}

.orders-head>div {
    width: 80px;
    font-size: 16px;
    color: var(--clr-darkgray);
    font-weight: normal;
    margin-right: 16px;
    flex-shrink: 0;
}

.order-item {
    display: flex;
    background: #131217;
    border-radius: 30px;
    border: solid 1px #201F26;
    margin-bottom: 5px;
    padding: 12px 20px;
    width: fit-content;
}

.order-item>div {
    width: 80px;
    font-size: 12px;
    color: var(--clr-darkgray);
    font-weight: normal;
    margin-right: 16px;
    overflow: hidden;
    white-space: nowrap;
    flex-shrink: 0;
    align-self: center;
}

.orders-head>div:nth-child(2),
.orders-head>div:nth-child(3),
.orders-head>div:nth-child(7),
    /* .orders-head>div:nth-child(6),
    .orders-head>div:nth-child(8),
    .orders-head>div:nth-child(9), */
    /* .order-item>div:nth-child(1),
    .order-item>div:nth-child(4),
    .order-item>div:nth-child(5), */
.order-item>div:nth-child(2),
.order-item>div:nth-child(3),
.order-item>div:nth-child(7) {
    width: 170px;
}



/* ===== Orders Status (Text Only) ===== */
.order-status{
    font-weight:600;        /* کمی بولدتر */
    font-size:13px;
    letter-spacing:0.2px;
    white-space:nowrap;
}

/* Completed */
.badge-completed{
    color:#22c55e; /* green */
}

/* Pending */
.badge-pending{
    color:#f59e0b; /* amber */
}

/* In progress */
.badge-inprogress,
.badge-processing{
    color:#38bdf8; /* blue */
}

/* Partial */
.badge-partial{
    color:#f97316; /* orange */
}

/* Canceled */
.badge-canceled{
    color:#ef4444; /* red */
}






/********* Ticket Thread *********/
.back-to-tickets:hover{
    color:var(--clr-gold);
    text-decoration: none;
}
.ticket-msg{
    border-radius: 20px;
    background: #131217;
    color: #999;
    padding: 15px 25px;
    font-size: 13px;
    border: solid 1px #201F26;
    margin: 5px 0;
}
.ticket-message-left .ticket-msg{
    background: #211F26;
}
.info-ticket{
    margin-bottom: 15px;
}
/********* Ticket list *********/
.list-ticket-header {
    padding: 12px 20px;
    display: flex;
}

.list-ticket-header>div {
    width: 25%;
    font-size: 16px;
    color: var(--clr-darkgray);
    font-weight: normal;
}

.ticket-item ,
.ticket-item-mob {
    background: #131217;
    border-radius: 20px;
    border: solid 1px #201F26;
    margin-bottom: 5px;
    padding: 14px 20px 14px 25px;
    transition: 0.2s;
    display: flex;
}

.ticket-item:hover {
    background: #211F26;
}

.ticket-item>div {
    width: 25%;
    font-size: 14px;
    color: var(--clr-darkgray);
    font-weight: normal;
}
.ticket-item a ,
.ticket-item-mob-title a ,
.ticket-item-mob-arrow  a {
    color: var(--clr-darkgray);
    text-decoration:none !important;
}
.ticket-item a strong ,
.ticket-item-mob-title a strong{
    color: white;
}

.id-status {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--clr-darkgray);
    margin-inline-end: 4px;
}
.ticket-item-mob{
    display: block;
    position: relative;
    margin-bottom: 12px;
}
.ticket-item-mob-title{
    display: flex;
    align-items: center;
    font-size: 17px;
    margin-bottom: 12px;
}
.ticket-item-mob-body{
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--clr-darkgray);
}
.ticket-item-mob-arrow{
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.rtl-ticket-item-mob-arrow{
    right: auto;
    left: 20px;
}
.bg-broun {
    background: var(--clr-broun) !important;
}

.bg-green {
    background: var(--clr-green) !important;
}
.bg-red {
    color: #ff6666;
}

.bg-darkgray {
    background: var(--clr-darkgray) !important;
}
/********* add funds *********/
.hide-element{
    height: 0;
    overflow: hidden;
}
#addFunds .panel-body{
    background: #121116;
    border-radius: 30px;
    border: solid 1px #201F26;
    color: var(--clr-darkgray);
    padding: 20px 25px;
}
#addFunds .panel-body > div{
    margin-bottom:10px;
}
.addfunds{
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: flex-start;
}
.payment{
    background: #121116;
    padding: 15px 20px;
    border-radius: 30px;
    border: solid 1px #201F26;
    width: 360px;
}
.payment-head img{
    width: 45px;
    height:45px
}
.payment-head > div{
    display: flex;
    align-items: center;
}
.payment-head h4{
    font-size:15px;
    font-weight:normal;
    padding-inline-end: 10px;
}
.payment-head .fa-chevron-right{
    transition:0.3s
}
.payment-body{
    display: none;
    margin-top: 30px;
    margin-bottom: 10px;
}
.amount-inputs{
    display: flex;
}
.amount-inputs input{
    margin-inline-end: 10px;
    color: var(--clr-green);
    font-weight: bold;
    text-align: center;
}
.payment-head-arrow {
    transition: 0.3s;
}
.me-auto{
    margin-inline-end: auto;
}
.ms-auto{
    margin-inline-start: auto;
}
@media screen and (max-width:766px) {
    .transactions-history .ticket-item > div{
        font-size:11px;
    }
    .transactions-history .list-ticket-header > div{
        font-size:11px;
    }
    .ticket-item , .list-ticket-header{
        padding:12px;
    }
    .payment{
        width:100%;
    }
}

/********* new roder *********/
.brand-company {
    background: #121116;
    padding: 20px;
    border-radius: 15px;
    border: solid 1px #201F26;
    display: flex;
    gap: 1rem;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.brand-category {
    color: var(--clr-darkgray);
    background: #19171E;
    border-radius: 8px;
    cursor: pointer;
    height: 46px;
    width: 23%;
    font-size: 14px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    border: solid 1px #323137;
}

.brand-category:hover {
    color: var(--clr-gold);
    border-color: var(--clr-gold);
    background: #262024;
}
.brand-category span{
    margin-inline-start: 8px;
}
.neworder{
    background: #121116;
    padding: 40px 25px;
    border-radius: 25px;
    border: solid 1px #201F26;
}
.account .neworder{
    padding: 25px 25px;
}
.charge-newroder{
    font-size: 24px;
    color: var(--clr-green) !important;
}
.charge-newroder small{
    font-size: 12px;
    color: var(--clr-darkgray);
}
.panel-inputs[disabled],
.panel-inputs[readonly]{
    background-color: #211F26;
    color: var(--clr-lightgray);
}
.panel-inputs{
    height: 46px !important;
    font-size: 16px !important;
    padding-inline: 25px !important;
}
.neworder .select2-selection--single.form-control{
    height: 46px !important;
    font-size: 16px !important;
    padding-inline: 25px !important;
    width: 100%;
    border: solid 1px #3A3940;
    border-radius: 40px !important;
    color: white;
    background: #211F26;
    transition: 0.2s;
    box-shadow: none !important;
    display: inline-block;
    direction: ltr;
}
.neworder .select2-selection__text{
    line-height: 33px;
    font-size:16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 13px !important;;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
}
#fields input ,
.fields input {
    height: 46px;
    width: 100%;
    border: solid 1px #3A3940;
    border-radius: 40px;
    font-size: 16px;
    color: white;
    background: #211F26;
    box-shadow: none !important;
    padding-inline: 35px;
}
.fields input:focus,
.fields input:focus {
    border-color: #6C6B73;
    background: #3B3940;
}
#service_description .panel-body{
    width: 100%;
    border: solid 1px #3A3940;
    border-radius: 30px;
    font-size: 16px;
    color: white;
    background: #211F26;
    box-shadow: none !important;
    padding-inline: 35px;
}
.neworder-submit{
    display: flex;
    align-items: center;
}
#charge{
    background: none;
    border: none;
    color: var(--clr-gold);
    width: fit-content;
    padding: 0;
    max-width: 150px;
}
@media screen and (max-width:766px) {
    .neworder-submit{
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (max-width:500px) {
    .brand-company {
        padding: 16px 8px;
    }

    .brand-category {
        width: 30%;
        font-size: 12px;
        height: 40px;
    }
    .brand-category span{
        margin-inline-start: 4px;
    }
}
/************************ massorder *************************/
.massorder-label,
.panel-label,
#service_description label ,
.fields label ,
#instruction_instruction label{
    margin-bottom: 12px;
    display: inline-block;
    font-weight:normal;
    color: var(--clr-broun);
}
.neworder textarea,
.massorder-content textarea,
.textareas{
    background: #211F26;
    padding: 16px 25px;
    border: 1px solid #3A3940;
    border-radius: 25px;
    height: 150px;
    box-shadow: none !important;
    color:white;
    width:100%;
}
.massorder-bnt-gold ,
.panel-btn-gold{
    font-size: 20px !important;
    height: 44px !important;
    width: 250px !important;
}
.massorder-bnt-gold img ,
.panel-btn-gold img{
    margin-inline:8px;
    width:14px;
}
@media screen and (max-width:766px) {
    .massorder-bnt-gold ,
    .panel-btn-gold{
        font-size: 17px !important;
        width: 100% !important;
    }
    .massorder-bnt-gold img ,
    .panel-btn-gold img{
        width:11px;
    }
    .massorder-label{
        margin-inline-start: 24px;
        font-size: 12px;
        font-weight: normal;
    }
}
/************************ services *************************/
.panel--main-content h1,h2,h3,h4,h5,h6{
    color: white;
}
.panel--main-content p{
    color: var(--clr-darkgray);
}
.green{
    color: #77aa45 !important;
}
.display-flex{
    display: flex;
}
.panel-title > .hidden-xs{
    display: flex;
    align-items: flex-start;
    margin-bottom:50px
}
.panel-title h1{
    font-size: 44px;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top:0;
    color: var(--clr-gold);
}
.panel-title-log{
    padding-top: 12px;
    position: relative;
}
.panel-title-log::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
    width: 1px;
    height: 40px;
    background: var(--clr-gold);
}

.services--category{
    border: solid 1px #3A3940;
    border-radius: 30px;
    padding: 16px 20px 16px 23px;
    background: #211F26;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.services-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.services--category .services-title h4{
    color: white;
    font-size: 17px;
    margin-inline-start: 10px;
    margin-block: 0;
    font-weight: 400;
    margin-inline-end: 16px;
}
.services--category-name span{
    color: var(--clr-darkgray);
    font-size: 18px;
}
.services--category-name{
    display: flex;
    align-items: center;
}
.services--category--quantity{
    font-size: 12px;
    color: var(--clr-darkgray);
    margin-bottom: 1px;
}
.services--category-view{
    display: flex;
    align-items: center;
}
.services--category-view .fa-chevron-right ,
.services--category-view .services-arrow{
    font-size: 16px;
    margin-inline-start: 13px;
    transition: 0.3s;
    color: white;
}
.services-body{
    margin-top: 20px;
    display:none;
}
.view-service-info{
    background: transparent;
}
.services-body > div{
    padding: 16px 20px;
    margin-bottom: 10px;
    background: #131217;
    border-radius: 8px;

}
.services-body .service-detail{
    display: flex;
    align-items: center;
    background: #131217;
    margin-bottom: 20px;
}
.services-body .service-info{
    background:#3b3940;
    color: white;
    border-radius: 8px;
    padding: 16px;
    display: none;
}
.services-body--id{
    border: solid 1px #323137;
    border-radius: 4px;
    padding: 6px 16px;
    text-align: center;
}
.services-body--id h4{
    font-size: 30px;
    color: #323137;
    margin: 0 !important;
}
.services-body--id span{
    color: var(--clr-darkgray);
}
.services-body--name{
    font-size: 17px;
    margin-bottom: 14px;
}
.service-price {
    font-size: 18px;
    margin-bottom: 0;
}
.services-body-text .minmax span{
    padding-inline:5px;
}
.services-body-text .minmax .min{
    border-inline-end:1px solid;
}
.rtl-content .services-body-text .minmax .min{
    border-inline-end:none;
}
.services-body-text{
    width: 100%;
}
.services-body a.broun{
    margin-inline-start: 60px;
}
@media screen and (max-width:991px) {
    .panel-title {
        display: block;
    }
    .panel-title .visible-xs h1{
        font-size: 26px;
        text-align: center;
        margin-bottom: 30px;
    }
    .services--category .services-title h4{
        font-size: 14px;
    }
    .services-body a.broun {
        margin-inline-start: 16px;
        font-size: 12px;
    }
    .services-body > div{
        padding: 16px 12px;
    }
    .services-body--id h4 {
        font-size: 20px;
    }
    .services-body--id span{
        font-size: 12px;
    }
    .services-body--id{
        padding: 4px 11px;
        margin-inline-end: 12px !important;
    }
    .services-body--name {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .service-price {
        font-size: 12px;
    }
    .services-body-text p.mb-0{
        font-size:8px;
    }
}

/************************ sidebar *************************/
.sidebar{
    padding-top: 60px ;
    background: #19171E;
    border-radius: 30px;
    border:var(--panle-border);
    min-height: 90vh;
}
.sidebar--log{
    flex-direction: column;
}
.sidebar--log h3{
    color: white;
    font-size: 22px;
}
.sidebar--list{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 200px;
}
.sidebar--list li{
    padding: 12px 0 12px 30px;
    margin-inline-start: 8px;
    list-style: none;
    border-radius: 8px;
    transition: 0.2s;
    margin-bottom: 3px;
}
.sidebar--list li a{
    color: var(--clr-darkgray);
    font-size: 18px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.sidebar--list li.active ,
.sidebar--list li:hover{
    background:rgb(57,45,44);
    background: linear-gradient(90deg , rgba(33, 30, 34, 0.26) ,rgb(57,45,44));
    transform: translateX(10px);
    transition: 0.2s;
}
.rtl-sidebar--list li.active ,
.rtl-sidebar--list li:hover{
    background: linear-gradient(-90deg , rgba(33, 30, 34, 0.26) ,rgb(57,45,44));
    transform: translateX(-10px);
}
.sidebar--list li.active a{
    color: white;
    font-size: 19px;
}
.sidebar--list li i{
    color: var(--clr-broun);
    font-size: 20px;
    margin-inline-end: 8px;
}
.panel--main-content{
    margin-bottom:80px
}

.panel--top-bar{
    background: #19171E;
    border-radius: 30px;
    border:var(--panle-border);
    width: 100%;
    padding: 20px;
}
.topbar--account{
    display: flex;
    align-items: center;
}
.topbar--account-icon{
    background: var(--clr-bg);
    border-radius: 50%;
    width:57px ;
    height:57px ;
}
.topbar--account-icon svg{
    width:28px ;
    height:28px ;
}
.topbar--account-name p{
    color: white;
    font-size: 18px;
    margin-bottom: -4px;
}
.topbar--account-name a{
    color: var(--clr-darkgray);
    font-size: 12px;
    padding-inline-end: 8px;
    text-decoration: none;
}
.topbar--account-name a:last-child{
    border-inline-start: 1px solid var(--clr-darkgray);
    padding-inline-start: 8px;
}
.topbar--wallet > span ,
.topbar--wallet .currency{
    color: white;
    margin-inline-start: 10px;
}
.dropdown-currencies > a{
    color: white !important;
    text-decoration:none;
}
.topbar--wallet{
    padding-bottom: 4px;
}
.topbar--right{
    display: flex;
    align-items: start;
}
/********* mob-menu *********/
.wrapper-mob-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #18171e;
    border-top: 1px solid #3A3940;
    z-index: 99999;
    display: none;
}
.mob-menu {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: space-around;
    list-style-type: none;
}
.mob-menu li {
    padding: 13px 0 10px 0;
    width: 25%;
}

.mob-menu li.active {
    background: rgb(57, 45, 44);
    background: linear-gradient(rgb(57, 45, 44), rgba(33, 30, 34, 0.26));
    transition: 0.2s;
}
.mob-menu li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--clr-darkgray);
    font-size:10px;
}
.mob-menu li a:hover{
    text-decoration: none;
}
.mob-menu li a i{
    font-size: 22px;
    color: var(--clr-darkgray);
    margin-bottom: 4px;
}
.mob-menu li.active a{
    color:#FFF;
}
.mob-menu li.active a i{
    color: var(--clr-broun);
}

.panel-menu{
    display:none;
}
@media screen and (max-width:991px) {
    .sidebar--list li{
        padding: 12px 0 12px 14px;
        margin-left: 4px;
    }

    .sidebar--list li a{
        font-size: 13px;
    }
    .sidebar--list li.active a{
        font-size: 14px;
    }
    .sidebar--list li i{
        font-size: 15px;
    }

}
@media screen and (min-width:766px){
    .navbar-toggle1{
        display: none  !important;
    }
}
@media screen and (max-width:766px) {
    .topbar--right{
        align-items: center;
    }
    #navbar1{
        background: rgb(18, 17, 22);
        border-radius: 0px 0px 16px 16px;
    }
    #navbar1 .nav--menu li a {
        font-size: 14px;
    }
    .panel-menu{
        display: block;
    }
    .panel--top-bar{
        border-radius: 0px;
        border:none;
        border-bottom:var(--panle-border);
        width: initial;
        padding: 10px 20px;
        margin:0 -15px;
    }
    .topbar--account-name{
        display:none;
    }
    .btn-account-mob{
        border: none;
        background: transparent;
    }
    .topbar--account-icon{
        position: relative;
    }
    .wrapper-mob-menu{
        display: block;
    }
}
/************************ landing *************************/
.mx-100 {
    max-width: 100% !important;
    height: auto;
}

.hero--text h1 {
    color: var(--clr-broun);
    font-size: 60px;
    margin-top: 60px;
}

.hero--text h1 span {
    color: white;
}

.hero--text p {
    color: #B3B3B3;
    font-size: 21px;
}

.hero--text p span {
    color: white;
}

.hero--props {
    margin-top: 55px;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.hero--props>img {
    width: 80px;
}

.hero--props h2 {
    color: white;
    font-size: 36px;
    margin-inline-start: 20px;
    line-height: 1.3;
    margin-bottom: 50px !important;
    margin-top: -12px;
}

.services-link {
    margin-inline-start: 100px;
}

.btn-gold-mini {
    width: 222px !important;
}

.btn-gold-mini img {
    margin-inline-end: 8px;
}

.hero--props .btn-scroll,
.btn-scroll {
    position: absolute;
    bottom: -24px;
    left: 35px;
    transform: rotate(90deg);
}

.btn-scroll img {
    animation: btn-scrool-animation infinite 1.5s ease-in-out;
    position: absolute;
}

@keyframes btn-scrool-animations {
    0% {
        left: 0;
    }

    50% {
        left: 10px;
    }

    100% {
        left: 0;
    }
}

/* landing form */
.gaps8 .col-md-4{
    padding-inline:8px !important ;
}
.landing-submit{
    display:flex;
    align-items:center;
}
.landing-submit .container-chk{
    margin-inline-end:auto;
}
.landing-parg {
    color: #B3B3B3;
}

.red {
    color: #ff6666;
}
.gold {
    color: var(--clr-gold);
}
.broun{
    color: var(--clr-broun) !important;
}
.sing-in-title .landing-parg {
    max-width: 70%;
    margin-bottom: 44px;
}

.show-mob {
    display: none !important;
}
.rememberme-mob{
    display:none;
}
.landing--headings {
    color: white;
    font-size: 44px;
}
.landing-form-links{
    font-size: 18px;
    color: #b3b3b3;
    margin-inline-start: 25px;
    margin-top: -5px;
    display: block;
}
.landing-form-links a{
    color: #BC8971;
}
.landing-form-links a:hover{
    color: #BC8971;
}
/* why smm */
.landing-heading-bright {
    color: white;
    text-align: center;
    font-size: 44px;
    position: relative;
    margin-bottom: 40px;
}

.landing-heading-bright:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    top: 0;
    left: 50%;
    box-shadow: 0px 0px 381px 61px #bc8971;
}

.circle-bg {
    background: url(https://storage.perfectcdn.com/7x55kc/mtucx4u2j6iyp2fa.png) no-repeat center;
    position: relative;
    height: 350px;
}

.circle-part {
    position: absolute;
    font-weight: 500;
    text-align: center;
}

.circle-part h4 {
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}

.great-quality {
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    color: #b3b3b3;
}

.really-cheap {
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    color: #b3b3b378;
}

.extra-quick {
    right: 2%;
    top: 56%;
    transform: translateY(-50%);
    color: #b3b3b3b0;
}

.multiple-payment {
    left: 2%;
    top: 56%;
    transform: translateY(-50%);
    color: #b3b3b3b0;
}

.circle-bg .btn-scroll {
    left: 50%;
    transform: rotate(90deg) translateX(-50%);
    bottom: -10px;
}

/* where to begin */
.step-container {
    border-radius: 42px;
    background-color: #282224;
    text-align: center;
}

.step--title {
    color: white;
    font-size: 22px;
    padding-block: 25px;
    border-radius: 50px;
    position: relative;
}

.step--title::before {
    content: '';
    position: absolute;
    top: 0;
    left: -55%;
    bottom: 0;
    width: 90%;
    display: block;
}

.step--title-create {
    background: #BC8971;
    z-index: 12;
}

.step--title-create::before {
    display: none;
}

.step--title-adding {
    background: #7B5C4F;
    z-index: 10;
}

.step--title-adding::before {
    background: #7B5C4F;
    z-index: -99;
}

.step--title-pick {
    background: #654C43;
    z-index: 8;
}

.step--title-pick::before {
    background: #654C43;
    z-index: -99;
}

.step--title-enjoy {
    background: #443532;
    z-index: 6;
}

.step--title-enjoy::before {
    background: #443532;
    z-index: -99;
}

.step--title-img {
    position: absolute;
    right: -10px;
}

.step--text {
    padding: 25px 30px;
}

.step--title-num {
    display: none;
}

/* testimonial */
.testimonial-bg {
    background: url(https://storage.perfectcdn.com/7x55kc/f4u0d6x0dw58y45w.png) no-repeat center;
    background-size: cover;
    background-position-y: 60px;
    padding-bottom: 100px;
    position: relative;
}

.testimonial-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 75px;
    bottom: 0;
    right: 90px;
    background: url(https://storage.perfectcdn.com/7x55kc/hsn0ioh9wmfob99l.png) no-repeat center;
    background-size: contain;
}

.testimonial-item {
    display: flex;
    align-items: center;
    position: relative;
    margin-inline: 10px;
}

.testimonial-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 26%;
    content: '';
    background: #272021;
    z-index: -2;
    border-radius: 40px;
}

.testimonial-text--name {
    color: white;
    font-size: 22px;
}

.testimonial-text--position {
    color: #B7856E;
    font-size: 14px;
    margin-bottom: 10px !important;
}

.testimonial-text--des {
    color: #B2B2B2;
    font-size: 18px;
    margin-bottom: 0 !important;
}

.slick-arrows {
    position: absolute;
    bottom: 36%;
    background: transparent;
    z-index: 5;
    border: none;
    outline: none;
}

.slick-prev {
    left: -7px;
    transform: rotate(180deg) translateY(-36%);
}

.slick-next {
    right: -7px;
    transform: translateY(36%);
}

.slick-dots {
    position: absolute;
    bottom: -20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
}

.slick-dots button {
    background: #4C3A36;
    width: 18px;
    height: 3px;
    border-radius: 4px;
    border: none;
    margin: 0 3px;
    color:transparent;
}

.slick-dots li.slick-active button {
    background: #B2826C;
}

/* faq */
.faq-bg {
    background: url(https://storage.perfectcdn.com/7x55kc/h4j5hwm5gpyytqym.png) no-repeat center;
    background-position-y: 60px;
    margin-bottom: 110px;
    position: relative;
}

.question-mark {
    float: right;
    max-width: 310px;
}

.faq {
    background: #19171C;
    border-radius: 50px;
    margin-bottom: 12px;
}

.faq-question {
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding-inline: 50px 32px;
    background: #292324;
    cursor: pointer;
}

.faq-question-num {
    font-size: 68px;
    color: #4D3836;
    line-height: 1.4;
}

.faq-question-title {
    font-size: 22px;
    color: #fff;
    margin: 0;
    margin-inline-end: auto;
    margin-inline-start: 40px;
    padding-inline-end: 12px;
}

.faq-question-arrow {
    transition: 0.3s;
}

.faq-answer {
    padding: 20px 65px 20px 160px;
    font-size: 20px;
    color: #B2B2B2;
    text-align: justify;
    display: none;
}

.question-mark-bg {
    display: none;
}


@media screen and (min-width:1399px) {
    .multiple-payment {
        left: 9%;
    }

    .extra-quick {
        right: 9%;
    }
}

@media screen and (max-width:991px) {
    .btn-gold-mini {
        width: 100% !important;
    }

    .btn-scroll {
        display: none;
    }

    .circle-bg {
        background: none;
    }

    .circle-part {
        position: initial;
        transform: none !important;
        background: linear-gradient(90deg, #1d1c24, #1d1c2424);
        border-radius: 20px;
        padding: 13px 10px;
        margin-bottom: 10px;
    }

    .circle-part h4 {
        color: #dad7d6 !important;
        font-size: 16px;
        font-weight: 400;
    }

    .circle-part p {
        color: #b3b3b3 !important;
        font-size: 10px;
        margin-bottom: 0;
    }

    .great-quality,
    .extra-quick {
        background: linear-gradient(-90deg, #1d1c24, #1d1c2424);
    }
    .step-container {
        background: transparent;
    }

    .step {
        display: flex;
        margin-bottom: 12px;
    }

    .step--title::before {
        display: none;
    }

    .step--title {
        font-size: 13px;
        width: 46%;
        border-radius: 22px 34px 12px 22px;
        text-align: left;
        align-content: center;
        display: flex;
        align-items: center;
        padding-block: 0;
        padding-inline: 14px;
        white-space: nowrap;
    }
    .rtl-step--text{
        text-align: right !important;
    }
    .step--title-img {
        position: absolute;
        right: auto;
        bottom: -15px;
        transform: rotate(90deg);
        width: 16px;
        left: 30px;
    }

    .step--text {
        padding: 15px 20px;
        width: 54%;
        background: #1c1b23b8;
        font-size: 9px;
        border-radius: 0 34px 12px 0;
        text-align: left;
        align-self: center;
        position: relative;
    }

    .step--text::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 64%;
        background: #1c1b23b8;
        z-index: -3;
        left: -45%;
    }

    .step--title-num {
        display: inline;
        font-size: 18px;
        color: #b3827c;
        margin-inline-end: 8px;
    }

    .step--title-create {
        background: #614a44;
        z-index: 0;
    }

    .step--title-adding {
        background: #513e3c;
        z-index: 0;
    }

    .step--title-pick {
        background: #3d3131;
        z-index: 0;
    }

    .step--title-enjoy {
        background: #2c242a;
        z-index: 0;
    }

    .deging::before {
        z-index: -5 !important;
    }

    .deging {
        margin-bottom: 60px !important;
    }

    .faq-bg {
        background: initial;
    }

    .question-mark {
        display: none;
    }

    .faq {
        border-radius: 25px;
        opacity: 0.8;
    }

    .faq-question {
        padding-inline: 18px 16px;
        padding-block: 5px;
        background: #262022;
    }

    .faq-question-num {
        font-size: 32px;
        line-height: 1.5;
    }

    .faq-question-title {
        font-size: 14px;
        margin-inline-start: 15px;
    }

    .faq-question-arrow {
        width: 18px;
    }

    .faq-answer {
        padding: 10px 35px 10px 65px;
        font-size: 13px;
    }

    .question-mark-bg {
        display: block;
        position: absolute;
        top: 150px;
        opacity: 0.1;
        max-width: 40%;
        margin-inline: auto;
        z-index: -2;
        left: 50%;
        transform: translateX(-50%);
    }
    .sing-in-title .landing--headings {
        font-size: 32px;
        text-align: center;
    }
    .sing-in-title .landing-parg {
        max-width: 100%;
        font-size: 14px;
        margin-bottom: 30px;
    }
    .landing-form-links.show-mpb{
        text-align: center;
        font-size: 14px;
        margin-top: 20px;
    }
    .rememberme-mob{
        display:flex;
        align-items: center;
        justify-content: space-between;
    }
    .show-mob {
        display: block !important;;
        text-align: center;
    }
    .show-mob.center-between{
        display: flex !important;
    }

    .show-desktop {
        display: none !important;
    }
}

@media screen and (max-width:766px) {
    .hero {
        position: relative;
        margin-top: -50px;
    }
    .position-static{
        position: static !important ;
    }
    .hero--img {
        position: absolute;
        top: 10%;
        z-index: -4;
        width: 80%;
        right: 0;
        max-width: 340px;
    }

    .hero--text {
        width: 55%;
    }

    .hero--text h1 {
        font-size: 32px;
        margin-top: 60px;
    }

    .hero--text h1 span {
        display: block;
    }

    .hero--text p {
        font-size: 14px;
    }

    .hero--props {
        margin-top: 35px;
    }

    .hero--props>img {
        width: 35px;
    }

    .hero--props h2 {
        font-size: 15px;
        margin-inline-start: 10px;
        line-height: 1.4;
        margin-bottom: 30px !important;
        margin-top: -6px;
    }

    .services-link {
        margin-inline-start: 0px;
        width: 100% !important;
        opacity: 0.7;
    }

    .landing--lognin {
        background: linear-gradient(#1a1920, #1a192000);
        padding-top: 50px;
    }

    .landing-heading-bright{
        font-size:32px;
    }

    .testimonial-bg {
        background-size: auto;
    }

    .testimonial-item {
        flex-direction: column;
    }

    .testimonial-item img {
        margin: 0;
        width: 106px;
    }

    .testimonial-item .testimonial-text {
        margin-top: -13px !important;
        padding-bottom: 40px;
    }

    .testimonial-text--des,
    .testimonial-text--position,
    .testimonial-text--name {
        text-align: center !important;
    }

    .testimonial-wrapper {
        padding-inline: 10px !important;
    }

    .question-mark-bg {
        max-width: 80%;
    }
}

@media screen and (max-width:366px) {
    .step--title-num {
        font-size: 16px;
        margin-inline-end: 6px;
    }

    .step--title {
        font-size: 12px;
    }
}


/************************signin*************************/
.h-forgot-password{
    color: var(--clr-gold) !important;
}
input[type=checkbox] {
    position: absolute;
    opacity: 0;
    height: 0px;
    width: 0px;
    top: 2px;
    z-index: -99;
}

.switch-chk,
.switch {
    width: 18px;
    height: 18px;
    background: #262024;
    border-radius: 6px;
    transition: 0.3s;
    padding: 0px;
    position: relative;
    cursor: pointer;
}

.input-chk:checked~.switch-chk,
.input-chk:checked~.switch {
    background: #262024;
    border: solid 1px var(--clr-gold);
}
.input-chk:checked~.switch-chk span,
.input-chk:checked~.switch span {
    left: 0px;
    background: var(--clr-gold);
}
.switch-chk span ,
.switch span {
    visibility: hidden;
    left: -1px;
    background: var(--clr-gold);
    width: 17px;
    height: 17px;
    top: -1px;
    transition: none;
}
.switch-chk span:after,
.switch span:after {
    content: "";
    position: absolute;
    display: none;
}
.input-chk:checked~.switch-chk span:after,
.input-chk:checked~.switch span:after {
    display: block;
}
.switch-chk span:after ,
.switch span:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid var(--clr-gold);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: visible;
    transition: 0;
}

.switch-label {
    color: #b3b3b3;
    font-size: 15px;
    font-weight: 300;
}
.switch-chk-label {
    justify-content: flex-start !important;
}

@media screen and (max-width:766px) {

    .switch {
        width: 42px;
        height: 25px;
        background: #211F26;
        border-radius: 20px;
        transition: 0.3s;
        padding: 3px;
        position: relative;
        border: solid 1px #3A3940;
    }

    .switch span {
        width: 19px;
        height: 19px;
        background: var(--clr-gray);
        border-radius: 50%;
        transition: 0.3s;
        position: absolute;
        top: 2px;
        left: 2px;
        visibility: visible;
    }

    .input-chk:checked~.switch span {
        left: 19px;
        background: var(--clr-gold);
    }

    .input-chk:checked~.switch {
        background: #262024;
        border: solid 1px var(--clr-gold);
    }
    .h-forgot-password ,.switch-label{
        font-size:12px
    }
}


/*-- Common Style --*/

:root {
    --clr-green: #74b236;
    --clr-lightgray: #e6e6e6;
    --clr-gray: #b2b2b2;
    --clr-darkgray: #808080;
    --clr-gold: #FFB999;
    --clr-broun: #BC8971;
    --clr-bg: #15141a;
    --panle-border:solid 2px #323137;
}
html{
    scroll-behavior: smooth;
}

.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.ps-0 {
    padding-inline-start: 0 !important;
}
.ps-5 {
    padding-inline-start: 5px;
}

.ps-10 {
    padding-inline-start: 10px;
}

.ps-20 {
    padding-inline-start: 20px;
}

.ps-25 {
    padding-inline-start: 25px;
}

.ps-30 {
    padding-inline-start: 30px;
}

.ps-40 {
    padding-inline-start: 40px;
}

.ps-50 {
    padding-inline-start: 50px;
}

.ps-60 {
    padding-inline-start: 60px;
}

.ps-70 {
    padding-inline-start: 70px;
}

.ps-80 {
    padding-inline-start: 80px;
}

.ps-90 {
    padding-inline-start: 90px;
}

.pe-0 {
    padding-inline-end: 0 !important;
}
.pe-5 {
    padding-inline-end: 5px;
}

.pe-10 {
    padding-inline-end: 10px;
}

.pe-20 {
    padding-inline-end: 20px;
}

.pe-25 {
    padding-inline-end: 25px;
}

.pe-30 {
    padding-inline-end: 30px;
}

.pe-40 {
    padding-inline-end: 40px;
}

.pe-50 {
    padding-inline-end: 50px;
}

.pe-60 {
    padding-inline-end: 60px;
}

.pe-70 {
    padding-inline-end: 70px;
}

.pe-80 {
    padding-inline-end: 80px;
}

.pe-90 {
    padding-inline-end: 90px;
}


.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px !important;
}

.me-0 {
    margin-inline-end: 0 !important;
}
.me-5 {
    margin-inline-end: 5px;
}

.me-10 {
    margin-inline-end: 10px;
}

.me-20 {
    margin-inline-end: 20px;
}

.me-25 {
    margin-inline-end: 25px;
}

.me-30 {
    margin-inline-end: 30px;
}

.me-40 {
    margin-inline-end: 40px;
}

.me-50 {
    margin-inline-end: 50px;
}

.me-60 {
    margin-inline-end: 60px;
}

.me-70 {
    margin-inline-end: 70px;
}

.me-80 {
    margin-inline-end: 80px;
}

.me-90 {
    margin-inline-end: 90px;
}

.ms-0 {
    margin-inline-start: 0 !important;
}
.ms-5 {
    margin-inline-start: 5px;
}

.ms-10 {
    margin-inline-start: 10px;
}

.ms-20 {
    margin-inline-start: 20px;
}

.ms-25 {
    margin-inline-start: 25px;
}

.ms-30 {
    margin-inline-start: 30px;
}

.ms-40 {
    margin-inline-start: 40px;
}

.ms-50 {
    margin-inline-start: 50px;
}

.ms-60 {
    margin-inline-start: 60px;
}

.ms-70 {
    margin-inline-start: 70px;
}

.ms-80 {
    margin-inline-start: 80px;
}

.ms-90 {
    margin-inline-start: 90px !important;
}
.me-2 {
    margin-left: 8px;
}

.center {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.center-between{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.base-bg {
    background: var(--clr-bg);
}

.base-bg::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 150px 44px #bc8971;
    box-shadow: 0px 0px 450px 60px #bc8971;
    z-index: 99999;
}

.base-bg::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    top: 0;
    right: 0;
    box-shadow: 0px 0px 381px 61px #bc8971;
    z-index: 9999;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
.form-placeholder{
    left: 35px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #808080;
    transition: 0.5s;
    font-size: 24px;
    font-weight: normal;
}
.rtl-form .form-placeholder{
    left: auto;
    right:34px;
}
.inputs:focus ~ .form-placeholder ,
.inputs:not(:placeholder-shown) ~ .form-placeholder{
    top: -12px;
    font-size: 16px;
    color: white;
    font-weight: normal;
}
.inputs {
    height: 60px;
    width: 100%;
    border: solid 1px #3A3940;
    border-radius: 40px;
    font-size: 24px;
    color: white;
    background: #211F26;
    transition: 0.2s;
    box-shadow: none !important;
    padding-inline: 35px;
}

.inputs:focus ,
.textareas:focus{
    border-color: #6C6B73;
    background: #3B3940;
}

.inputs::placeholder {
    color: #808080;
}

.form--title {
    font-size: 60px;
    font-weight: 500;
    color: white;
    margin-top: 60px;
    font-family: 'Raleway' , initial;
}

.form--title span {
    color: var(--clr-gold);
    margin-bottom: 60px;
}

.form--title-des {
    color: var(--clr-darkgray);
    margin-bottom: 60px;
}

.mx-480,
.content-wrapper {
    max-width: 480px;
    margin-inline: auto;
}

.form-group {
    margin-bottom: 34px;
    position: relative;
}

.pass-icon {
    position: absolute !important;
    right: 20px;
    top: 20px;
    color: #eee;
    z-index: 55;
    cursor: pointer;
    font-size: 20px;
}
.child-panel .pass-icon ,
.neworder .pass-icon{
    top: 43px;
}
.btn-gold {
    height: 60px;
    width: 100%;
    border: solid 1px var(--clr-gold);
    border-radius: 40px;
    font-size: 24px;
    color: var(--clr-gold);
    background: #262024;
    padding-inline: 35px;
    transition: 0.2s;
    box-shadow: none !important;
}

.btn-gold:hover,
.btn-gold:focus {
    color: var(--clr-broun);
    background: #372B2B;
    transition: 0.2s;
}

.btn-gold svg {
    margin: 0 8px;
}

.form--text {
    font-size: 20px;
    color: var(--clr-darkgray);
    margin-top: 100px
}

.form--text a {
    color: var(--clr-broun);
}
form .g-recaptcha> div {
    margin-inline: auto;
}
.rc-anchor-light {
    background: #222 !important;
    color: #fff !important;
}
.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #222 !important;;
}
/************************ nav ***********************/
.offset-top-panel{
    margin-bottom:40px;
}
.main-nav {
    height: 110px;
    background: #15141a;
    font-size: 24px;
    color: #A6A6A6;
}

.rtl-form .pass-icon {
    right: auto;
    left: 20px;
}

#navbar {
    padding: 30px 0;
    position: relative;

}

.flag-language {
    box-shadow: 0 0 0px 3px #5B433B;
    border-radius: 50%;
}

.text-language {
    margin-inline: 8px;
}

.languages-bar {
    border-radius: 30px;
    font-size: 14px;
    color: var(--clr-broun);
    background: #262024;
    padding: 3px 10px 3px 3px;
    margin-top: 10px
}

.languages-bar-item {
    border-radius: 30px;
    font-size: 14px;
    color: var(--clr-broun) !important;
    background: #262024 !important;
    padding: 3px 10px 3px 3px !important;
}

.languages-bar-item:hover,
.languages-bar-item:active,
.languages-bar-item:focus {
    background: #262024 !important;
    color: inherit;
}

.languages-bar .dropdown-menu li {
    float: none !important;
}

.nav--menu {
    float: none !important;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: max-content;
}

.nav--menu::after {
    content: '';
    position: absolute;
    bottom: -25px;
    width: 120%;
    height: 1px;
    background: #bc8971;
    background: -webkit-radial-gradient(circle, #bc8971 0%, #15141a 100%);
    background: radial-gradient(circle, #bc8971d6 0%, #15141a 100%);
    left: -10%;
}

ul.nav--menu:nth-child(2)>li:nth-child(2) {
    position: relative;
    padding-right: 120px;
}

ul.nav--menu:nth-child(2)>li:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 0;
    width: 78px;
    height: 55px;
    background: url(https://storage.perfectcdn.com/7x55kc/b8g9u9tggfqgrmrg.png);
    right: 24px
}

ul.nav--menu:nth-child(2)>li:nth-child(2)::before {
    content: '';
    position: absolute;
    top: 45%;
    width: 0px;
    height: 0px;
    right: 60px;
    box-shadow: 0px 0px 91px 24px #bc8971;
}

.rtl-navbar ul.nav--menu:nth-child(2)>li:nth-child(2) {
    padding-left: 120px !important;
    padding-right: 0px;

}

.rtl-navbar ul.nav--menu:nth-child(2)>li:nth-child(2)::after {
    left: 24px !important;
    right: auto;
}

.rtl-navbar ul.nav--menu:nth-child(2)>li:nth-child(2)::before {
    left: 60px !important;
    right: auto;
}

.nav--menu li a {
    color: var(--clr-darkgray);
    font-size: 24px;
}

.nav--menu li a:hover,
.nav--menu li a:active,
.nav--menu li a:focus,
.nav--menu li.active a {
    color: var(--clr-broun);
    background: transparent !important;
}

.dropdown-menu {
    padding: 0 !important;
}
.rtl-dropdown-menu {
    right: 0;
    left:auto;
    text-align:right;
}

.dropdown-menu>li>a {
    font-size: 14px;
    color: var(--clr-broun);
    background: #262024;
}

.dropdown-menu>li>a:hover {
    background: #3B3940;
    color: var(--clr-broun);
}

.dropdown-menu>li.active a {
    background: #3B3940;
}
.rtl-dropdown-menu li{
    width:100%;
}
.navbar-toggle .icon-bar {
    background: var(--clr-broun);
}

.logo-mobile-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 50px;
    top: 10px;
    display: none;
}

.navbar-toggle {
    padding: 6px;
}

.navbar-toggle svg {
    width: 27px;
}

.copyright-text {
    font-size: 14px;
    text-align: center;
    margin-top: 100px;
    color: #666;
}

.copyright-text a {
    color: var(--clr-broun);
}
.d-ltr{
    direction: ltr !important;
}
.rtl-font h1,
.rtl-font h2,
.rtl-font h3,
.rtl-font h4,
.rtl-font h5,
.rtl-font h6,
.rtl-font button,
.rtl-font select,
.rtl-font input,
.rtl-font textarea,
.rtl-font p,
.rtl-font span,
.rtl-font form,
.rtl-font a,
.rtl-font div,
.rtl-font li,
.rtl-font input::placeholder {
    /*  font-family: 'Raleway' !important; */
}
@media screen and (max-width:991px) {
    .base-bg {
        padding-bottom: 20px;
    }

    .base-bg::before {
        top: 10px;
        left: 50%;
        box-shadow: 0px 0px 281px 55px #bc8971;
    }

    .base-bg::after {
        display: none;
    }

    .inputs {
        height: 48px;
        font-size: 16px;
        padding-inline: 25px;
    }

    .pass-icon {
        top: 16px;
        font-size: 16px;
    }
    .child-panel .pass-icon ,
    .neworder .pass-icon{
        top: 47px;
    }

    .btn-gold {
        font-size: 18px;
        height: 52px;
    }

    .btn-gold svg {
        width: 12px;
    }

    .form--text {
        margin-top: 40px;
        font-size: 16px;
    }

    .form-group {
        margin-bottom: 30px;
    }

    .form-placeholder{
        left: 25px;
        pointer-events: none;
        font-size: 16px;
    }
    .rtl-form .form-placeholder{
        left:auto;
        right:25px;
    }
    .inputs:focus ~ .form-placeholder ,
    .inputs:not(:placeholder-shown) ~ .form-placeholder{
        top: -10px;
        font-size: 12px;
    }
    .nav--menu li a {
        font-size: 18px;
    }

    .copyright-text {
        font-size: 12px;
    }

}

@media screen and (max-width:766px) {
    .child-panel .pass-icon ,
    .neworder .pass-icon{
        top: 46px;
    }

    .form--title {
        font-size: 45px;
        margin-top: 0px;
    }

    .form--title-des {
        margin-bottom: 35px;
    }
    .offset-top-panel{
        margin-bottom:0px;
    }
    #navbar {
        padding: 10px 30px;
        position: initial;
        background: #18161e;
    }

    .nav--menu {
        position: initial;
        transform: translate(0);
        width: 100%;
    }

    .nav--menu::after {
        display: none;
    }

    ul.nav--menu:nth-child(2)>li:nth-child(2)::before,
    ul.nav--menu:nth-child(2)>li:nth-child(2)::after {
        display: none;
    }

    .languages-bar {
        border-radius: 5px;
        padding-right:3px;
    }

    .languages-bar-item {
        justify-content: start;
    }

    .logo-mobile-img {
        display: inline-block;
    }

    .wider-service{
        min-width: 250px;
    }
}


.wider-service{
    min-width: 300px !important;
}