/* Start Override */
.toast.toast-success{
    background-color: #198754!important;
}
.body-area input:checked + .slider{
    background: var(--main-light);
}
.mr-table .action-list-radius a{
    font-size: 14px;
    line-height: 30px;
    padding: 3px 15px;
    border-radius: 50px;
    display: inline-block;
}
.hidden{
    display: none;
}
.mr-table .action-list .nice-select .list,
.action-list .nice-select .list{
    background: var(--main-dark);
}

.mr-table .action-list .nice-select .option.focus, .mr-table .action-list .nice-select .option.selected.focus, .mr-table .action-list .nice-select .option:hover,
.action-list .nice-select .option.focus, .action-list .nice-select .option.selected.focus, .action-list .nice-select .option:hover{
    background: var(--main-light);
}
.support-ticket-wrapper .single-reply-area.admin{
    padding: 15px 30px;
    background: #f1f4f8;
    border-radius: 75px;
}
/* End Override */
body,
body *:not(i){
    font-family: 'Poppins', sans-serif !important;
}
.page{
    background: #f1f4f8
}
/* Start Variables */
:root {
    --main-light: #463da1;
    --main-dark: #211C51;
    --main-bg: #f1f4f8;
    --main-font-color: #002547;
}
/* End Variables */
/* Start Global Styles */
.modal-content{
    border-radius: 30px;
    box-shadow: 2px 1px 13px rgba(0,0,0,.2);
}
.br-4{
    border-radius: 4px !important;
}
.main-bg{
    background-color: var(--main-bg);
}
.main-bg-dark{
    background-color: #211C51 !important;
}
.main-color-dark{
    color: #211C51;
}
.main-bg-light{
    background-color: #463da1 !important;
}
.main-color-light{
    color: #463da1;
}
.main-dark-btn{
    background-color: var(--main-dark);
    color: #fff;
    display: inline-block;
    padding: 8px 26px;
    font-size: 14px;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    white-space: nowrap;
}
.main-dark-btn-lg{
    background-color: var(--main-dark);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 32px;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    white-space: nowrap;
}
.bg-dark-opacity{
    background-color: #4a466c;
}
.bg-green-opacity{
    background-color: #3ebc71;
}
.godropdown .go-dropdown-toggle,
.main-light-btn{
    background-color: var(--main-light);
    color: #fff;
    display: inline-block;
    padding: 8px 26px;
    font-size: 14px;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    white-space: nowrap;
}
.godropdown .action-list a:hover{
    background-color: var(--main-light);
}
.main-light-btn-lg{
    background-color: var(--main-light);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 25px;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    white-space: nowrap;
}
.main-light-btn-lg:hover,
.main-dark-btn-lg:hover,
.main-light-btn:hover,
.main-dark-btn:hover{
    color: #fff;
}
a,a:hover{
    text-decoration: none;
}
button{
    cursor: pointer;
}
.navbar-toggler:focus,
.form-select:focus,
button:focus,
.btn-close:focus,
.btn-check:focus+.btn, .btn:focus{
    outline: 0;
    box-shadow: none;
}
.form-check-input:focus,
.form-control:focus{
    box-shadow: none;
    border-color: #e6eaed;
    box-shadow: none
}
.section-head h3{
    color: var(--main-font-color);
    font-size: 30px;
    font-weight: 400;
    margin: 0;
}
.section-head h3 span{
    opacity: .6;
    font-size: 14px;
}
.home-head h3{
    color: var(--main-font-color);
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.home-head > a{
    color: #fff;
    background-color: var(--main-dark);
    font-size: 16px;
    font-weight: 600;
    padding: 7px 23px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.home-head .breadcrumb li,
.home-head .breadcrumb a{
    color: var(--main-font-color);
    opacity: .6;    
}
/* Start Default Box */

.default-box{
    background: #fff;
    padding: 22px 18px;
    margin-bottom: 20px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    box-shadow: 0 0 4px rgba(223,219,242,.85);
}
.default-box-dashed{
    border: 1px dashed #8092a338;
}
.default-box .default-box-head{
    margin-bottom: 35px;
}
.default-box .default-box-head h4{
    color: var(--main-font-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.default-box .default-box-head h4 i{
    color: var(--main-font-color);
    margin-end: 5px;
}
.default-box .default-box-head h6{
    color: #535353;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.default-box .default-box-head-show-hide{
    margin-bottom: 0;
    cursor: pointer;
}
.default-box .default-box-head-show-hide h4,
.default-box .default-box-head-show-hide i{
    color: #8092a3;
    font-size: 14px;
}
.default-box .default-box-head-show-hide i{
    transition: all .3s ease-in-out;
}
.default-box .default-box-head-show-hide i.rotate{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.default-box .hidden-default-box-body{
    margin-top: 35px;
    display: none;
}

/* End Default Box */

/* End Global Styles */

/* Start Main Top Nav */
.main-top-nav{
    background: #fff;
    padding: 20px 12px;
}
.main-top-nav .top-nav-logo{
    width: 205px;
}
.main-top-nav .logo{
    width: 150px;
    margin-right: 15px;
}
.main-top-nav .flags{
    margin-right: 22px;
}
.main-top-nav .flags .dropdown-toggle{
    direction: rtl;
}
.main-top-nav .flag{
    width: 36px;
    height: 36px;
}
.main-top-nav .icon-container{
    background-color: var(--main-bg) !important;
    width: 50px;
    height: 50px;
    margin-left: 8px;
    cursor: pointwe;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.main-top-nav .icon-container > div{
    position: relative;
    display: inherit;
}
.main-top-nav .dropdown-menu{
    /*left: unset !important;*/
    /*right: -102px !important;*/
    width: 250px !important;
}
.bell-area .dropdownmenu-wrapper{
    padding-inline: 10px
}
.dropdownmenu-wrapper ul{
    list-style: none;
    padding-left: 0;
}
.dropdownmenu-wrapper ul li{
    padding-block: 6px;
    transition: all .3s ease-in-out;
}
.dropdownmenu-wrapper ul li:hover{
    background: #f7f7f7;
}
.dropdownmenu-wrapper ul a{
    font-size: 13px;
    color: #333;
}
.dropdownmenu-wrapper ul a.clear{
    padding: 2px 2px 8px !important;
}
.dropdownmenu-wrapper ul li p{
    margin-bottom: 0;
}
.main-top-nav .icon-container i{
    color: var(--main-dark);
    font-size: 18px;
}
.notify-dot{
    position: absolute;
    background: #ff382f;
    height: 6px;
    width: 6px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.main-top-nav .icon-container > span{
    font-size: 12px;
}
.main-top-nav .dropdown-menu{
    transform: translate3d(-38px, 44px, 0px);
}
.main-top-nav .dropdown-toggle{
    background-color: transparent;
    border: 0;
    padding: 0;
    color: var(--main-font-color);
    font-size: 14px;
    font-weight: 600;
}
.main-top-nav .separator{
    width: 1px;
    height: 24px;
    margin: 0 14px;
    background: #d8d8d8;
}
.main-top-nav .avatar{
    height: 44px;
    width: 44px;
    object-fit: contain;
}
.sidebar-btn{
    cursor: pointer;
}
/* End Main Top Nav */
/* Start Sidebar*/
main{
    display: flex;
    overflow: hidden;
}
.main-sec{
    display: inline-block;
}
.side-bar{
    display: flex;
    padding-top: 15px;
    background: #fff;
    width: 240px;
    height: auto;
    min-height: 90vh;
    position: absolute;
    visibility: hidden;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.side-bar.open{
    visibility: visible;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.side-bar > ul {
    width: 100%;
    padding: 0;
}
.side-bar > ul > li {
    font-size: 15px;
    color: #8092a3;
    padding: 5px 15px;
    cursor: pointer
}
.side-bar > ul > li > a{
    color: #8092a3;
    display: block;
    padding: 10px;
    position: relative;
    font-size: 13px;
}
.side-bar > ul > li a.active{
    background: var(--main-light);
    color: #fff;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}
.side-bar > ul > li a i:first-of-type{
    margin-right: 5px;
    color: var(--main-font-color);
}
.side-bar > ul > li a.active i:first-of-type{
    color: #fff;
}
.side-bar > ul > li a i.arrow{
    position: absolute;
    right: 10px;
    transition: all .3s ease
}
.side-bar > ul .menu-opend i.arrow{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.side-bar ul ul{
    padding: 0 5px 0 15px;
    display: none;
}
.side-bar ul ul li a{
    position: relative;
    display: block;
    color: var(--main-font-color);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px 10px 15px;
}
.side-bar ul ul li a:before{
    content: "";
    height: 5px;
    width: 5px;
    background-color: var(--main-light);
    display: inline-block;
    position: absolute;
    top: 43%;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
/* End Sidebar*/
/* Start Main Section */
.main-sec{
    min-height: 100vh;
    width: 100%;
    /* padding: 40px; */
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.side-bar.open + .main-sec{
    margin-inline-start: 240px;
}
/* End Main Section */
/* Start Inner Navbar */
.inner-nav{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.inner-nav .navbar-toggler i{
    color: var(--main-light);
}
.inner-nav .navbar-collapse{
    overflow-x: auto;
    width: 100%;
}
.inner-nav.navbar-expand-lg .navbar-nav .nav-link{
    border-left: 0.5px solid white;
    position: relative;
    color: #191919;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 18px;
    white-space: nowrap;
}
.inner-nav.navbar-expand-lg .navbar-nav  .nav-link.active{
    background-color: var(--main-light);
    color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.inner-nav-lg.navbar-expand-lg .navbar-nav  .nav-link.active{
    background-color: #3d3590;
}
.inner-nav .nav-link:after{
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #d7d7d7;
    top: 12px;
    bottom: 12px;
}
.inner-nav .nav-link.active:after{
    background-color: var(--main-light);
}
.inner-nav .nav-link:last-of-type:after{
    content: unset;
}
.inner-nav-lg{
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}
.inner-nav-lg .navbar-toggler i {
    color: #fff;
}
.inner-nav-lg.navbar-expand-lg .navbar-nav .nav-link{
    padding: 14px 28px;
}
.inner-nav-lg .nav-link:after {
    opacity: 0.3;
}
.inner-nav-lg a span{
    font-weight: 400;
    font-size: 17px;
}
/* End Inner Navbar */
/* Start Dashboard */
.overview-box{
    padding: 20px 9px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}
.overview-box-1{
    border: solid 1px #8c1573;
    background-image: linear-gradient(to right, #97197d 7%, #b12594 52%, #97197d 97%);
}
.overview-box-2{
    border: solid 1px #3a0865;
    background-image: linear-gradient(to right, #390663 7%, #4b0a7a 52%, #30065b 97%);
}
.overview-box-3{
    border: solid 1px #423955;
    background-image: linear-gradient(to right, #4b4966 7%, #59567a 52%, #554a68 97%);
}
.overview-box-4{
    border: solid 1px #ac4d26;
    background-image: linear-gradient(to right, #c69333 7%, #d6a13e 52%, #c69334 97%);
}
.overview-box-5{
    border: solid 1px #1c57a7;
    background-image: linear-gradient(to right, #689024 7%, #7bab29 52%, #689024 97%);
}
.overview-box-6{
    border: solid 1px #2f3876;
    background-image: linear-gradient(to right, #2c346f 7%, #39438c 52%, #2c346f 97%);
}
.overview-box span{
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 10px;
    display: block;
}
.overview-box p{
    font-size: 14px;
    font-weight: 500;
    color: #ffffffbf;
}

.circle-box .num{
    color: var(--main-font-color);
    width: 150px;
    height: 150px;
    display: inline-block;
    line-height: 126px;
    font-size: 32px;
    font-weight: 600;
    border: 12px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.circle-box-1 .num{
    border-color: #f4af32;
}
.circle-box-2 .num{
    border-color: #40b2dc;
}
.circle-box-3 .num{
    border-color: #574cb5;
}
.circle-box-4 .num{
    border-color: #7dae29;
}
.circle-box h3{
    font-size: 24px;
    margin-top: 20px;
    color: #333;
    font-weight: 500;
}
.circle-box p{
    color: #535353;
}
.table-overview .sq-box{
    height: 40px;
    width: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.table-overview{
    border-collapse: separate;
    border-spacing: 0 10px;
}
.table-overview td{
    border: 0;
    background-color: #f9f6ff;
    white-space: nowrap;
}
.table-overview td:first-of-type{
    border-radius: 15px 0 0 15px;
}
.table-overview td:last-of-type{
    border-radius: 0 15px 15px 0;
}
.table-overview h6{
    font-size: 12px;
    color: #8092a3;
    margin-bottom: 0;
}
.table-overview h6 + span{
    color: #33516c;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}
.table-overview h6 + .email{
    text-transform: none;
}
.table-overview td img{
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
/* End Dashboard */
/* Start Main Settings */
.box-link{
    background: #fff;
    padding: 50px 25px;
    margin-bottom: 25px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.box-link .img-container{
    width: 44px;
}
.box-link .img-container img{
    width: 100%;
}
.box-link h4{
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 600;
}
.box-link h4{
    color: var(--main-font-color);
}
.box-link p{
    color: #929292;
    font-size: 14px;
    font-weight: 500;
}
/* End Main Settings */
/* Start Tables */
table.dataTable.no-footer{
    border-collapse: separate !important;
    border-spacing: 0 10px;
}

table.dataTable.no-footer td{
    border: 0;
    background-color: #f9f6ff;
    white-space: nowrap;
}
table.dataTable.no-footer tr td:first-of-type{
    border-radius: 15px 0 0 15px;
}
table.dataTable.no-footer tr td:last-of-type{
    border-radius: 0 15px 15px 0;
}
td img{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    object-fit: cover;
}
.product-area{
    background: unset;
}
.table-footer-btns input,
.table-footer-btns button{
    text-transform: capitalize;
}
.mr-table .page-item.active .page-link {
    background-color: #463da1;
    border-color: #463da1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: unset;
}
.godropdown .go-dropdown-toggle{
    padding: 5px 20px;
}
table.dataTable thead th,
table.dataTable thead th label.container{
    font-size: 14px;
    font-weight: 600;
    color: var(--main-font-color);
    margin-bottom: 0;
    white-space: nowrap;
}
.mr-table table.dataTable tbody tr td{
    color: #33516c;
    font-size: 14px;
    font-weight: 600;
}
.tawk-area textarea{
    height: unset;
}
/* End Tables */
/* Start Forms */
.modal-title{
    color: var(--main-font-color);
    font-size: 20px;
}
.inp-50 label{
    font-size: 13px;
    color: #667c91;
    margin-bottom: 5px;
    font-weight: 500;
}
.inp-50 input[type="text"],
.inp-50 input[type="email"],
.inp-50 select{
    height: 50px;
    border-radius: 12px;
    margin-bottom: 18px;
}
.inp-50 textarea,
.inp-50 ul.tagit{
    border-radius: 12px;
    margin-bottom: 18px;
}
.inp-50 .text-editor,
.inp-50 .img-upload{
    margin-bottom: 18px;
}
.inp-50 input::placeholder,
.inp-50 textarea::placeholder{
    font-size: 14px;
    color: #667c91d1;
    font-weight: 500;
}
/* End Forms */
/* Start Bulk Upload */
.csv-icon i{
    margin: 0;
    margin-bottom: 50px;
    margin-top: 50px;
    color: #027aff;
}
.label-file-lg{
    border: 1px dashed #8a99a8;
    height: 55px;
    border-radius: 30px;
    display: block;
    line-height: 55px;
    margin-bottom: 50px;
    color: #667c91;
    cursor: pointer;
}
.upload-csv-text h3{
    color: var(--main-font-color);
    font-weight: 600;
    margin-bottom: 20px;
}
.upload-csv-text p{
    color: var(--main-font-color);
    font-weight: 600;
}
/* End Bulk Upload */
/* Start Select Template */
.template-box{
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.template-box h4{
    font-size: 22px;
    letter-spacing: 0.24px;
    color: var(--main-font-color);
}
.template-box p{
    font-size: 14px;
    letter-spacing: 0.08px;
    color: #929292;
}
.template-box input{
    right: 15px;
    top: 15px;
    width: 25px;
    height: 25px;
}
/* End Select Template */
/* Start Create Product Form */
.prod-lang-tab > .toggle-lang-tab{
    width: calc(100% - 53px);
}
.prod-lang-tab .lang-ul {
    margin-right: 10px;
    border-right: 1px solid #d2cfe4;
}
.prod-lang-tab .lang-ul li{
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: aliceblue;
    margin: 0 0 10px 0;
    padding: 6px;
    display: flex;
    flex-direction: column; 
    border: 1px solid #ccc;
    margin-right: -1px;
    border-radius: 3px 0 0 3px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.prod-lang-tab .lang-ul li.active{
    background: #fff;
    border: 1px solid #3e0000;
    border-right: #fff;
}
.toggle-lang-tab{
    display: none;
}
.toggle-lang-tab.active{
    display: block;
}
.prod-lang-tab > div > h4{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.exp-form .row,
.product-description .body-area .exp-form .row,
.exp-form .input-group.colorpicker-component.cp.colorpicker-element{
    margin-bottom: 0px;
}
.exp-form .form-group {
    margin-bottom: 20px;
}
.exp-form input[type="text"],
.exp-form input[type="number"],
.exp-form select{
    font-size: 13px;
    font-weight: 600;
    color: #2c2c35;
    border: solid 1px #dfdbf2 !important;
    border-radius: 3px;
    height: 40px;
}
.exp-form .multi-sel{
    height: unset;
}
.exp-form input::placeholder {
    font-size: 13px;
    font-weight: 500;
    color: #b4afd3;
}
.exp-form label{
    font-size: 13px;
    font-weight: 600;
    color: #2c2c35 !important;
    margin-bottom: 5px;
}
select:focus{
    border: 1px solid;
}
.exp-form .cke_top{
    background-color: #fff;
}
.exp-form .checkbox-wrapper{
    margin-top: 0 !important;
}
.exp-form .input-field {
    width: 100%;
    padding: .375rem .75rem;
}
.exp-form .product-size-details label span {
    font-size: 10px;
    height: 27px;
    font-weight: 500;
}
/*.exp-form .feature-area .row > div,*/
.exp-form .size-area,
.exp-form .size-area .row > div,
.exp-form .color-area,
.exp-form .color-area .row > div,
.exp-form .feature-area{
    margin-bottom: 10px;
}
.cropme{
    border: 1px dashed #8092a338 !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.cropme:hover{
    background: #f1f4f8;
}
.cropme i{
    font-size: 60px;
    color: #c4d1e4;
}
.cropme p{
    font-size: 16px;
    margin-top: 15px;
    color: #211c51;
    font-weight: 500;
}
.exp-form label small{
    color: #a49f9f;
    font-weight: 500;
}
.exp-form .set-gallery-prod,
label#prod_gallery,
label#prod_gallery_mobile,
.upload-done-btn{
    background: #fff;
    color: #211c51;
    font-weight: 500;
    border: 1px dashed #ccc;
    border-radius: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.exp-form .set-gallery-prod:hover,
label#prod_gallery:hover,
label#prod_gallery_mobile:hover{
    background: #f1f4f8;
}
.gallery-img{
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}
.gallery-img .remove-img{
    position: absolute;
    top: -12px;
    right: -12px;
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
    cursor: pointer;
}
/* End Create Product Form */
/* Start Responsive */
/* Ipdad */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .template-box h4{
        font-size: 19px;
    }
    .template-box p {
        font-size: 12px;
    }
}
/* Ipdad & Mobile */
@media only screen and (max-width: 1199px) {
    .table-footer-btns form{
        margin-bottom: 8px;
    }
}
/* Mobile */
@media only screen and (max-width: 767px){
    .main-top-nav .top-nav-logo{
        width: 100%;
        margin-bottom: 25px;
    }
    .content-area {
        padding: 30px 10px 30px;
    }
    .home-head h3 {
        font-size: 20px;
    }
    .home-head h3 span {
        font-size: 10px;
    }
}