/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/
*{margin:0;padding:0;box-sizing:border-box}
body{margin:0;padding:0;box-sizing:border-box;font-family: 'Outfit', sans-serif !important;}
a{-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-o-transition:.5s ease-out;transition:.5s ease-out}
ul{margin:0;padding:0;list-style:none}
figure,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{max-width:100%}
footer,header,section{display:block}
footer:after,footer:before,header:after,header:before,section:after,section:before{display:table;clear:both;content:""}

a:focus{border:0;outline:0}
button:focus{border:0;outline:0}
select{appearance:none}
p,span{margin:0;padding:0}
a:hover{text-decoration:none}
html{scroll-padding-top: 5rem;}
table{width: 100%;}

/*--------------------------------------------------------------------------------------*/
/*font-family
/*--------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;500;600;700;800;900&display=swap');

/*------------------------------------------------------------------------------------*/
/*common-css
/*--------------------------------------------------------------------------------------*/
.page-title h2{font-size:24px;color:#01147b;font-weight:600}
.page-sub-title{font-size:16px;color:#01147b;font-weight:600}
.page-inner-title{font-size:14px;color:#01147b;font-weight:600}
.form-inner-title h3 {font-size: 18px;color: #01147B;padding-bottom: 5px;font-weight: 600;}
.form-inner-title p {font-size: 14px;color: #808185;font-weight: 400;}
.page-inner-title.grey-text{color:#808185;font-weight:400}
.content-desc p{font-size:15px;color:#808185;line-height:22px}

.divider{border-color:rgb(0 0 0 / 10%);opacity:1}
.cpt{padding-top:98.35px}
.border-box{border:1px solid #e1e8ed; padding:20px 20px 20px; border-radius:10px; overflow: auto;}
.link-text{color:#000;text-decoration:underline;font-size:14px}
.bg-grey{background:#fafafa}
.content-text p{font-size:13px;color:#808185}

.form-control{height:44px;border:1px solid #d8e2e9;font-size:15px;color:#000;border-radius:4px;padding:5px 16px;font-size: 14px}
.form-control:focus,.form-select:focus{outline:0;box-shadow:none;border-color:#d8e2e9}
.form-control::-webkit-input-placeholder{color:rgb(0 0 0 / 45%)}
.form-control:-ms-input-placeholder{color:rgb(0 0 0 / 45%)}
.form-control::placeholder{color:rgb(0 0 0 / 45%)}
.form-label{font-size:15px;color:#000;font-weight:600;margin-bottom:5px}
.form-label.blue-label {color: #01147b;}
.form-label small{font-size:12px;color:#808185;font-weight:400}
.form-select{border:1px solid #d8e2e9;border-radius:4px;font-size:15px;color:#868a91;height:44px;background: #fff url(../images/select-arrow.png);background-repeat:no-repeat;background-position:center right 10px; min-width: fit-content; appearance: none !important;}
textarea.form-control.note-min{height:124px;resize:none}


.form-check .form-check-input{width:18px;height:18px;border-radius:4px;border-color:#d9d9d9}
.form-check .form-check-input:checked{border-color:#01147b;background:#01147b url(../images/check-icon.png);background-repeat:no-repeat;background-position:center}
.form-check .form-check-input[type=checkbox]{border-radius:4px}
.form-check .form-check-input:focus{border-color:none;outline:0;box-shadow:none}
.form-check .form-check-label{font-size:15px;color:#000;font-weight:400}
.form-select.mw-select{max-width:fit-content;min-width:125px}
.form-select.mmw-select {
    width: 77px;
    height: 38px;
}
select.form-select.sm-select {
    width: 284px;
}

input.form-control.max-in{max-width:195px;min-width:auto}
input.form-control.min-in{max-width:110px}

.input-cal-icon{position:absolute;right:10px;top:0;bottom:0;display:flex;align-items:center;}
.input-cal-icon i{font-size:22px;color:#808185; font-weight: 300}
.date-box{position:relative}
.date-box.date.datepicker{padding:0}
.datepicker td,.datepicker th{width:35px!important;height:30px!important;font-size:14px!important}
.table-condensed{width:100%}
.datepicker table tr td span{height:40px!important;line-height:40px!important}

.radio-coustom-design{display:block;position:relative;padding-left:27px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radio-coustom-design p{font-size:14px;font-weight:400;color:#000;    line-height: normal;}
.radio-coustom-design input{position:absolute;opacity:0;cursor:pointer}
.radio-coustom-design .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;border-radius:50%;border:1px solid #d9d9d9}
.radio-coustom-design input:checked~.checkmark{background-color:#fff;border:1px solid #01147b}
.radio-coustom-design .checkmark:after{content:"";position:absolute;display:none}
.radio-coustom-design input:checked~.checkmark:after{display:block}
.radio-coustom-design .checkmark:after{top:0;left:0;width:10px;height:10px;border-radius:50%;background:#01147b;right:0;bottom:0;margin:auto}
.radio-list li {margin-right: 30px;}
.radio-list li:last-child{ margin-right:0 }

.file-upload-wrapper{position:relative;width:100%;height:44px}
.upload-files .form{border:1px solid #d8e2e9;border-radius:4px; background:#fff;}
.file-upload-wrapper:after{content:attr(data-text);font-size:14px;position:absolute;top:0;left:0;padding:10px 15px;display:block;width:83%; overflow: hidden; pointer-events:none;z-index:20;height:44px;line-height:21px;color:#808185;font-weight:300;padding-right:40px}

.file-upload-wrapper:hover:before{background:#3d8c63}
.file-upload-wrapper input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;height:44px;margin:0;padding:0;display:block;cursor:pointer;width:100%}
.file-upload-icon{position:absolute;right:15px;z-index:22;top:0;bottom:0;border:0;background:0 0}
.file-upload-icon i{color:#808185;font-weight:300;font-size:17px}



/*------------------------------------------------------------------------------------*/
/*modal-css
/*--------------------------------------------------------------------------------------*/

.modal{z-index: 99999 !important;}
.modal-backdrop{z-index: 9999 !important;}

.common-modal h1.modal-title{font-size:22px;color:#01147b;font-weight:600}
.common-modal p{color: #808185;}

.common-modal .modal-head{padding:10px 30px 15px;border-bottom:1px solid rgb(0 0 0 / 12%)}
.common-modal .btn-close {position: absolute;right: 30px;top: 16px;opacity: 1;font-size: 12px;}
.common-modal .modal-body{padding:15px 30px 30px}
.common-modal .modal-content{border:0;border-radius:10px}
.common-modal .btn-close:focus {box-shadow: none;}
.sm-modal .modal-dialog{max-width:549px}
.modal-title-sub {font-size: 15px;color: #000000;}
.xs-modal .modal-dialog {max-width: 330px;}
.ms-modal .modal-dialog {max-width: 759px;}

.full-modal .modal-dialog{max-width:100%;min-height:100%;margin:0}
.full-modal .modal-body{min-height:calc(100vh - 69px)}
.full-modal .modal-content{height:100%;border-radius:0}
.full-modal{margin:0}
.full-modal .modal-body{padding:15px 30px 120px}
.btn-group-box-modal{box-shadow:0 -4px 4px rgb(58 54 54 / 8%);padding:25px 30px 25px;position:fixed;bottom:0;background:#fff;left:0;right:0;z-index:99;}


/*------------------------------------------------------------------------------------*/
/*btn-css
/*--------------------------------------------------------------------------------------*/

.btn:focus{box-shadow:none}
.btn,#continueButton{font-size:15px;border-radius:4px;border:0;height:43px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;line-height:43px;font-weight:600;min-width:113px;max-width:190px}
.btn-primary{background:#01147B;color:#fff}
.btn-primary:hover{background:#01147B;opacity:.8}
.btn-secondry{background:#fff;color:#01147B; border: 1px solid #01147B;}
.btn-secondry:hover{background:#fff;color:#01147B; border: 1px solid #01147B;opacity:.8;}

.btn i{margin-right:8px;font-size:18px;position:relative;top:1px}
.btn.sm-btn{min-width: 113px;}
.btn.sm-btn:focus{border:1px solid #01147b}
.btn.btn-auto{max-width:initial;min-width:initial}
.btn.btn-fill {background: #808185;color: #fff;}
.btn.btn-white {background: #Fff;color: #01147B;}
.btn.xs-btn {height: 38px;font-size: 14px;font-weight: 600;}
button.btn{padding-top: 0; padding-bottom: 0;}


.tag-info-btn{width:38px;height:38px; flex:0 0 38px; background:#000;border-radius:4px;display:flex;align-items:center;justify-content:center}
.tag-info-btn.sm-tag{height:44px;width:44px;background:#fff;border:1px solid #01147b}
.tag-info-btn:hover{opacity:.7;cursor:pointer}

.action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #01147b;border-radius:50%;text-decoration:none;cursor: pointer;}
.action-btn i{color:#01147b}
.action-btn.action-fill i{color:#fff;font-size:18px;font-weight:300}
.action-btn.action-fill{background:#01147b}
.upload-btn-info .btn{height:38px;font-size:14px}
.action-btn:hover{ opacity:0.8 }

.btn.btn-grey {background: #E2E2E2;}
.btn.btn-black {background: #000;color: #fff;}
.btn:disabled{background:#e2e2e2;border:1px solid #e2e2e2}

.navbar  .btn-group-head .btn {
    min-width: 150px;
}


/*--------------------------------------------------------------------------------------*/
/*header
/*--------------------------------------------------------------------------------------*/

header{position:fixed;left:0;right:0;top:0;padding:10px 0;border-bottom:1px solid rgb(0 0 0 / 10%);background:#fff; z-index: 999;}
.nav-R {width: calc(100% - 400px);}

.coustom-tabs .nav-link{font-size:15px;font-weight:600;border:0;color:#808185;width:100%;margin:0;padding:5px 10px;}
.coustom-tabs .nav-link span{display:block;font-size:16px;line-height:normal}
.coustom-tabs .nav-link.active{color:#01147b;font-weight:600;border-bottom:2px solid #01147b;}
.coustom-tabs{justify-content:center;border:0}
.coustom-tabs li.nav-item{margin:0 10px}


.side-bar-divide{margin:10px 0;border-top:1px solid rgb(0 0 0 / 10%);opacity:1;margin-bottom:15px;width:70%}
.search-btn{position:absolute;right:18px;top:0;bottom:0;border:0;background:0 0;color:#000}
.search-box-content input.form-control{background:#fff;border:solid 1px #000;font-size:14px;color:#000;font-weight:400;border-radius:22px;height:45px;width:100%;padding-right:44px;}
.search-box-content input.form-control::placeholder{color:#000;}

.search-box-content{position:relative; max-width: 475px; width: 100%;}
.search-mic{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;margin-left:6px; margin-right: 6px;}
.search-mic i{font-size:18px;color:#000;}
.search-box-content.white-search input{background:#fff;border:1px solid #d9d9d9}

.user-profile-drop button.dropdown-toggle{border:0;display:flex;align-items:center;background:0 0}
.user-profile-drop button.dropdown-toggle span{font-size:15px;color:#000;margin-left:7px;font-weight:600;padding-right:11px}
.user-profile-drop .dropdown-toggle::after{background:url(../images/profile-select.png);border:0;background-position:right;width:24px;height:24px;opacity:1;margin-left:0; display:none;}

.circle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;position:relative;text-decoration:none}
.circle-btn>i{color:#000;font-size:22px;font-weight:600}
.circle-btn:hover{background:#01147b;cursor:pointer}
.circle-btn:hover>i{color:#fff}
.notification-blog,.shopping-blog{position:absolute; top:78px; right:10px; background:#fff; border-radius:10px; box-shadow:0 1px 6px rgb(55 55 55 / 11%); min-width:264px;}
/* .notification-blog{display: none; height: auto !important;}
.open .notification-blog{display: block !important; height: auto !important;} */


.notifiy-btn{height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:#fa5856;border-radius:50%;color:#fff;font-size:24px;position:relative;margin-right:20px}
.notification-list{max-height:402px;overflow:auto}

.setting-list-link li a{display:flex;align-items:center;font-size:15px;color:#000;padding:5px 10px;border-bottom:1px solid rgb(0 0 0 / 10%);justify-content: flex-start;}
.setting-list-link li a{text-decoration:none}
.setting-list-link li a i{margin-right:8px;font-size: 18px;}
.setting-list-link:last-child{border-bottom:0}

.more-text{color:#01147b;text-decoration:none;padding:10px 10px;display:block;font-weight:600}
.login-profile-img img {width: 44px;height: 44px;border-radius: 50%; max-width:44px;}


/*--------------------------------------------------------------------------------------*/
/*home
/*--------------------------------------------------------------------------------------*/

.list-link-box h4{font-size:18px;color:#01147b;font-weight:600;padding-bottom:10px}
.list-link li a{display:flex;align-items:center;font-size:15px;color:#000;padding:5px 0; position: relative;}
.list-link li a i{margin-right:10px;font-size:18px;font-weight:600}
.list-link li a.active {color: #01147b;}
.message-count{position: absolute; left: 9px; top: -2px; background: red; font-size: 10px; color: #fff; padding: 2px; border-radius: 50px; font-weight: 700;}


.sub-menu-box li{display:flex;align-items:center}
.sub-menu-box{padding-left:10px}
.sub-menu-box li i{margin-right:3px;transition:.3s}
.sub-menu-box li a{font-size:14px;padding:3px 0;transition:.3s}

.current-menu{display:flex;align-items:center;font-size:15px;color:#000;padding:5px 0;text-decoration:none;color:#01147b;font-weight:600}
.current-menu i{margin-right:5px;font-size:18px;font-weight:600;color:#01147b}

.home-card-left{z-index:4;width:300px;position:fixed;top:92px;bottom:0;transition:all .3s;overflow:auto;
    z-index: 99;}
.home-card-right{flex:1;width:100%;transition:all .3s;padding-left:405px;padding-right:105px;}

.video-box{background:#000;border-radius:4px;position: relative; display:flex;}
.video-box video{width: 100%}

.video-content h4{font-size:16px;color:#01147b;padding-bottom:4px;font-weight:600}
.video-info li{font-size:13px;display:flex;align-items:center}
.video-content{margin-top:20px}
.video-info li{font-size:13px;margin-right:22px;color:#01147b}
.video-info li i{margin-right:5px}
.video-info li a{display:flex;align-items:center;color:#01147b!important;text-decoration: none;}
.video-tag{width:46px;height:46px;background:rgb(255 255 255 / 22%);position:absolute;right:20px;top:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.video-box-main{position:relative;background:#fafafa}

.list-link li a{text-decoration:none}
.list-link li a:hover{color:#01147b}
.list-link li.active a{color:#01147b}


.comments-box-list li{margin-bottom:15px; display: flex;}
.comments-box-list figure{width:47px;height:50px;margin-right:15px}
.comments-box-list figure img{width:100%; height:100%; object-fit: cover;}
.comments-box-list figcaption{flex:1}

.comments-box-content-l p{font-size:14px;color:#b1b1b1;font-weight:400;padding-bottom:4px}
.comments-box-content-l span{font-size:14px;color:#808185}
.comments-box-content-l span i{color:#01147b;font-style:normal}
.comments-box-content-l h4{font-size:16px;font-weight:600;color:#01147b;padding-bottom:3px}

.comments-box-content-l{flex:1;padding-right:20px}
.comments-box-content-r{width:12%;text-align:right}

.reply-box{position:relative;  margin-left: 22px;}
.reply-btn{border:0;background:#01147b;color:#fff;width:84px;height:100%;position:absolute;right:0;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;font-size:15px;font-weight:600;}
.reply-link{font-size:15px;color:#000;text-decoration:underline;font-weight:600}
.reply-box .error{position: absolute; background: #fff;}


.avatar-upload{position:relative;width:92px}
.avatar-upload .avatar-edit input{display:none}
.avatar-upload .avatar-preview{width:92px;height:79px;position:relative;background:#e1e8ed;border-radius:4px}
.avatar-upload .avatar-preview .avatar-preview-img{width:100%;height:100%;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center}
.avatar-upload .avatar-edit .img-upload-icon{cursor:pointer;position:absolute;bottom:0;top:0;right:0;z-index:99;align-items:center;justify-content:center;color:#01147b;left:0;margin:auto;display:flex;border-radius:4px}
.avatar-upload label.img-upload-icon i{font-size:40px}

.upload-photo-content{padding-left:20px}
.upload-photo-content h3{font-size:16px;font-weight:600;color:#01147b;padding-bottom:3px}
.upload-photo-content a{color:#000;font-size:15px;text-decoration:underline!important;font-weight:600}
.share-with-list li{margin-right:12px}

.select-followers-list li{display:flex;justify-content:space-between;align-items:center}
.select-followers-left h3{font-size:16px;color:#000;font-weight:600}
.select-followers-left figure{width:47px;margin-right:15px}
.select-followers-left figcaption h3{font-size:16px;color:#000;font-weight:600}
.select-followers-left{flex:1;margin-right:10px}
.select-followers-list li figcaption{flex:1}
.select-followers-list li{margin-bottom:15px}
.select-followers-left figure img {height: 47px;border-radius: 50%;object-fit: cover;}

.video-user-box-left figure{width:40px;margin-right:10px}
.video-user-box-left figcaption h4{font-size:14px;font-weight:600}
.video-user-box-left figcaption a{font-size:14px;color:#000;text-decoration:underline!important}
.video-user-box-right span{font-size:14px;color:#808185;font-weight:400;margin-right:10px}

.sm-drop .dropdown-toggle {border: 0;background: 0 0;height: auto;line-height: normal;vertical-align: text-top;}
.sm-drop .dropdown-toggle::after{display:none}
.sm-drop .dropdown-menu{min-width:110px;border-radius:10px;border:0;box-shadow:0 1px 6px rgb(55 55 55 / 11%);right:0!important;left:auto!important}
.sm-drop .dropdown-item{font-size:14px;color:#000;display:flex;align-items:center;font-weight:400;padding:4px 10px}
.sm-drop .dropdown-item i{margin-right:5px;font-size:15px}
.sm-drop .dropdown-item i.ri-pencil-line{font-size:15px}
.sm-drop button.dropdown-toggle i{font-size:22px;margin-left:5px;font-weight: 900;}

.video-user-box-left figure img{width:100%;height:40px;border-radius:50%; object-fit: cover;}
.video-user-box-left{flex:1;margin-right:20px}
.video-user-box-left figcaption{flex:1}
.video-user-box-right {width: 50%;text-align: right;}

.frame-box-list li{width:134px; margin-right:20px; margin-bottom:15px; position: relative;}
.frame-box-content{position:relative;width: 134px;}
.frame-box-bottom h4{font-size:13px;color:#01147b;font-weight:600;padding-bottom:2px}
.frame-box-bottom{text-align:center;margin-top:10px}
.frame-box-bottom span{font-size:13px;color:#808185;font-weight:400;display:block}
.frame-box-content img{width:100%;height:95px;border-radius:5px;object-fit: cover;}
.frame-box-list{flex-wrap:wrap}

.maximize-frame,.min-frame{cursor:pointer;background:rgb(0 0 0 / 37%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;position:absolute;left:5px;top:5px}
.frame-box-content .close-frame{cursor:pointer;background:rgb(0 0 0 / 37%);width:20px;height:20px;display:flex !important;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;position:absolute;right:5px;top:5px}
.frame-box-content .close-frame i,.maximize-frame i,.min-frame i{color:#fff}
.frame-box-bottom-l{padding-right:7px}
.frame-box-bottom-r a:hover i{color:#01147b;cursor:pointer}

/*--------------------------------------------------------------------------------------*/
/*forms
/*--------------------------------------------------------------------------------------*/

.form-sec-page.section-space{padding-top:85px;padding-bottom:25px;position:relative}
.form-link {font-size: 15px;font-weight: 600;color: #01147B;text-decoration: none;    position: relative; }
.form-head h1{font-size:42px;color:#01147b;font-weight:600;margin-bottom:5px}
.form-head span{font-size:15px;color:#808185}
.calulate-h{min-height:calc(100vh - 325px)}
.form-bottom{margin-top: 15px;}

.with-icon{position:relative}
.with-icon input.form-control{padding-right:45px}
.icon-box{position:absolute;right:16px;top:0;bottom:0;display:flex;align-items:center}
.icon-box i{color:#808185;font-size:20px}

.shape-1{position:absolute;left:0;top:0;z-index: -9;}
.shape-2{position:fixed;right:0;bottom:-4px;z-index: -9;}

.upload-btn-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;right: 0; bottom: 0;    z-index: 99; }
.upload-btn-wrapper{position:relative;display:block}
.upload-btn{background:#fff;color:#01147b;border:1px solid #01147b;padding:10px 12px;border-radius:4px;height:44px;font-size:15px;font-weight:600; cursor: pointer;}
.upload-profile{margin: auto;}
.upload-profile figure{width:154px;height:154px;border-radius:50%}
.upload-profile figure img{width:100%;height:100%;object-fit:cover}
.upload-btn:focus {border: 1px solid #01147b;}

.coutom-tooltip i{color:#808185;font-size:15px;position:relative;top:2px}
.coutom-tooltip{margin-left:2px;cursor:pointer}
.tooltip-inner{padding:8px 10px;background-color:#000}
.custom-tooltip{--bs-tooltip-bg:#000!important}

.terms-inner h4{color:#01147b;font-size:18px;margin-bottom:14px;font-weight:600}
.terms-inner h5{font-size:15px;color:#000;margin-bottom:4px;font-weight:600}
.terms-inner p{font-size:13px;color:#808185;line-height:20px}

/*--------------------------------------------------------------------------------------*/
/*inner-pages
/*--------------------------------------------------------------------------------------*/

.close-toggle{font-size:20px;text-decoration:none;color:#000;cursor:pointer}
.users-list-left figure{width:36px;margin-right:10px}
.users-list-left figcaption{flex:1;margin-right:20px}
.users-list-left figcaption h3{font-size:15px;color:#000}
.users-list-left{flex:1}
.users-list li{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.users-list-left figure img {width: 100%;height: 36px;border-radius: 50%;object-fit: cover;}
.users-list li:last-child {margin-bottom: 0;}

.prodcutlistbox > figure{position: relative;}
.prodcutlistbox > figure > img{height:140px;width:100%;border-radius:10px; border:solid 2px transparent; padding:5px; object-fit: cover;}
.prodcutlistbox > figure.active > img{border-color:#01147b;}
.prodcutlistbox > figure > input{position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 9; opacity: 0;}

.modal-content .prodcutlistbox > figure > img{height: 110px; object-fit: cover;}

.prodcutlistbox figcaption h3{font-size:16px;color:#01147b;margin-bottom:3px; font-weight: 600;}
.prodcutlistbox figcaption{text-align:center;margin-top:12px}
.prodcutlistbox figcaption span{font-size:15px;color:#000; word-wrap: anywhere;}
.prodcutlistbox{margin-bottom:15px}

.video-img-frame figure img {height: 334px;width: 100%;border-radius: 10px;}
.video-frame video{ border-radius:10px; overflow:hidden; background:#000 }

.switches-container{width:178PX;display:flex;padding:0;position:relative;background:#f2f2f2;border-radius:4PX;line-height:30px;font-size:14px;font-weight:300}
.switches-container input{visibility:hidden;position:absolute;top:0}
.switches-container label{width:50%;padding:0;margin:0;text-align:center;cursor:pointer;color:#808185;font-size:14px;font-weight:300}
.switch-wrapper{position:absolute;top:0;bottom:0;width:50%;z-index:3;transition:transform .5s cubic-bezier(.77, 0, .175, 1)}
.switch{border-radius:4PX;background:#000;height:100%}
.switch div{width:100%;text-align:center;opacity:0;display:block;color:#fff;transition:opacity .2s cubic-bezier(.77, 0, .175, 1) 125ms;will-change:opacity;position:absolute;top:0;left:0}
.switches-container input:first-of-type:checked~.switch-wrapper{transform:translateX(0)}
.switches-container input:nth-of-type(2):checked~.switch-wrapper{transform:translateX(100%)}
.switches-container input:first-of-type:checked~.switch-wrapper .switch div:nth-of-type(1){opacity:1}
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2){opacity:1}


.profile-box-head-main{box-shadow:0 1px 6px rgb(55 55 55 / 11%);border-radius:10px;padding:20px 15px;position:relative;overflow:hidden}
.profile-box-head-main:after{background:linear-gradient(to bottom,#01147b 0,#1b2f9e 100%);content:"";position:absolute;left:0;right:0;top:0;height:169px;bottom:0;z-index:-1}
.profile-head{padding-top:80px;padding-bottom:10px}
.profile-head-left figure{width:128px;margin-right:20px}
.profile-head-left figure img{width:100%;height:128px;border-radius:50%;border:3px solid #fff}
.profile-head-left figcaption h3{font-size:24px;color:#fff;font-weight:600;padding-bottom:40px; justify-content: space-between;}

.frame-box-row .frame-box-content img{height:133px;object-fit:cover}
.frame-box-row .col{margin-bottom:20px}
.frame-box-row .frame-box-content a,.frame-box-row .frame-box-content figure{display:block}

.md-product .prodcutlistbox>figure>img{height:230px}

.user-single figure{width:30px; height:30px;}
.user-single figure a{display: block; width:30px; height:30px;} 
.user-single figure img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.user-single figcaption{padding-left:5px;flex:1;margin: 0;}
.user-single figcaption h3{font-size:14px;color:#000;font-weight:400;margin:0;line-height:normal}
.user-mk-p-l{width:70%}
.user-mk-p-r{width:30%}

.account-private figure i{font-size:42px;color:#01147b}
.account-private h4{font-size:18px;color:#01147b;font-weight:600;padding-bottom:7px}
.account-private p{font-size:15px;color:#808185}

.notification-page-list li{border:1px solid #e1e8ed;padding:20px 20px 20px;border-radius:10px;background:#fafafa}
.notification-page-list .users-list-left figcaption h3{color:#01147b}
.notification-page-list .users-list-left figcaption span{font-size:14px;color:#000}
.notification-page-list .users-list-right span{font-size:14px;color:#565656;font-weight:400}
.notification-page-list .users-list-left figure{width:46px}
.notification-page-list .users-list-left figure img{height:46px}
.notification-page-list .users-list-right{width:auto; text-align:right}
.notification-page-list li.active-noti{background:rgb(1 20 123 / 7%)}
.notification-page-list li.in-active-noti{background:rgb(1 20 123 / 20%)}
.edit-frame,.like-frame{cursor:pointer;background:rgb(0 0 0 / 22%);width:44px;height:44px;display:flex!important;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;position:absolute;right:30px;top:30px;border:0px;}
.edit-frame i ,.like-frame i{font-size:20px;color:#fff}

.user-product .border-box{position:relative}

.upload-video-btn{width:92px;height:92px;border-radius:50%;border:0;background:#01147b;margin-bottom:10px; position: relative; overflow:hidden;}
.upload-video-btn i{font-size:38px;color:#fff}
.upload-video h4{font-size:18px;color:#01147b;margin-bottom:5px}
.upload-video p{font-size:15px;color:#808185;font-weight:400}

.sm-user .users-list-left figcaption h3{font-size:18px;color: #01147b;font-weight: 600;}
.sm-user .users-list-left figcaption span{font-size:14px;color:#808185}
.sm-user .users-list-left figure img{height:46px}
.sm-user .users-list-left figure{width:46px; flex:0 0 46px;}
.following-rows .col-md-6{ margin-bottom:20px }
.text-tag {font-size: 15px;color: #000000;font-weight: 600;}

.sec-sub-title{font-size:18px;color:#01147b;padding-bottom:5px;font-weight:600}
.card-box p{color:#808185;font-size:14px}
.card-list li{color:#808185;font-size:14px;list-style-type:disc}
.card-list{padding-left:40px}

.search-result{box-shadow:0 1px 6px rgb(55 55 55 / 11%);padding:15px 15px;border-radius:10px;background:#fff;position:absolute;left:0;right:0;top:51px}
.search-result .users-list-left figure img{height:46px}
.search-result .users-list-left figure{width:46px}

.search-result .users-list li{border-bottom:1px solid rgb(0 0 0 / 10%);padding-bottom:12px}
.search-result .users-list-left figcaption h3{color:#01147b;font-weight:600}
.search-result .users-list-left figcaption span{color:#808185;font-size:14px;display:block}
.search-result .users-list-left figcaption span b{font-weight:400;color:#000}
.search-result .users-list li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}

.bottom-img-box figure{width:99px; flex:0 0 99px; margin-right:10px;}
.bottom-img-box figure img{width:100%;height:72px;border-radius:10px; object-fit: cover;}
.bottom-img-box h3{font-size:15px;color:#000;font-weight:600}
.myendorsementrow .col-md-6{margin-bottom:20px}

.card-box-right figure{width:182px}
.card-box-right figure img{height:182px;border-radius:50%}
.about-row-box .col-md-6 figure img{border-radius:10px;height:278px;width:100%;object-fit:cover}


.page-title-left{width:50%}
.page-title-right.d-flex.align-items-center{flex:1;justify-content:flex-end}
.product-title-sub h4{font-size:18px;color:#000;font-weight:600}
.filter-box select.form-select{margin-left:12px}
.view-btn-box{display:flex;border:1px solid #d9d9d9;height:44px;border-radius:4px;width:104px}
.view-btn-box a{width:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;border-right:1px solid #d9d9d9}
.view-btn-box a:last-child{border-right:0}
.view-btn-box a i{font-size:22px;color:#808185}
.view-btn-box a:focus i{color:#01147b}
.view-btn-box a.active i{color:#01147b}


#big .item{border-radius:8px;overflow:hidden}
#big.owl-theme{position:relative}
#big.owl-theme .owl-next,#big.owl-theme .owl-prev{width:22px;line-height:40px;height:40px;margin-top:-20px;position:absolute;text-align:center;top:50%}
#big.owl-theme .owl-prev{left:10px}
#big.owl-theme .owl-next{right:10px}
div#big .owl-stage-outer{height:386px;border-radius:8px;margin-bottom:10px}
div#big .owl-nav{display:none}
div#thumbs  .owl-item img{border-radius:8px;overflow:hidden; aspect-ratio: 10/7; object-fit: cover;}


.number .minus,.number .plus{background: #fff; vertical-align:middle;text-align:center;font-size:20px;color:#000;font-weight:700;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center;flex:1}
.number input{display:flex;vertical-align:middle;text-align:center;border:0;color:#000;font-size:16px;font-weight:700;height:100%;width:33%}
.number input:focus-visible{border:none; box-shadow: none; outline: none;}
.number{border:1px solid #d9d9d9;border-radius:4px;height:44px;display:flex;align-items:center;justify-content:center;width:131px;overflow: hidden;}

.detail-head-left{padding-right: 15px; gap: 10px;}
.detail-head-left h3{font-size:28px;color:#01147b;font-weight:600}
.stock-info{height:38px;border:1px solid #01147b;background:rgb(1 20 123 / 9%);border-radius:22px;font-size:14px;color:#01147b;display:inline-flex;align-items:center;justify-content:center;font-weight:600;min-width:92px}
.like-info{cursor:pointer;background:#fff;width:44px;height:44px;display:flex!important;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;border:1px solid #d9d9d9}
.like-info i{color:#000;font-size:20px}
.price-info{font-size:25px;color:#000;font-weight:400}
.size-info h5{font-size:15px;color:#000;font-weight:600;;padding-right:15px}
.size-info-list li{margin-right:20px}
.type-info{font-size:15px;color:#000;font-weight:600;}
.seller-info h5{font-size:15px;color:#000;font-weight:400}
.detail-desc{font-size:14px;color:#808185;font-weight:400;line-height:22px}
.coustom-tabs.navs-l{border-bottom:1px solid rgb(0 0 0 / 10%)}
.coustom-tabs.navs-l li.nav-item{margin:0;margin-right:10px}

.rating-info li a i{font-size:24px;color:#fea51d}
.rating-info li{margin-right:5px}
.rating-info li a .not-rate{color:#e6e7e7}
.table-box tr th {font-size: 15px;color: #808185;text-transform: uppercase;font-weight:600;border-bottom: 1px solid rgb(0 0 0 / 10%);padding-bottom: 8px;padding: 0px 15px 7px;    line-height: 1.4;}
.table-box tr td{padding-top:15px; font-size: 15px;    padding: 10px 15px;     line-height: 1.4; font-weight: 400}
.table-box tr th i{vertical-align:sub;font-size:18px}

.product-info figure {width: 109px;flex: 0 0 109px;}
.product-info figure img{width:100%;height:83px;border-radius:8px}
.product-info figcaption{padding-left:10px}
.product-info figcaption h4{font-size:16px;color:#01147b;font-weight:600;}

.cart-price,td.subtotal-info{font-size:15px;color:#000;font-weight:600;}
.action-info a{text-decoration:none;color:#000;font-size:18px;margin-right:10px;cursor:pointer}

.discount-box{position:relative}
.cart-bottom-left{width:40%}
.cart-bottom-right{flex:1;text-align:right}
.estimate-info .link-text{font-weight:600;}
.estimate-info i{font-size:20px}
.total-info li{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}
.total-info li b,ul.total-info li span{font-size:15px;color:#000;font-weight:400}
.total-info li:last-child{padding-bottom:0}
.order-total b,.order-total span{font-size:15px;font-weight:600}

.progress-steps{overflow: auto;}
.step p{white-space: nowrap;}
.progress-steps li span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d9d9d9;font-size:15px;color:#808185;font-weight:600;position:relative}
.progress-steps li{display:flex;align-items:center;flex-wrap:wrap;position:relative;padding-right:25px;margin-right:30px}
.progress-steps li:after{top:0;bottom:0;display:flex;align-items:center;justify-content:center;right:-6px;content:"";position:absolute;margin:auto;width:55px;height:1px;background:rgb(0 0 0 / 10%)}
.progress-steps li.active-check span{color:transparent!important}
.progress-steps li.active-check span:before{position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;display:flex;align-items:center;justify-content:center;z-index:1;content:"\f00c";font-family:"Font Awesome 5 Free"}
.progress-steps li h5{font-size:15px;font-weight:400;color:#808185;padding-left:15px;padding-right:45px}
.progress-steps li.active span{background:#01147b;color:#fff}
.progress-steps li.active h5{color:#000;font-weight:600}
.progress-steps li.active:after{background: rgb(1 20 123);}
.progress-steps li:last-child:after{display:none}

.address-box h5{font-size:15px;color:#000;font-weight:600;;padding-bottom:5px}
.address-box p{font-size:14px;color:#808185;font-weight:400;line-height:21px}
.addressradio-list li{margin-bottom:20px}

.cart-right{width:30%}
.checkout-left{width:70%}
.price-sm{font-size:14px;color:#000;font-weight:600;}
.qty-tag{display:block;font-size:14px;color:#808185;font-weight:400}
.items-tag{font-size:16px;color:#000;font-weight:400}

.payment-method .accordion-item{margin-bottom:15px;border:0}
.payment-method .accordion-button{border:1px solid #d8e2e9!important;border-radius:4px;height:48px;font-size:15px;color:#1d1616!important;padding:15px 12px;transition:.1s}
.payment-method .accordion-collapse{border:1px solid #01147b;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#fff;margin-top:-3px;z-index:9;position:relative}
.payment-method .accordion-button[aria-expanded=true]{border:1px solid transparent;border-top-left-radius:6px!important;border-top-right-radius:6px!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;border-bottom:0;transition:.1s;background:rgb(0 177 64 / 6%);border:0}
.payment-method .accordion-button:not(.collapsed){background-color:#fff;box-shadow:none;border:1px solid #01147b!important;border-radius:4px!important}
.payment-method .accordion-button:focus{box-shadow:none}
.payment-method .accordion-button .radio-coustom-design p{font-size:15px;font-weight:600;}

.uploadbanner-list{flex-wrap:wrap}
.uploadbanner-list li{margin-right:10px;margin-bottom:10px}

.with-color{position:relative}

.color-img{position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center}
.color-img input.form-control{padding-right:50px}

.list-link .arrow-toggle{padding-left:60px;transition:.3s}
.list-link li a.toggle .arrow-toggle i{font-size:20px!important;transform:rotate(-180deg);display:block;transition:.3s}

.dashboard-info {border-radius: 10px;background: #ddd;padding: 20px 22px; position: relative;}
.dashboard-info-left h3{font-size:30px;color:#fff;font-weight:600;}
.dashboard-info-left p{font-size:16px;font-weight:400;color:#ffff;padding-bottom:5px}
.dashboard-info-right span{width:52px;height:52px;background:rgb(255 255 255 / 28%);display:flex;align-items:center;justify-content:center;border-radius:10px}
.dashboard-info-right span i{font-size:28px}
.dashboard-info.yallow-dash-info{background:#b46226}
.dashboard-info.yallow-dash-info:after{background:#b46226}
.dashboard-info.yallow-dash-info .dashboard-info-right span i{color:#fff}
.dashboard-info.green-dash-info{background:#26b49a}
.dashboard-info.green-dash-info:after{background:#26b49a}
.dashboard-info.green-dash-info .dashboard-info-right span i{color:#fff}
.pink-dash-info{background:#fa5856}
.dashboard-info.pink-dash-info:after{background:#ff9192}
.dashboard-info.pink-dash-info .dashboard-info-right span i{color:#fa5856}
.blue-dash-info{background:#2670b4}
.dashboard-info.blue-dash-info:after{background:#2670b4}
.dashboard-info.blue-dash-info .dashboard-info-right span i{color:#fff}
.dashboard-info-main .col-md-4{margin-bottom:20px}

.profile-head-right span{display:block;font-size:15px;color:#808185}
.profile-head-right span b{font-size:18px;color:#000;padding:0 3px}
.profile-head-right span i{color:#fea51d;font-size:20px;margin-right:4px;vertical-align:bottom}
.profile-head-right small{font-size:14px;color:#808185;font-weight:400}

.rating-box i{color:#fea51d;font-size:24px}
.rating-box b{font-size:18px;display:block;font-weight:600;}
.rating-box span{font-size:15px;color:#000;font-weight:400}

.progress{width:125px;height:7px;background:rgb(195 197 199 / 37%);border-radius:0;margin:0 10px}
.progress-bar{background:#fea51d}

.radtiing-review-info li span{font-size:14px;color:#000;width:45px;font-weight: 400}
.radtiing-review-info li{display:flex;align-items:center;width:100%;margin-bottom:5px}

.review-box-left{border-right:1px solid rgb(0 0 0 /10%)}
.review-comments-head figure{width:46px;margin-right:10px}
.review-comments-head figure img{height:46px;width:100%;border-radius:50%}
.review-comments-head figcaption h4{font-size:15px;color:#01147b;font-weight:600;}
.rating-info.sm-ratings li a i{font-size:16px}
.review-comments li p{font-size:14px;color:#808185}
.review-comments>li{margin-bottom:15px}
.review-comments>li:last-child{margin-bottom:0}

.highcharts-title{display:none}
.highcharts-exporting-group{display:none}
.highcharts-credits{display:none}
.highcharts-background{fill:#fafafa}
.highcharts-legend.highcharts-no-tooltip{display:none}
.highcharts-axis-title{display:none}
.highcharts-subtitle{display:none}

.top-selling-list{display:flex;flex-wrap:wrap}
.top-selling-list li{width:50%}

.border-box.white-bg{background:#fff}

.product-info-bottom h4{font-size:15px;color:#000;font-weight:600;;padding-bottom:4px}
.product-info-bottom p{font-size:14px;color:#808185}
.product-info-right span{font-size:14px;color:#808185;font-weight:400}
.product-info-left{width:80%}
.product-info-right{flex:1;text-align:right}

.pagination-nav{display:inline-flex;border-radius:4px;padding:6px 10px;border:1px solid #d9d9d9;background:#fff}
.pagination-nav .page-link{border:0}
.pagination-nav .page-link{background:0 0;font-size:14px;color:#808185;display:flex;align-items:center;line-height:normal;width:22px;height:22px;padding:0;justify-content:space-evenly;font-weight:400}
.pagination-nav .page-item.active .page-link{background:#01147b;border-radius:50%;font-weight:600;color:#fff}
.pagination-nav li.page-item.next-btn a i,.pagination-nav li.page-item.pre-btn a i{font-size:20px;color:#b2b6bb}
.pagination-nav .page-item.pre-btn{padding-right:10px}
.pagination-nav .page-item.next-btn{padding-left:10px}
.page-link:focus{box-shadow:none}

.input-btn-box{position:relative}
.input-btn-box{width:100%}

.delete-icon{text-decoration:none;font-size:20px;color:#000}

.upload-box{background:#fff;width:109px;height:83px;border-radius:10px;border:1px solid #d9d9d9}
.upload-box i{font-size:35px}

.switch-coustom{position:relative;display:inline-block;width:38px;height:18px}
.switch-coustom input{opacity:0;width:0;height:0}
.switch-coustom .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.switch-coustom .slider:before{position:absolute;content:"";height:13px;width:13px;left:4px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.switch-coustom input:checked+.slider{background-color:#fa5856}
.switch-coustom input:focus+.slider{box-shadow:0 0 1px #2196f3}
.switch-coustom input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}
.switch-coustom .slider.round{border-radius:34px}
.switch-coustom .slider.round:before{border-radius:50%}

.icon-in{position:relative}
.icon-img-box{position:absolute;left:0;bottom:0;display:flex;align-items:center;top:0;width:40px;justify-content:center;border-right:1px solid #ddd}
.icon-in input{padding-left:55px}

.upload-img-box{width:107px;height:83px;border-radius:10px;position:relative}
.upload-img-box img{width:100%;height:100%;border-radius:10px}

.edit-img{cursor:pointer;background:rgb(0 0 0 / 22%);width:18px;height:18px;display:flex!important;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;position:absolute;right:5px;top:5px}
.edit-img i{color:#fff;font-size:9px}

.sec-sub-head p {color: #808185;font-size: 15px;font-weight: 400;}
.sec-sub-head-left{width:60%}
.sec-sub-head-right{flex:1;text-align:right;display:flex;justify-content:flex-end;}

.serch-product-box .form-group{flex:1;margin-right:20px}
.serch-product-box{flex-wrap:wrap}

.seller-info-tag li{margin-right:50px}
.seller-info-tag li a{font-size:15px;color:#000;font-weight:600;}
.seller-info-tag li i{font-size:22px;vertical-align:sub;color:#01147b;margin-right:10px}
.per-page-box span{color:#808185;font-size:14px;font-weight:400}
.lf-shif{right:82px}

.dashboard-info-bottom li{margin-right:50px}
.dashboard-info-bottom li span{font-size:16px;color:#fff;font-weight:600;padding-bottom:3px;display:block}
.dashboard-info-bottom p{font-size:15px;color:rgb(255 255 255 / 65%);font-weight:400}
.divider.white-divider{border-color:rgb(255 255 255 / 23%);margin:10px 0}
.dashboard-info-left span{color:rgb(255 255 255 / 65%);font-size:15px;font-weight:400;padding-top:10px;display:block}
.dashboard-info{height:100%}
.grey-text{color:#808185;font-weight:400}
.payment-method-box{border:1px solid #d8e2e9!important;border-radius:4px;height:48px;font-size:15px;color:#1d1616!important;padding:15px 12px;transition:.1s;background:#fff}
.payment-method-list .col-md-6{margin-bottom:15px}
.radio-coustom-design p img{position:relative;top:-2px}
.change-billing-list .radio-coustom-design .checkmark{left:auto;right:0}
.change-billing-list .radio-coustom-design{display:block;position:relative;padding-left:0;padding-right:27px}
.change-billing-list li{margin-bottom:15px}
.change-billing-list li:last-child{margin-bottom:0}
.payment-method-list .col-md-6:last-child{margin-bottom:0}


.order-total-grand b{font-size:20px;color:#01147b;font-weight:600}
.order-total-grand span{font-size:20px;color:#000;font-weight:600}
.payment-method-list li{margin-bottom:10px}
.order-detail-info li b{font-size:15px;color:#000;font-weight:600;;padding-right:40px;width:10%}
.order-detail-info li span{flex:1;font-size:14px;color:#808185}
.order-detail-info li{display:flex;align-items:center;padding-bottom:8px}
.order-detail-info li span i{font-style:normal;color:#000}
.place-icon i{font-size:52px;color:#01147b}
.arrow-toggle i{transition:.35s all}
.sldm-open .arrow-toggle i{transform:rotate(-180deg);display:block;transition:.35s all}
.list-link li a i svg{opacity:.7}

.circle-btn > a{text-decoration:none;font-size:22px;font-weight:600;;color:#000;width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;height: 100%;}
.circle-btn>a:hover i{color:#fff}
.dropdown.user-profile-drop figure{width:24px}
.dropdown.user-profile-drop figure img{width:24px;height:24px;border-radius:50%}
.paymentcard-box{border-radius:10px;background:#ddd;padding:20px}
.paymentcard-box.bluebg{background:#2670b4}
.delet-frame{width:38px;height:38px;background:rgb(0 0 0 / 38%);display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;font-size:22px;color:#fff}
.card-num{font-size:20px;color:#fff;margin-bottom:20px}
.pm-name h4{font-size:16px;color:#fff;font-weight:600;;margin-bottom:5px}
.pm-name span{font-size:14px;color:#fff;font-weight:300}
.pm-name span b{font-weight:600;}
.paymentcard-box.greenbg{background:#26b49a}
.account-detail-box h5{font-size:15px;color:#000;font-weight:600;;margin-bottom:8px}
.account-detail-box p{font-size:15px;color:#000}
.account-detail-box span{font-size:14px;color:#000}

.circle-btn-group.d-flex{align-items:center}
.nav-R-right.d-flex{align-items:center}
.prodcutlistrow .user-product .border-box>figure{height:218px}
.prodcutlistrow .user-product .border-box>figure img{width:100%;border-radius:10px;height:100%;object-fit:cover}
.grand-total b,.grand-total span{font-size:18px;font-weight:600}
.profile-head-left figcaption{flex:1}

table.table-box td,table.table-box th{white-space:nowrap;flex-wrap:nowrap}
.table-scroll{overflow:auto}
.toggle-users-head .link-text{font-weight: 600;}
.frame-box-row .frame-box-content{width: 100%;}
.video-info li i.ri-add-line{font-size: 15px;}
div#delete-account p,div#delete-frame p{color: #808185; font-weight: 300; padding-top: 10px; font-size: 13px;}
div#market-endorse ul.users-list{margin-bottom: 15px;}
.billing-address .link-text{font-size: 14px; color: #000; font-weight: 600;}
.btn.min-btn{min-width: 148px;}
.prodcutlistbox figcaption h3 a{color: #01147b;}
.seller-info .link-text{font-weight: 600;}
.datepicker.datepicker-dropdown{z-index: 99999 !important;}
.circle-btn.open{background: #01147b;}
.circle-btn.open > i{color: #fff;}
.create-event-btn-mobile{display: none;}
.seller-btn a.btn{min-width: 125px;}
.short-video{position: absolute; left:150px; bottom:18px; height: 5px; width: 20px; background: red;}
.image-video-box{position: absolute; top:-150px; width: 140px; height: 140px; left: -70px; display: none;}
.image-video-box img{width: 100%; height: 100%; object-fit: cover;}
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
.short-video{bottom: 20px; height: 4px;}   
}

/*.short-video:hover .image-video-box{display: block;}*/

#video_progress_line .short-video:first-child .image-video-box{left: 0;}
#video_progress_line .short-video:last-child .image-video-box{left: auto; right: 0;}
.comments-box-inner{display: flex; flex-wrap: wrap; width: 100%;}
.reply-box-comment{margin-left: 22px; width: auto; margin-top: 10px;}
.pointer{cursor: pointer;}
.select-page-box .btn{border: 1px solid #d8e2e9;}
.custom-input-box{padding: 10px 15px;}
.custom-input-box{display:flex; align-items: center;}
.custom-input-box .btn{min-width: 10px; border: none; padding: 0; margin-left: 10px; width: 40px; flex: 0 0 40px;}
.form-group{position: relative;}
.eye-btn{position: absolute; right:20px; top:35px; background: none; border: none; color: #000; font-size: 22px;}  
.change-password-box-bg .form-control{padding-right: 35px;}
.checkbox-list{flex-wrap:wrap;}
.input-btn-box .form-control{padding-right: 95px;}
.navbar .btn-group-head .btn{white-space: nowrap;}
.user-profile-drop .dropdown-menu{max-height: 200px; overflow: auto; left: auto !important; right: 0 !important;}
.order-placed .btn{max-width:none;}
header .search-box{flex:1;}
.create-event-btn{margin-left: auto;}
.create-event-btn a{white-space: nowrap;}
.comments-box-list{max-height: 250px; overflow-y: auto; overflow-x: hidden;}
.loader-box{position: fixed; z-index: 9999; background:rgba(255,255,255,0.7); left:0; top:0; width: 100%; height:100%;} 
.loader-box-inner{height:100vh; width:100%; display:flex; align-items: center; justify-content: center;} 
.loader {border: 16px solid #f3f3f3; /* Light grey */border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width:80px; height: 80px; animation: spin 0.5s linear infinite;}
@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}


.plan-box{background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 4px; padding: 15px} 
.plan-head{display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; margin-bottom: 15px;}
.active-status{margin-left: -15px; margin-bottom: 10px;}
.active-status span{background: linear-gradient(180deg, #01147B 0%, #1B2F9E 100%); border-radius: 0px 10px 10px 0px; display: inline-block; font-size: 16px; color: #fff; font-weight: 600; padding: 5px 12px;} 
.in-active-status span{background: linear-gradient(180deg, #fa0202 0%, #fd2d2d 100%); border-radius: 0px 10px 10px 0px; display: inline-block; font-size: 16px; color: #fff; font-weight: 600; padding: 5px 12px;} 
.plan-left h5{font-size: 14px; color:#808185; font-weight: normal; margin-bottom: 10px;}
.plan-left h3{font-size: 22px; color: #000000; font-weight: 500;}
.plan-left h3 sub{font-size: 15px; color: #808185; font-weight: normal;}
.plan-des ul li{font-size: 14px; color: #808185; background: url(../images/check01.png) no-repeat left 1px; padding-left: 30px; margin-bottom: 10px;}
.plan-des ul li:last-child{margin-bottom: 0;}
.other-plan-box{margin-top: 30px;}
.other-plan-box h2{font-size: 18px; color: #01147B; font-weight: 600; margin-bottom: 15px;}


/* sept 17   frame add request     start*/
   .wraper-inner .btn-group-head{border-bottom: 2px solid rgb(0 0 0 / 10%); display: flex;}
.wraper-inner .btn-group-head a{font-size: 16px; color: rgba(128, 129, 133, 1); font-weight: 500; text-decoration: none; border-bottom: 2px solid rgb(0 0 0 / 10%); margin-bottom: -2px; min-width: 166px; text-align: center; padding: 10px 10px; text-align: center; cursor: pointer;} 
.wraper-inner .btn-group-head a.btn_custom_active_class{border-bottom: solid 2px rgba(1, 20, 123, 1); color: rgba(1, 20, 123, 1);}
.active-history-bg{margin-top: 30px}
.active-history-bg .video-user-box-left figcaption h4{color: rgba(1, 20, 123, 1); font-size: 18px; font-weight: 500;}
.active-history-bg .video-user-box-left figcaption a{color: rgba(128, 129, 133, 1); text-decoration: none; font-size: 14px; text-decoration: none;}

/* sept 17  frame add request  end*/

.video-product-frame figure img{width: 100%;}
.frame-box-list.frame-box-list-scroll{overflow: auto; flex-wrap: inherit;}
.view-profile-about-des{gap:20px; display: grid;}

/*chat-page-css-here*/

.chat-box-container{background: #FAFAFA; border: 1px solid #E1E8ED; border-radius: 10px; padding: 15px; display: flex;} 
.chat-side-bar{width: 390px; flex:0 0 390px; margin-right: 30px;}
.chat-content-box{background: #fff; padding: 15px; flex: 1;}

.story-list{overflow: auto; margin-bottom: 20px; display: flex; align-items: center; gap: 10px;}
.story-list ul{display: flex; align-items: center; gap: 10px;}
.story-list ul li{width: 65px; height: 65px; flex: 0 0 65px; border-radius: 100px; overflow: hidden; position: relative; border: solid 1px #01147B;}
.story-list ul li img{width: 100%; height: 100%; object-fit: cover;}

.story-list .story-item{width: 65px; height: 65px; flex: 0 0 65px; border-radius: 100px; overflow: hidden; position: relative; border: solid 1px #01147B;}
.story-list .story-item img{width: 100%; height: 100%; object-fit: cover;}



.story-list ul li button{width: 65px; height: 65px; flex: 0 0 65px; border-radius: 100px; overflow: hidden; position: relative; border: solid 1px #01147B; background: #01147B; display: flex; align-items: center; justify-content: center; font-size: 34px; color: #fff; padding: 0;}
.story-list ul li button i{position: relative; top: -2px;}

.chat-user-list ul{row-gap: 10px; display: flex; flex-wrap: wrap;} 
.chat-user-list ul li{border-bottom: solid 1px #F3F0F0; border-radius: 5px; transition: all 0.3s ease-in-out; cursor: pointer; width: 100%;}
.chat-user-list ul li:hover{background: #fff;}
.user-box{display: flex; gap: 15px; padding: 10px; justify-content: space-between;}
.chat-user-left{display: flex; align-items: center; gap:15px;}
.chat-user-left figure{margin: 0; flex:0 0 44px; max-width: 44px; height: 44px; overflow: hidden; border-radius: 100px;}
.chat-user-left figure img{width: 100%; height: 100%; object-fit: cover;}
.chat-user-left figcaption{flex: 1;}
.chat-user-left h4{font-size: 16px; color: #01147B; font-weight: 600; margin-bottom: 4px;}
.chat-time{font-size: 14px; color: #767886;}
.chat-icon{display: flex; justify-content: flex-end; margin-top: 8px;}
.chat-icon span{width: 9px; height: 9px; flex:0 0 9px; border-radius: 50px; background: #01147B;}

.chat-user-head{display: flex; gap:15px; align-items: center; border-bottom: solid 1px #F0F0F2; padding-bottom: 15px; margin-bottom: 15px;}
.chat-user-head figure{margin: 0; flex:0 0 55px; max-width: 55px; height: 55px; overflow: hidden; border-radius: 100px;}
.chat-user-head figure img{width: 100%; height: 100%; object-fit: cover;}
.chat-user-head figcaption{flex: 1;}
.chat-user-head figcaption h4{font-size: 18px; color: #01147B; font-weight: 600;}
.message-date{font-size: 14px; color:#808185; margin-bottom: 15px; text-align: center;}
.message-box{margin-bottom: 20px;}
.message-content{margin-bottom: 10px;}
.message-content span{display: inline-block; padding: 13px 15px; background: #F2F4FF; color: #01147B; font-size: 15px; border-radius: 5px; line-height: normal;}
.message-time{margin-top: 5px;}
.message-time span{font-size: 14px; color:#808185;}
.right-message{display: flex; justify-content: flex-end;}
.right-message .message-time{text-align: right;}
.right-message .message-content span{background: #F5F5F5; color: #000000;}
.post-box{background: #F5F5F5; padding:10px; border-radius: 5px;}
.post-head{display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.post-head figure{margin: 0; width: 38px; height: 38px; flex:0 0 38px; border-radius: 100px; overflow: hidden;}
.post-head figure img{width: 100%; height: 100%; object-fit: cover;}
.post-head figcaption{flex: 1;}
.post-head figcaption h4{font-size: 15px; color: #000000; font-weight: 600; margin: 0;}
.post-images{width: 240px;}
.post-images img{width: 100%; border-radius: 5px;}
.user-message-send-box{display: flex; align-items: center; gap: 15px; margin-top: 15px;}
.message-left-box{display: flex; align-items: center; gap: 5px; background: #F2F4FF; border: solid 1px #D7DDFB; padding:0px 10px; border-radius: 5px; flex: 1;}  
.message-left-box button{background: none; border:none; font-size: 28px; color:#808185; padding: 0; cursor: pointer; transition: all 0.3s ease-in-out;}
.message-left-box .form-control{flex: 1; background: none; border: none; box-shadow: none;}
.send-btn{flex: 0 0 42px;}
.send-btn button{width: 42px; height: 42px; border: none; background: #01147B; border-radius: 100px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out;}
.message-list{height: 500px; overflow: auto;}
.chat-user-list{height: 590px; overflow: auto;}
.upload-form-bg .modal-content{max-width: 403px; width: 100%; margin: auto;}
.upload-form-bg .modal-dialog{max-width: none;}
.upload-form-bg .modal-header{padding-right: 30px;}
.upload-form-bg .modal-header span{font-size: 22px; color: #01147B; font-weight: 600;}
.upload-content-box{padding: 30px; display: flex; flex-direction: column; gap: 20px;}
.upload-content-box .upload-option{background: #F2F4FF; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 17px; font-weight: 600; gap: 15px; padding: 13px; border: none;}



   /* Story Modal */
   .story-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    }
    .story-content {
    position: relative;
    width: 90%;
    max-width: 400px;
    height: 80%;
    background-color: #000;
    border-radius: 0px;
    
    }
    /* Story Image */
    .story-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    /* Progress Bars */
    .progress-container {
    position: absolute;
    /* top: 10px; */
    /* left: 10px; */
    right: 0px;
    top: 0;
    left: 0;
    display: flex;
    gap: 3px;
    }
    .progress-bar {
    flex: 1;
    background-color: rgba(255, 255, 255, 0.3) !important;
    height: 4px;
    border-radius: 2px;
    }
    .progress {
    height: 100%;
    background-color: #fff !important;
    border-radius: 2px;
    transition: width 0.1s linear;
    width: 0;
    }
    /* Close Button */
    .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    }
    .story-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    color: white;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    z-index: 2;
    display: block;
    }
    #storyVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
    }
    
    .story-content .close-btn,#storyModalText .btn-close{right: -55px; top: 0; font-size: 28px; width: 42px; background: rgba(255,255,255,0.2); border-radius: 0;  color: #fff; padding: 0; height: 42px;}
    
 
 
    /* Show Modal Button */
    .show-modal-btn {
    margin-top: 40px;
    padding: 12px 24px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    }
    .show-modal-btn:hover {
    background-color: #0056b3;
    }
    #storyModalText {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    }
    /* Modal content */
    .story-content {
    background: white;
    padding: 0px;
    max-width: 450px;
    width: 100%;
    text-align: center;
    border-radius: 0px;
    }
    /* Textarea Styling */

    /* Post Button */
    .postButton {
    background: #FFFFFF;
    border-radius: 4px;
    border: solid 1px #ececec;
    color: #000000;
    padding: 12px 20px;
    width: auto;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    min-width: 120px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    }






    /* Close Button */
    #closeModalBtn {
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    }



.view-user-box{position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.view-user-box button{border: none; background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(3px); border-radius: 110px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 17px; color:#fff; font-weight: 600; padding: 10px 20px;} 
.view-user-box button i{font-size: 24px;}
#userview .modal-dialog{max-width: 370px;}
.user-view-list{padding: 5px; max-height: 250px; overflow: auto;}
.user-view-list ul{display: flex; flex-direction: column; gap: 10px;}
.user-view-list ul li a{display: flex; align-items: center; gap: 15px; text-decoration: none;}
.user-view-list ul li a img{width: 48px; height: 48px; flex:0 0 48px; border-radius: 50px; object-fit: cover;}
.user-view-list ul li a span{font-size: 16px; color: #000; font-weight: 600;}
.post-btn-box{display: flex; justify-content: center; align-items: center;}
.post-btn-box .postButton{background: #01147B; color: #fff; border-color: #01147B;}
#colorPicker{position: relative; right: 15px; width: 30px; height: 30px; cursor: pointer; border-radius: 0; border: solid 1px #ececec; box-shadow: none; top: 0px;}
#storyModalText textarea{border: none; text-align: center; font-size: 46px; color: #767886; padding-top: 30px; max-height: 70vh; height: auto; resize: none; border-radius: 10px;}

.remove-story-box{background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); display: flex; align-items: center; justify-content: space-between; padding: 15px; position: absolute; left: 0; top: 0; width: 100%;}
.remove-story-box h3{font-size: 21px; color: #fff; font-weight: 700; margin: 0; padding: 0;}
.remove-story-box button{background: rgba(255, 255, 255, 0.2); border-radius: 50px; width: 36px; height: 36px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #fff; display: flex; align-items: center; justify-content: center; border: none; font-size: 24px;}

.overlay,.overlay_frame{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); display: flex; align-items: center; justify-content: center; color: #fff; z-index: 10;}
.warning-content{text-align: center; padding: 10px 5px;}
.warning-content h2{font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.warning-content p{font-size:14px;}
#continueButton{margin-top: 10px;}
#continueButton{background:#01147B; color:#fff}
.overlay_frame .warning-content h2{font-size: 14px; margin-bottom: 0;}
.overlay_frame #continueButton{padding: 10px; font-size: 12px; height: auto; line-height: normal;}
.mydatabase-list .col-2{width: auto;}
.order-detail-btn{gap:10px;}
.form-box-bg{padding: 15px;}
.btn-action-wishlinks{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.order-summary-btn{margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap;}
.cart-count{top: -1px !important;}
.checkout-left-row{row-gap: 30px;}
.checkout-left-row .border-box{height: 100%;}


.details-left .owl-theme .owl-nav{display: flex; justify-content: space-between; margin-top: 15px;}
.chat-head-bg{gap: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.back-btn{font-size: 24px; color: #000;}
.back-btn i{color: #000 !important;}
.chat-head-bg .chat-user-head{margin-bottom: 0; padding-bottom: 0;}
.chat-head-bg .back-btn{min-width: 45px; padding: 0;}

.order-detail-btn.d-flex .btn{margin: 0 !important;}
.content-desc{display: flex; flex-direction: column; gap: 15px;}
.uploadbanner-list{margin-top: 15px;}

.shipping-progress-steps{overflow: auto; gap: 15px;}
.gap-10{gap: 10px;}


.reply-box .form-control{padding-right: 100px;}
.custom-video-height{ height: 800px;}

.date-box-bg{position: relative;}
.date-box-bg .fa.fa-calendar{position: absolute; left: 10px; top: 41px;}
.date-box-bg .fa.fa-times{position: absolute; right: 10px; top: 41px;}
.date-box-bg .form-control{padding: 5px 35px;}
select{appearance: auto !important;}
#language_loader{position: absolute; left: 9px; z-index: 1;}

.flex-1{flex: 1;}

#frame_product_href { padding:10px;}