.profile-wrapper{
    display:flex;
    min-height:auto;
    margin-top: 100px;
}
.profile-wrapper1{
 margin-top: 0px;
}


.mt-100{
     margin-top: 100px;
}
/* Sidebar */

.sidebar{
    width:300px;
    padding:40px 32px;
    background:#fff;
    border-right:1px solid #ececec;
        border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.user-info h3{
    font-size:22px;
    color:#1d1d1d;
    margin-bottom:8px;
}

.user-info p{
    color:#999;
    font-size:14px;
    margin-bottom:10px;
}

.user-info a{
    color:#a15637;
    text-decoration:underline !important;
    font-size:14px;
}

.menu-section{
    margin-top:35px;
}

.menu-section h4{
    font-size:15px;
    font-weight:700;
    margin-bottom:12px;
    color:#161616;
}

.menu-section h4::after{
    content:"";
    display:block;
    width:24px;
    height:2px;
    background:#dfd7e9;
    margin-top:8px;
}

.menu-section a{
    display:block;
    text-decoration:none;
    color:#444;
    font-size:14px;
    margin:12px 0;
}

/* Main */

.content{
    flex:1;
    padding:20px 40px;
        background: #fff;
        border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.page-header{
    display:flex;
    align-items:center;
    /* gap:14px; */
    margin-bottom:20px;
}

.back-arrow{
    font-size:24px;
    color:#4e342a;
}

.page-header h2{
    color:#4e342a;
    font-size:34px;
    font-weight:700;
}

/* Card */

.profile-card{
       border: 1px solid #9e9e9e96;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.card-title{
      background: #311204;
    padding: 18px 24px;
    font-size: 22px;
    font-weight: 500;
    color: #fff !important;
}

.form-grid{
    padding:28px 24px 40px;
    /* display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 80px; */
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
     font-size: 18px;
    font-weight: 600;
    color: #4e342a;
    margin-bottom: 5px;
}

.form-group small{
    color:#666;
    margin-bottom:12px;
    font-size:15px;
}

input,
select{
    height:54px;
    border:none;
    border-radius:12px;
    background:#e7e2e2 !important;
    padding:0 16px;
    font-size:15px;
    outline:none;
}

.name-row{
    display:flex;
    gap:16px;
}

.name-row input{
    flex:1;
}

/* Gender */

.gender-group{
    display:flex;
    gap:12px;
}

.gender-group button{
    min-width:90px;
    height:48px;
    border:1px solid #4e342a;
    background:#fff;
    color:#4e342a;
    border-radius:12px;
    font-size:15px;
    cursor:pointer;
}

/* Phone */

.phone-field{
    display:flex;
    align-items:center;
    /* background:#f7ede8; */
    border-radius:12px;
    overflow:hidden;
    height:54px;
}

.phone-field span{
    padding:0 16px;
}

.phone-field input{
    flex:1;
    background:transparent;
}

.verify{
    color:#4e342a;
    font-weight:600;
}

/* Link Input */

.input-with-link{
    position:relative;
}

.input-with-link input{
    width:100%;
}

.input-with-link a{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    text-decoration:none;
    color:#4e342a;
    font-weight:600;
}

/* Save Button */

.btn-area{
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
}

.save-btn{
    width:100%;
    height:58px;
    border:none;
    border-radius:14px;
    background:#b87154;
    color:#fff;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}

/* Responsive */

@media(max-width:1100px){

    .profile-wrapper{
        flex-direction:column;
    }

    .sidebar{
        width:100%;
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .form-grid{
        grid-template-columns:1fr;
    }
}
/* Tablet */

@media (max-width: 1024px) {

    .profile-wrapper{
        flex-direction: column;
    }

    .sidebar{
        width:100%;
        border-right:none;
        border-bottom:1px solid #eee;
        padding:20px;
    }

    .content{
        padding:20px;
    }

    .form-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .btn-area{
        justify-content:stretch;
    }

    .save-btn{
        width:100%;
    }
}


/* Mobile */

@media (max-width:768px){

    .content{
        padding:15px;        border-radius: 20px;
    }

    .page-header h2{
        font-size:24px;
    }

    .profile-card{
        border-radius:12px;
    }

    .card-title{
        font-size:20px;
        padding:15px;
    }

    .form-grid{
        padding:15px;
        gap:15px;
    }

    .form-group label{
        font-size:16px;
        line-height:1.4;
    }

    .form-group small{
        font-size:13px;

    }

    /* Name fields stack */
    .name-row{
        flex-direction:column;
        gap:12px;
        display: block;
    }
.profile-wrapper {
    display: flex;
    min-height: 100vh;
    margin-top: 50px;
}
    .name-row input{
        width:100%;
        margin-bottom: 0px;
    }
.form-group {
    width: 100%;
    margin-bottom: 0px;
}
    /* Gender buttons */
    .gender-group{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:10px;
    }

    .gender-group button{
        width:100%;
        min-width:auto;
        font-size:14px;
    }

    /* Mobile number */
    .phone-field{
        flex-wrap:wrap;
        height:auto;
        /* padding:10px; */
        gap:10px;
    }

    .phone-field span:first-child{
        padding:0;
    }

    .phone-field input{
        width:100%;
        min-width:100%;
    }

    .verify{
        margin-left:auto;
    }

    /* Inputs */
    input,
    select{
        width:100%;
        font-size:14px;
        height:48px;
    }

    .input-with-link a{
        font-size:13px;
        right:12px;
    }

    .save-btn{
        height:50px;
        font-size:15px;
    }
}


/* Small Mobile */

@media (max-width:480px){

    /* .sidebar{
        display:none; 
    } */

    .page-header{
        margin-bottom:15px;
    }

    .page-header h2{
        font-size:20px;
    }

    .back-arrow{
        font-size:20px;
    }

    .card-title{
        font-size:16px;
    }

    .gender-group{
        grid-template-columns:1fr;
    }

    .gender-group button{
        height:44px;
    }

    .save-btn{
        width:100%;
    }
}.relationship-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.relationship-wrap input[type="checkbox"]{
    display:none;
}

.relationship-wrap label{
        /* min-width: 90px; */
    height: 35px;
    padding: 0 12px;
    border: 1px solid #b87154;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #311204;
    background: #fff;
    transition: .3s;
    font-size: 12px;
    font-weight: 500;
}

/* Checked State */
.relationship-wrap input[type="checkbox"]:checked + label{
       background: #b87154;
    color: #fff;
    border-color: #b87154;
}

/* Hover */
.relationship-wrap label:hover{
    background:#b87154;
      color: #fff;
    border-color: #b87154;

}.checkbox-wrapper{
    display:flex;
    align-items:center;
    gap:10px;
}

.checkbox-wrapper input[type="checkbox"]{
    width:18px;
    height:18px;
    accent-color:#000;
    cursor:pointer;
}

.checkbox-wrapper label{
    cursor:pointer;
    font-size:14px;
    color:#000;
}
.action-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-top:20px;
}

.remarks-section{
    flex:1;
}

.remarks-section label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}

.remarks-section textarea{
    width:100%;
    min-height:120px;
    padding:12px;
    border:1px solid #ddd;
    border-radius:8px;
    resize:vertical;
}

.button-section{
    display:flex;
    gap:12px;
}

.resend-btn,
.submit-btn{
    min-width:120px;
    height:45px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-weight:600;
}

.resend-btn{
    background:#f3f3f3;
    color:#333;
}

.submit-btn{
    background:#b87154;
    color:#fff;
}@media (max-width: 768px) {

    .profile-wrapper {
        display: flex;
        flex-direction: column-reverse; /* 👈 this moves sidebar DOWN */
        min-height: auto;
        margin-top: 50px;
    }

    .sidebar {
        width: 100%;
        margin-top: 20px;        border-radius: 20px;
    }

    .content {
        width: 100%;
    }
}
.qei-img {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}.qig-img {
    background: #fff;
    padding: 5px;
    width: 70px;
    max-width: 80px;
    border: 1px solid #000;
    height: 70px;
}.form_custm2,.form_custm3,.form_custom,.main_header,.viewm_popup {
    font-family: Poppins,sans-serif
}

.cstm_d_mdul {
    float: left;
    width: 100%;
    padding: 4px 0 50px
}

.main_header {
    text-align: center;
    font-weight: 600;
    margin: 0 0 10px;
    font-size: 18px;
    color: #000;
    padding: 0 0 10px;
    position: relative
}

.main_header:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #cf9724;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px
}

.cstom_table {
    float: left;
    width: 100%;
    padding: 0 15px;
    border: 1px solid #dedede
}

.cstom_tabl2 .alert-fail,.cstom_table .alert-fail {
    margin: 0 0 20px;
    float: left;
    width: 100%;
    color: #000!important
}

.colmn_flimw,.column_wrap,.p_cart_cont,.tabal_cnt_w,.tabal_fullw,.tabal_hed_w {
    float: left;
    width: 100%;
    padding: 0
}

.column_1six {
    float: left;
    width: 50%;
    padding: 10px 15px 10px 0
}

.column_2six {
    float: left;
    width: 50%;
    padding: 10px 0 10px 15px
}

.cstom_tabl2,.cstom_tabl2.cstom_jbwrk {
    float: none;
    margin: auto;
    display: table;
    border: 1px solid #dedede
}

h2.cstom_tabl1.main_header {
    margin: auto auto 10px;
    width: 560px;
    text-align: center
}

.colmn_flimw img,.cstom_jbwrk .column_slid img,.previe2_img img,.preview_img img {
    padding: 4px;
    margin-right: 4px;
    margin-bottom: 4px
}

.cstom_tabl2 {
    width: 560px;
    padding: 30px 54px
}

.previe2_img,.preview_img {
    float: left;
    width: 100%;
    border: 0 dotted #ccc;
    padding: 0
}

.previe2_img img {
    border: 1px solid #ccc;
    max-width: 68px;
    max-height: 64px
}

.cstom_tabl2.cstom_jbwrk {
    width: 650px;
    padding: 30px
}

.cstom_jbwrk .column_sixw {
    float: left;
    width: 50%;
    padding: 10px 0
}

.custm_upld2,.jbwrk_txtd2 {
    display: inline-block;
    font-weight: 600;
    color: #222;
    font-size: 13px;
    margin-right: 10px;
    min-width: auto
}

.custm_upld2 .right_align,.jbwrk_txtd2 .right_align {
    margin-left: 5px
}

.custm_upld3,.jbwrk_txtd3 {
    display: inline-block;
    font-weight: 500;
    color: #555;
    font-size: 12px;
    margin-right: 0
}

.column_sixw,.cstom_jbwrk .column_slid {
    float: left;
    width: 100%;
    padding: 10px 0
}

.colmn_flimw img,.cstom_jbwrk .column_slid img {
    border: 1px solid #ccc;
    max-height: 80px;
    max-width: 100px
}

.custm_upld2.label_dsnhd,.jbwrk_txtd2.label_dsnhd,.subm_header.leaft_algn {
    float: left
}

.bid_pricesh {
    text-align: center;
    margin: 15px 0 0;
    font-size: 20px;
    color: #222
}

.clear_uplod,.custm_uplod,.custom_file,.subm_header {
    display: inline-block;
    font-size: 13px
}

.bid_pricesh span {
    color: #ff8d00;
    font-weight: 600;
    font-size: 22px;
    display: inline-block;
    margin-left: 8px
}

.colmn_flimw .owl-nav,.column_slid .owl-nav {
    top: 24%;
    position: absolute;
    width: 100%
}

.colmn_flimw .owl-nav .owl-prev,.column_slid .owl-nav .owl-prev {
    left: -15px;
    position: relative
}

.colmn_flimw .owl-nav .owl-next,.column_slid .owl-nav .owl-next {
    right: -15px;
    position: relative
}

.colmn_flimw .owl-nav i,.column_slid .owl-nav i {
    font-size: 25px;
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #cf9724;
    padding: 5px 0;
    width: auto;
    text-align: center;
    height: auto;
    margin: auto
}

.column_four {
    float: left;
    width: 42%;
    padding: 10px 15px 10px 0
}

.column_sevn {
    float: left;
    width: 58%;
    padding: 10px 0 10px 15px
}

.preview_img img {
    border: 1px solid #ccc;
    max-width: 60px
}

.custm_uplod {
    font-weight: 600;
    color: #222;
    margin-right: 15px;
    min-width: 170px
}

.clear_uplod {
    color: #ff8d00;
    float: right;
    padding: 7px 0
}

.custom_file input[type=file],.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel.owl-refresh .owl-item,.pika-single.is-hidden {
    display: none
}

.custom_file {
    border: 1px solid #ccc;
    padding: 7px 12px 6px;
    color: #555;
    font-weight: 500;
    cursor: pointer;
    height: 38px;
    margin: 0;
    min-width: 260px
}

.subm_header {
    color: #222;
    font-weight: 600;
    margin-right: 15px;
    padding: 7px 0;
    min-width: 170px
}

.right_align {
    text-align: right;
    float: right
}

.colmn_flimg,.colmn_specf,.colmn_three {
    float: left;
    padding: 10px 0
}

.cstm_d_mdul.custom_o_dt {
    padding: 40px 0 50px
}

.cstom_table.costim_dtls {
    background: #fff;
    margin-bottom: 30px
}

.colmn_three {
    width: 33.33%
}

.colmn_flimg {
    width: 60%
}

.colmn_specf {
    width: 40%
}

.status_prce {
    margin: 15px 0 0;
    text-align: right;
    font-size: 16px;
    color: #333
}

.form_custm3,.input_contn,.input_contn_mod {
    margin-right: 23px;
    display: inline-block
}

.form_custom,.post_contnt,.remark_algn {
    font-size: 13px
}

.status_prce span {
    font-size: 12px;
    background: #00b561;
    padding: 6px 15px 7px;
    border-radius: 35px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 8px
}

.custm_upld3.label_dsgn {
    max-width: 200px
}

.custm_upld3 .label {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 6px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px
}

.upload-image-chat .chat.custom_chat {
    position: relative;
    padding: 10px 10px 0 0;
    margin-bottom: 10px
}

.upload-image-chat .chat.custom_chat p {
    margin: 0
}

.upld_smpl_img {
    padding: 0 0 18px
}

.upld_smpl_img .label_imghd {
    padding-top: 7px
}

.upld_smpl_img .custom_file {
    width: 100%;
    max-width: 260px;
    min-width: 100%
}

.upload-image-chat .chat_inputs ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.upload-image-chat .chat_inputs ul li {
    display: inline-block;
    padding: 8px 10px 0
}

.upload-image-chat .chat_inputs ul li label {
    font-size: 13px;
    font-weight: 600;
    margin-left: 4px;
    position: relative;
    top: -2px;
    color: #444
}

.upload-image-chat .chat_comnt .btn.btn-primary {
    height: 40px
}

.post_contnt {
    display: inline-block;
    padding-top: 13px;
    color: #888
}

.post_contnt .client_name_i {
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.custome_image .item.align_image {
    border: 1px solid #ccc;
    position: relative;
    height: 62px;
    display: block;
    width: 99.82%
}

.custome_image .item.align_image img {
    border: 0;
    height: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    box-shadow: none
}

.imagezm_popup.modal .modal-body {
    padding: 0;
    border: 8px solid #999
}

.imagezm_popup.modal .modal-content {
    border-radius: 0
}

.imagezm_popup.modal button.close {
    position: absolute;
    right: -36px;
    top: -36px;
    width: 36px;
    height: 36px;
    background: #ff8d00;
    border-radius: 0;
    color: #000;
    opacity: 1;
    text-shadow: inherit
}

.form_custm2,.form_custm3,.form_custom {
    border: 1px solid #ccc;
    padding: 7px 12px 6px
}

.imagezm_popup.modal .modal-dialog {
    width: 60%;
    margin: 5% auto;
    max-height: 500px
}

.remark_algn .label-danger {
    display: inline-block;
    padding: 5px 8px;
    font-weight: 500;
    position: relative;
    font-size: 12px;
    bottom: 1px
}

.form_custm2,.form_custom {
    display: inline-block;
    height: 38px;
    min-width: 260px
}

.form_custom {
    color: #333;
    font-weight: 500
}

.form_custom::-webkit-input-placeholder {
    color: #bbb
}

.form_custom:-ms-input-placeholder {
    color: #bbb
}

.form_custom::placeholder {
    color: #bbb
}

.form_custm3.fixed_frmbg,.form_custom.fixed_frmbg {
    background: #f9f9f9
}

.form_custom.textarea {
    width: 65%;
    height: 70px;
    float: right
}

.form_custm2:focus,.form_custm2:hover,.form_custm3:focus,.form_custm3:hover,.form_custom:focus,.form_custom:hover {
    outline: 0
}

.form_custm2 {
    font-size: 12px;
    color: #555;
    font-weight: 500
}

.form_custm3,.modul_profl li a {
    font-size: 13px;
    font-weight: 500
}

.form_custm3 {
    color: #333;
   height: 54px;
    width: 100%
}

.input_contn {
    width: 270px;
    position: relative
}

.input_contn_mod {
    width: 70px;
    position: relative
}

.modul_profl,.morep_check {
    margin: 0;
    list-style: none
}

.input_contn.input_iconp .form_custm3 {
    padding: 7px 12px 6px 24px
}

.input_contn i {
    position: absolute;
    bottom: 2px;
    left: 10px;
    width: 24px;
    height: 24px
}

.modul_profl {
    padding: 7px 0;
    display: inline-block;
    float: right
}

.checkbox_hd,.morep_check {
    padding: 0;
    display: inline-block
}

.modul_profl li {
    display: inline-block;
    margin-right: 0
}

.modul_profl li a,.morep_check li {
    display: block;
    border: 0 solid #ccc
}

.modul_profl li:last-child a {
    padding-right: 0
}

.modul_profl li a {
    padding: 1px 7px 0
}

.modul_profl li a span {
    font-weight: 600;
    color: #222
}

.modul_profl li a span i {
    font-weight: 400;
    color: #222;
    font-size: 14px;
    margin-right: 5px
}

.morep_check li {
    margin-right: 0;
    position: relative;
    padding: 0 0 6px
}

.checkbox_cr {
    display: inline-block;
    position: relative;
    margin: auto 0;
    cursor: pointer;
    font-size: 22px;
    clear: both
}

.checkbox_cr input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox_cr .checkbox-custom {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border-radius: 5px;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    border: 2px solid #555
}

.checkbox_cr input:checked~.checkbox-custom {
    background-color: #555;
    border-radius: 5px;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
    border: 2px solid #555
}

.checkbox_cr .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0;
    width: 0;
    border-radius: 5px;
    border: solid #009bff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0) scale(0);
    -ms-transform: rotate(0) scale(0);
    transform: rotate(0) scale(0);
    opacity: 1;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.checkbox_cr input:checked~.checkbox-custom::after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity: 1;
    left: 4px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #009bff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0
}

.checkbox_cr .checkbox-custom::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 0;
    height: 0;
    border-radius: 5px;
    border: 2px solid #555;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.checkbox_cr input:checked~.checkbox-custom::before {
    left: -3px;
    top: -3px;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 0;
    z-index: 999;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.checkbox_cr .checkbox-custom.circular,.checkbox_cr .checkbox-custom.circular::before {
    border-radius: 5%;
    border: 2px solid #555
}

.checkbox_cr input:checked~.checkbox-custom.circular {
    background-color: #fff;
    border-radius: 5%;
    border: 2px solid #555
}

.checkbox_cr input:checked~.checkbox-custom.circular::after {
    border: solid #ff8d00;
    border-width: 0 2px 2px 0
}

.checkbox_cr .checkbox-custom.circular::after,.checkbox_cr input:checked~.checkbox-custom.circular::before {
    border-radius: 5%
}

.checkbox_hd {
    color: #555;
    font-size: 12px;
    font-weight: 500;
    margin-left: 22px
}

.viewm_popup {
    padding: 7px 25px;
    height: 37px;
    font-size: 13px;
    display: inline-block;
    border: 0;
    background: #001f25;
    color: #fff;
    border-radius: 4px
}

.button_save,.cancel_butn,.prdct_tocrt {
    border: 0;
    font-family: Poppins,sans-serif
}

.viewm_popup:focus,.viewm_popup:hover {
    text-decoration: none;
    background: #000
}

.button_grop {
    display: table;
    margin: 20px auto 30px
}

.button_save,.cancel_butn {
    padding: 10px 25px;
    margin: 0 10px;
    font-size: 13px;
    border-radius: 4px
}

.button_save {
    background: #ff8d00;
    color: #fff
}

.cancel_butn {
    background: #001f25;
    color: #fff
}

.prduct_wrap {
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #dedede
}

.dsgn_prduct {
    float: left;
    width: 25%;
    padding: 15px
}

.dsgn_prducw {
    float: left;
    width: 100%;
    padding: 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.17)
}

.dsg_prd_img {
    float: left;
    width: 100%;
    padding: 0;
    height: 170px;
    display: block;
    position: relative
}

.dsg_prd_img .hover_effect {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    transition-duration: 1s
}

.dsg_prd_img .hover_effect i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 24px;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.dsg_prd_img:hover .hover_effect,.pika-next:hover,.pika-prev:hover {
    opacity: 1
}

.dsg_prd_img:hover .hover_effect i {
    opacity: 1;
    z-index: 99
}

.dsg_prd_img:hover img {
    opacity: .6
}

.img_respnsv {
    height: auto;
    display: block;
    max-height: 95%;
    max-width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.date_modals .date-wrapper,.date_modals .select,.date_modals .select-wrapper,.pika-label,.pika-next,.pika-prev,.pika-single,.pika-title,.spinner-border {
    position: relative
}

.dsg_prd_cnt {
    float: left;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #f1f1f1
}

.prodct_name {
    margin: 0 0 10px;
    font-size: 15px
}

.prodct_amnt {
    font-size: 10px;
    margin: 0 0 5px;
    font-weight: 500;
    padding: 4px 7px
}

.prdct_d_dte span,.prodct_amnt span {
    display: inline-block;
    margin-right: 10px
}

.dsign_categry {
    display: inline-block;
    width: 100%;
    min-height: 50px
}

.prdct_d_dte {
    font-size: 13px;
    margin: 0
}

.prdct_tocrt {
    padding: 10px 16px;
    border-radius: 4px;
    background: #07327f;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    display: table;
    margin: 10px auto 0
}

.costm_table,.header_text,.total_price,.total_price span {
    display: inline-block
}

.prdct_tocrt:focus,.prdct_tocrt:hover {
    outline: 0;
    border: 0;
    background: #000
}

.modal.speci_modal button.close {
    padding: 0
}

.modal.speci_modal button.close:hover {
    color: red;
    opacity: 1
}

.save_button {
    float: right;
    border: 0;
    font-family: Poppins,sans-serif;
    padding: 5px 8px 4px;
    font-size: 13px;
    border-radius: 3px;
    color: #fff;
    background: #ff8d00;
    margin: 0 10px 4px 0
}

.heading_boxbg,.heading_boxbg_center {
    background-color: #f0f0f0;
    border-bottom: 1px solid #999;
    border-left: 1px solid #fff;
    height: 27px;
    font-family: arial;
    font-size: 11px;
    vertical-align: middle;
    font-weight: 700;
    border-right: 1px solid #e7e7e7;
    color: #333
}

.modal.speci_modal .modal-body {
    padding: 5px 15px 15px
}

.modal.speci_modal .modal-dialog {
    width: 650px;
    margin: 30px auto
}

.costm_table {
    width: 100%;
    padding: 0
}

.costm_table .heading_boxbg input,.costm_table .heading_boxbg_center input {
    position: relative;
    top: 2px;
    margin-right: 2px
}

.heading_boxbg_center {
    text-align: center;
    padding: 0
}

.heading_boxbg {
    text-align: left;
    padding: 0 0 0 10px
}

.content_boxbg1,.content_boxbg2 {
    text-align: left;
    padding: 0 10px;
    font-family: arial;
    font-size: 11px;
    vertical-align: middle
}

.content_boxbg1 {
    background-color: #fff;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 25px;
    color: #333
}

.search_textbox {
    border: 1px solid #cacaca;
    background-color: #fff;
    font-family: arial;
    font-size: 11px;
    color: #000;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px
}

.content_boxbg2 {
    background-color: #f9f9f9;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 25px;
    color: #333
}

.small_button {
    border-bottom: 1px solid #999;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-left: 1px solid #ccc;
    font-family: arial;
    font-size: 11px;
    color: #600;
    text-align: center;
    vertical-align: middle;
    background-color: #ece9d8
}

.height10 {
    height: 10px
}

.cstm_tabl_o {
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #dedede;
    margin-bottom: 40px
}

.header_text {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.tabal_clm_A,.tabal_clm_B,.tabal_clm_C,.tabal_clm_D {
    float: left;
    padding: 10px 0
}

.header_text li {
    float: left;
    width: 18%;
    padding: 0 0 2px;
    font-weight: 600;
    color: #222
}

.header_text li.head_liwdt {
    width: 12%
}

.header_text li.head_liwd2 {
    width: 22%
}

.tabal_clm_A {
    width: 12%
}

.tabal_clm_B {
    width: 18%
}

.tabal_clm_C {
    width: 8%
}

.tabal_clm_D {
    width: 22%
}

.border_botm {
    border-bottom: 1px solid #dedede
}

.costmz_head {
    font-size: 13px;
    color: #555
}

.table_v_btn {
    padding: 7px 17px 5px;
    border: 0;
    background: #cf9724;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: .3px
}

.table_v_btn:focus,.table_v_btn:hover {
    outline: 0;
    border: 0;
    background: #333
}

.table_image {
    max-width: 60px;
    max-height: 60px
}

.tabal_clm_D .label {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 6px
}

.tabal_clm_D .label-danger {
    background-color: #ac5bde
}

.total_price {
    width: 100%;
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
    color: #555
}

.prduct_cart,.prduct_crtw {
    float: none;
    margin: 0 auto;
    padding: 0
}

.total_price span {
    margin-left: 5px;
    font-weight: 600;
    color: #000
}

.prduct_cart {
    display: table;
    width: 600px
}

.prduct_crtw {
    display: inline-block;
    width: 100%;
    border: 1px solid #f1f1f1
}

.p_cart_head {
    float: left;
    width: 100%;
    padding: 12px 15px 10px;
    background: #e6f2f9
}

.p_cart_clm1,.p_cart_clm3,.pcart_cont1 {
    float: left;
    width: 30%;
    padding: 0
}

.p_cart_clm2,.pcart_cont2 {
    float: left;
    width: 40%;
    padding: 0
}

.p_cart_clm3.cartp,.pcart_cont3.delte {
    float: left;
    width: 20%;
    padding: 0
}

.p_cart_clm4.cartp,.pcart_cont4.delte {
    float: left;
    width: 10%;
    padding: 0
}

.p_cart_clm4 {
    float: left;
    width: 15%;
    padding: 0
}

.p_cart_head h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600
}

.pcart_contw {
    float: left;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #f1f1f1
}

.pcart_image {
    max-width: 110px;
    max-height: 90px
}

.delete_c_btn {
    display: table;
    float: none;
    margin: auto;
    color: red
}

.p_cart_para {
    font-size: 13px;
    line-height: 22px;
    margin: 5px 0
}

.buy_now_btn {
    background: #ff8d00;
    border: 0;
    padding: 10px 26px;
    color: #000;
    font-weight: 600;
    float: right;
    border-radius: 4px
}

.buy_now_btn:focus,.buy_now_btn:hover {
    text-decoration: none;
    outline: 0;
    color: #fff
}

.date_modals .checkbox-wrapper input,.date_modals .radio-wrapper input {
    float: left;
    margin: 5px 10px 0 0
}

.date_modals .checkbox-wrapper .label,.date_modals .radio-wrapper .label {
    color: #969b9c
}

.date_modals .checkbox-wrapper.is-valid .label,.date_modals .checkbox-wrapper:hover .label,.date_modals .radio-wrapper.is-valid .label,.date_modals .radio-wrapper:hover .label,.date_modals select.is-valid {
    color: #2b3437
}

.date_modals #departure {
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 7px 45px 6px 12px;
    color: #555;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    font-family: Poppins,sans-serif;
    height: 38px;
    width: 260px
}

.date_modals .select {
    display: inline-block;
    width: 100%
}

.date_modals select {
    cursor: pointer;
    color: #969b9c;
    padding-right: 35px
}

.date_modals .icon {
    pointer-events: none;
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.date_modals .date-icon {
    margin-top: 4px
}

.date_modals .select-icon {
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    border-top: 5px solid #2b3437;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    opacity: .5;
    margin-right: 4px
}

.date_modals .button {
    border-radius: 0;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    display: inline-block;
    border: none;
    font-weight: 700;
    font-size: 18px;
    padding: 16px 24px;
    text-align: center
}

.date_modals .button-primary {
    background-color: #32b4e5;
    border-radius: 0 0 5px 5px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: -1px
}

.date_modals .button-primary:focus,.date_modals .button-primary:hover {
    outline: 0;
    background: #1b93c0
}

.date_modals .pika-table th {
    color: #999;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center
}

.date_modals .pika-button {
    cursor: pointer;
    display: block;
    outline: 0;
    border: 1px solid #fff;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #2b3437;
    font-size: 13px;
    line-height: 100%;
    text-align: center
}

.date_modals .is-today .pika-button {
    color: #2b3437;
    border-radius: 0;
    background: #fff
}

.date_modals .is-selected .pika-button {
    color: #32b4e5;
    background: #ecfaff;
    box-shadow: none;
    border-radius: 0
}

.date_modals .pika-button:hover {
    color: #fff;
    background: #32b4e5;
    font-weight: 700;
    border-radius: 0
}

.date_modals .modal,.pika-single {
    background: #fff;
    border: 1px solid #ccc
}

.slow {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.medium {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.fast {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.custom-ease {
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.delay-1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.delay-2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.delay-3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay-4 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.delay-5 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-6 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.delay-7 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.delay-8 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.delay-9 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.date_modals .modal {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 20px;
    width: 300px;
    height: 200px
}

.date_modals .modal.show,.no-js .owl-carousel,.owl-carousel.owl-loaded,.pika-single {
    display: block
}

.pika-single {
    z-index: 9999;
    color: #333;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.pika-single:after,.pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5)
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    text-align: center
}

.pika-label {
    display: inline-block;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-next,.pika-prev {
    display: block;
    cursor: pointer;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5
}

.is-rtl .pika-next,.pika-prev {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
}

.disp_none,.owl-carousel.owl-rtl .owl-item {
    float: right
}

.is-rtl .pika-prev,.pika-next {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
}

.pika-next.is-disabled,.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table td,.pika-table th {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.is-inrange .pika-button {
    background: #d5e9f7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

.remark_para {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    font-weight: 500
}

.vls-head {
    border-bottom: 1px solid #250d02;
    display: inline-block;
    padding-bottom: 3px
}

.alert-fail,.alert-success {
    padding: 10px;
    margin: 0 15px;
    cursor: pointer
}

.alert-success {
    color: #468847!important;
    background-color: #bdedbc!important;
    border-color: #d6e9c6!important;
    border: 1px solid transparent
}

.alert-fail {
    color: #884649!important;
    background-color: #edbcc1!important;
    border-color: #e9c6cb!important;
    border: 1px solid transparent
}

.spinner-border {
    width: 100px;
    height: 70px;
    margin: 200px auto 40px
}

.spinner-border span {
    display: block;
    width: 5px;
    height: 10px;
    background: #e43632;
    position: absolute;
    bottom: 0;
    animation: 2.25s ease-in-out infinite loading-1
}

.spinner-border span:nth-child(2) {
    left: 11px;
    animation-delay: .2s
}

.spinner-border span:nth-child(3) {
    left: 22px;
    animation-delay: .4s
}

.spinner-border span:nth-child(4) {
    left: 33px;
    animation-delay: .6s
}

.spinner-border span:nth-child(5) {
    left: 44px;
    animation-delay: .8s
}

.spinner-border span:nth-child(6) {
    left: 55px;
    animation-delay: 1s
}

.spinner-border span:nth-child(7) {
    left: 66px;
    animation-delay: 1.2s
}

.spinner-border span:nth-child(8) {
    left: 77px;
    animation-delay: 1.4s
}

.spinner-border span:nth-child(9) {
    left: 88px;
    animation-delay: 1.6s
}

@-webkit-keyframes loading-1 {
    0% {
        height: 10px;
        transform: translateY(0);
        background: #ff4d80
    }

    25% {
        height: 60px;
        transform: translateY(15px);
        background: #3423a6
    }

    50% {
        height: 10px;
        transform: translateY(-10px);
        background: #e29013
    }

    100% {
        height: 10px;
        transform: translateY(0);
        background: #e50926
    }
}

@keyframes loading-1 {
    0% {
        height: 10px;
        transform: translateY(0);
        background: #ff4d80
    }

    25% {
        height: 60px;
        transform: translateY(15px);
        background: #3423a6
    }

    50% {
        height: 10px;
        transform: translateY(-10px);
        background: #e29013
    }

    100% {
        height: 10px;
        transform: translateY(0);
        background: #e50926
    }
}

.loader {
    background-color: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000000
}

.loader-txt {
    color: #fff;
    text-align: center;
    font-size: 19px
}

.form_f_w {
    font-weight: 600
}

.t-r {
    text-align: right
}

.disp_none {
    border-top: 1px dashed #dadada;
    margin-top: 15px;
    padding: 10px 0;
    width: 100%
}

@media (max-width: 1100px) {
    .column_four,.column_sevn {
        width:50%!important
    }
}

@media (max-width: 992px) {
    .column_four,.column_sevn {
        width:100%!important
    }

    .column_1six {
        float: left;
        width: 100%;
        padding: 10px 15px 10px 0
    }

    .column_2six {
        float: left;
        width: 100%;
        padding: 10px 0 10px 15px
    }
}

.leaft_algn_mod,.total_pay h4 {
    display: block!important;
    width: 100%!important
}

.leaft_algn_mod {
    min-width: 100%!important;
    font-size: 15px!important
}

.alert_mod {
    float: none;
    margin: auto;
    display: table;
    width: 560px;
    border-radius: 0
}

.disp_none {
    padding-bottom: 0
}

@media (max-width: 500px) {
    .custm_uplod {
        min-width:auto
    }

    .column_sixw {
        padding: 10px 0 0
    }
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    margin-bottom: 0;
    width: 99.92%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.carousel-wrap {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    position: relative
}

.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.owl-nav i {
    font-size: 52px
}

.owl-nav .owl-prev {
    left: -30px
}

.owl-nav .owl-next {
    right: -30px
}

.about_page-price {
    padding: 20px;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 20px;
    background: #ececec
}

.modal_form_reg {
    display: inline-block;
    padding: 2px 15px;
    background-color: #cf9724!important;
    border-radius: 2px;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 14px;
    border: 1px solid #b5831e
}

.about_page-price p {
    margin: 0!important;
    font-size: 20px
}

.fj-nt {
    font-size: 11px;
    font-weight: 500;
    color: red
}

.total_pay {
    border-top: 1px dashed #dadada;
    display: block;
    float: left;
    width: 100%
}

/* .know_how_pay {
    color: #001e38;
    font-size: 20px;
    border-bottom: 1px solid #250d02;
    display: inline-block;
    padding: 7px
} */

.total_pay h4 {
    margin-top: 20px;
    float: left!important
}

.basket_choos li,.fa {
    display: inline-block
}

.text-center {
    text-align: center
}

.fa {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.basket_choos_mod {
    margin-bottom: 0!important;
    float: left;
    width: 100%;
    display: block;
    margin-top: 8px
}

.basket_choos {
    padding-left: 0
}

.basket_choos li {
    margin-right: 20px;
    font-size: 13px;
    letter-spacing: .7px;
    font-weight: 700
}

.basket_choos li input {
    position: relative;
    top: 2px;
    margin-right: 10px;
    cursor: pointer
}
.basket_choos li {
    margin-right: 20px;
    font-size: 13px;
    letter-spacing: .7px;
    font-weight: 700;    background: none;padding: inherit;
}.cmc-tab ul {
    /* justify-content: space-between; */
    border-bottom: 2px solid #f8f6f4;
    margin: 0 !important;
}.basket_choos {
    list-style: none;
    padding: 0;
    margin: 0;
}.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}
/* .wbr-btn {
    max-width: 650px;
    margin: 0 auto;
} */

.tic-btn .total_pay {
    background: #fff;
    padding: 35px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    border: 1px solid #eee;
}

/* Note Box */
.total_pay .alert {
    border-radius: 12px !important;
    padding: 15px 20px;
    font-size: 15px;
    margin-bottom: 25px;
}

/* Payment Heading */
.know_how_pay {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin-top: 20px;
    position: relative;
}

/* .know_how_pay:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #caa45f;
    display: block;
    margin: 10px auto 0;
} */

/* Amount */
.total_pay h4 {
    background: #f8f8f8;
    padding: 18px;
    border-radius: 12px;
    font-size: 24px;
    color: #222;
    margin-bottom: 25px;
}

#spanTotAmt {
    color: #caa45f;
    font-size: 30px;
    font-weight: 700;
}

/* Totals */
#uiPayDiv {
    background: #fafafa;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
}

#uiPayDiv li {
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
    font-size: 16px;
}

#uiPayDiv li:last-child {
    border-bottom: none;
}

#uiPayDiv li span:last-child {
    font-weight: 600;
}

/* Payment Options */
.basket_choos_mod {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.payment-option {
    margin: 0 !important;
}

.custom-radio {
    display: none;
}

.custom-label {
    display: inline-block;
    padding: 14px 35px;
    border: 2px solid #ddd;
    border-radius: 50px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s ease;
    background: #fff;
    min-width: 180px;
}

.custom-radio:checked + .custom-label {
    background: #caa45f;
    border-color: #caa45f;
    color: #fff;
    box-shadow: 0 8px 20px rgba(202,164,95,.3);
}

/* Button */
.main-btn2 {
       background: #b87154;
    color: #fff;
    
    border: none;
    padding: 16px 30px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    transition: all .4s ease;
    box-shadow: 0 10px 25px rgba(202,164,95,.35);
}

.main-btn2:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(202,164,95,.45);
}

.main-btn2 i {
    margin-right: 8px;
}

/* Error */
#error-mod {
    font-weight: 600;
    margin-top: 10px;
}

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

    .tic-btn .total_pay{
        padding:20px;
    }

    .basket_choos_mod{
        flex-direction:column;
        gap:15px;
    }

    .custom-label{
        width:100%;
        min-width:100%;
    }

    .total_pay h4{
        font-size:20px;
    }

    #spanTotAmt{
        font-size:24px;
    }
}
.premium-table-wrap{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);padding: 20px;
}

.premium-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    border: 1px solid #ececec;
}

.premium-table thead{
      background: #ececec;
}

.premium-table th{
    /* color:#fff; */
    padding:22px;
    font-size:15px;
    font-weight:600;
    text-align:center;
}

.premium-table td{
    padding:18px;
    border-bottom:1px solid #eef1f6;
    text-align:center;
    vertical-align:middle;
}

.premium-table tbody tr{
    transition:.3s;
}

.premium-table tbody tr:hover{
    background:#fbfcff;
    transform:scale(1.002);
}

.product-img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:14px;
    border:2px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,.12);
}

.order-id{
    font-size:16px;
    font-weight:700;
    color:#1a1a1a;
}

.date{
 color: #b87154;
    margin-top: 6px;
    font-size: 13px;
}

.status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
}

.pending{
    background:#fff5e8;
    color:#dd8c00;
}

.progress1{
    background:#eef5ff !important;
    color:#2269ff !important;
}

.process{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:center;
}

.badge{
    padding:8px 14px;
    border-radius:30px;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.cad{
    background:#f4a940;
}

.cam{
    background:#53b96c;
}

.silicon{
    background:#ef5a57;
}

.render{
    background:#4eb8de;
}

.finish{
    background:#2f6cff;
}

.view-btn{
    background:linear-gradient(
    135deg,
    #4a1600,
    #7d2500);

    color:#fff;
    text-decoration:none;
    padding:14px 30px;
    border-radius:12px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    font-weight:700;

    transition:.35s;
}

.view-btn:hover{
    transform:translateY(-3px);
    color:#fff;

    box-shadow:
    0 10px 25px rgba(74,22,0,.3);
}


/* Mobile */

@media(max-width:991px){
.design-card .category {
    justify-content: start;
    align-items: center;
    display: block;
}
.premium-table{
display:block;
overflow-x:auto;
white-space:nowrap;
}

/* .process{
min-width:500px;
} */

.view-btn{
      padding: 12px 20px;
        font-size: 12px;
        text-align: center;
        margin: auto;
        display: block;
}
.order-header {
   
    padding: 25px 25px;
    
}
.tab-btn {
   
    font-size: 14px !important;
   
}
}.tab-btn.active {
    background: linear-gradient(90deg, #4f6dff, #355fff);
    color: #fff;
    background: #c47a52 !important;
    color: #fff !important;
}
.tab-btn {
    height: 52px;
    padding: 0 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.status strong {
    color: #301205;
}
/* .complete {
    background: #b87154 !important;
    color: #fff !important;
} */
.step {
    padding: 12px 20px;
    border-radius: 50px;
    background: #ebe5e5;
}.order-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec;
    align-items: center;
}
.spec-btn{

height:50px;

padding:0 28px;

border:none;

cursor:pointer;

color:#fff;

border-radius:10px;

background:
linear-gradient(
90deg,
#4f6dff,
#355fff
);

}



.spec-modal{

position:fixed;

inset:0;

display:none;

z-index:99999;

}



.spec-modal.show{

display:block;

}



.spec-overlay{

position:absolute;

inset:0;

background:
rgba(10,10,20,.65);

backdrop-filter:
blur(6px);

}



.spec-box{

position:absolute;

top:50%;

left:50%;

transform:
translate(
-50%,
-50%
);

width:min(
950px,
92%
);

background:#fff;

border-radius:24px;

overflow:hidden;

animation:
popup .35s;

}



@keyframes popup{

from{

opacity:0;

transform:
translate(
-50%,
-45%
)
scale(.95);

}

}



.close-btn{

position:absolute;

right:20px;

top:18px;

width:42px;

height:42px;

border:none;

border-radius:10px;

background:#22120e;

color:#fff;

cursor:pointer;

}



.modal-header{

padding:30px 40px;

border-bottom:
1px solid #eee;

}



.modal-header h2{

font-size:34px;

margin-bottom:6px;

}



.modal-header span{

color:#888;

}



.top-info{

display:grid;

grid-template-columns:
repeat(3,1fr);

padding:30px 40px;

gap:20px;

}



.top-info div{

background:#fafafa;

padding:22px;

border-radius:14px;

}



.top-info label{

display:block;

color:#777;

margin-bottom:10px;

}



.table-area{

padding:0 40px 30px;

}



.table-title{

padding:18px;

font-size:18px;

font-weight:700;

text-align:center;

background:

linear-gradient(
90deg,
#f4f6ff,
#fff
);

border-radius:12px 12px 0 0;

}



table{

width:100%;

border-collapse:collapse;

}



th{

background:#fafafa;

padding:18px;

}



td{

padding:18px;

border-bottom:
1px solid #eee;

}



tbody tr:hover{

background:#f8faff;

}



.footer-btn{

padding:25px;

text-align:right;

}



.footer-btn button{

height:48px;

padding:0 28px;

border:none;

color:#fff;

background:#355fff;

border-radius:10px;

}



@media(max-width:768px){

.top-info{

grid-template-columns:1fr;

}

.spec-box{

width:95%;

}

.table-area{

overflow:auto;

}

table{

min-width:700px;

}

}
.spec-modal .modal-header {
    /* padding: 30px; */
    background: #b87154;
    color: #fff;
}
.header-actions button {
    height: 44px;
    padding: 0 22px;
    background: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    color: #000;
}
.order-grid label {
    display: block;
    color: #b87154;
    margin-bottom: 10px;
}
.tab-btn {

    margin-bottom: 10px;
}@media (max-width: 991px) {
    .tabs-nav {
        overflow: auto;
        margin-bottom: 10px;        display: grid;
    }
    .mb-mb-3{
        margin-bottom: 10px;
    }
}
@media (max-width: 991px) {
    .order-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* PACKAGE */

.package-box,
.service-box{

padding:22px;

background:white;

/* border-top:1px solid #111;

border-bottom:1px solid #ddd; */

transition:.4s;

}

.package-box:hover,
.service-box:hover{

padding-left: 33px;
border-left:5px solid #3e1200;

background: #ebe5e2;

}

.package-section  .active{

border-left:5px solid #3e1200;
padding-left: 33px;
    background: #ebe5e2;
}

/* h3,h4{
font-size:34px;
} */

.price,
.service-price{

font-size:35px;

font-weight:700;

color:#2d2d2d;

}

.credit{

font-size:17px;

color:#795548;

}

.validity{

color:#777;

}

.small-text{

font-size:14px;

margin-bottom:14px;

}

.detail-link{

color:#3e1200;

font-size:15px;    text-decoration: underline !important;

}

.feature-wrap{


    padding: 25px;
    /* border-left: 2px solid #ddd; */
    border-radius: 20px;

}

.feature-wrap ul{

columns:2;

padding:0;

}

.feature-wrap li{

line-height: 37px;

list-style:none;

}

.feature-wrap li::before{

content:"✓";

margin-right:10px;

color:#3e1200;

}

.mini-btn{

background:#3e1200;

border:none;

color:white;

padding:10px 22px;

border-radius:40px;

margin-top:15px;

}

.service-list{

padding:0;
margin:25px 0;

}

.service-list li{

list-style:none;

margin-bottom:12px;

}

.service-list li::before{

content:"→ ";

}

.select-box{

width:26px;
height:26px;

}

.summary{
    position: sticky;
    top: 40px;
    background: #b871543b;
    padding: 45px;
    border-radius: 20px;

}

.summary h2{

margin-bottom:40px;

}

.summary-item{

display:flex;

justify-content:space-between;

padding:18px 0;

border-bottom: 1px dashed #30120557;
font-size: 20px;font-family: 'Inter';
}

.gst{

color:#2e8b57;

}

.grand{

display:flex;

justify-content:space-between;

font-size:32px;

font-weight:700;

padding:15px 0;

}

.pay-btn{

width:100%;

height:64px;

border:none;

background:#3e1200;

color:white;

font-size:20px;

border-radius:60px;

}

@media(max-width:991px){

.summary{
position:static;
}

.price,
.service-price{
font-size:34px;
}

h3,h4{
font-size:28px;
}

.feature-wrap ul{
columns:1;
}

}

#packageDetails{
        position: absolute;
    background: rgb(255, 255, 255);
    z-index: 9;    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.additional-head{
    background: #b87154;
    width: max-content;
    padding: 10px 30px;
    color: #fff;
    border-radius: 20px;
    font-size: 24px;
}