@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');



html, body {



    width: 100%;



    height: 100%;



}
.dropdown {
    display: inline-block;
    width: 260px;
    max-width: 100%;
}
    .dropdown button{

      width:100%;

      padding:0.5rem 0.75rem;

      border:1px solid #cbd5e1;

      border-radius:6px;

      background:#fff;

      text-align:left;

      cursor:pointer;

    }

    .dropdown button:after{

      content:"▾";

      float:right;

    }

    .menu{

      position:absolute;

      top:100%;

      left:0;

      right:0;

      border:1px solid #e2e8f0;

      background:#fff;

      border-radius:6px;

      box-shadow:0 10px 20px rgba(0,0,0,.08);

      display:none;

      margin-top:4px;

      z-index:50;

    }

    .menu.show{display:block}

    .menu ul{list-style:none;margin:0;padding:0}

    .menu li{position:relative}

    .menu a{

      display:block;

      padding:0.5rem 0.75rem;

      text-decoration:none;

      color:#0f172a;

      cursor:pointer;

    }

    .menu a:hover {

    color: #2d8984;

    background: #e3fffd;

}



    /* Nested submenus */

    .menu .has-sub > .nested{

      display:none;

      position:absolute;

      top:0;

      left:100%;

      min-width:200px;

      border:1px solid #e2e8f0;

      background:#fff;

      border-radius:6px;

      box-shadow:0 10px 20px rgba(0,0,0,.08);

    }

    .menu .has-sub:hover > .nested{

      display:block;

    }

    .menu .has-sub > a::after{

      content:"▸";

      float:right;

    }

.cd-accordion {

    padding: 0;

    background: #fff;

    border-radius: 5px;

    overflow: hidden;

}

.cd-accordion--animated .cd-accordion__label::before {

	transition: -webkit-transform .3s;

	transition: transform .3s;

	transition: transform .3s, -webkit-transform .3s

}

.cd-accordion__sub {

	padding: 0;

	display: none;

	overflow: hidden

}

.cd-accordion__sub--is-visible {

	display: block

}

.cd-accordion__item {

	display: block;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	margin-bottom:0!important;

}

.cd-accordion__input {

	position: absolute;

	opacity: 0

}
.catAccordion {
    float: left;
    width: 100%;
    display:none;
    margin-top: 20px;
}
.cd-accordion__label {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.75em 1.25em;
    background: #f3f2f2;
    color: #212529;
    justify-content: space-between;
    border-bottom: 1px solid #dedede;
}

.cd-accordion__label span {

	-ms-flex-order: 1;

	order: 1

}

.cd-accordion__label span a {
color:#000;
	text-decoration: none;

}

.cd-accordion__label {

	text-decoration: none;

}

.cd-accordion__label:hover {

	color:#2d8984;

}

.cd-accordion__label--icon-folder::after {

    background-position: 0 0;

}

.icon_hide::after {

    background: none !important;

}

.cd-accordion__label::after, .cd-accordion__label--icon-folder::before {

    content: '';

    display: block;

    width: 16px;

    height: 16px;

    background-image: url(../images/cd-icons.svg);

    background-repeat: no-repeat;

    filter: brightness(0);

}

.cd-accordion__label::after {

	-ms-flex-order: 2;

	order: 2

}

.cd-accordion__label--icon-folder::before {

	background-position: 0 0;

	-webkit-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg)

}

.cd-accordion__input:checked+.cd-accordion__label::before {

	-webkit-transform: rotate(0);

	-ms-transform: rotate(0);

	transform: rotate(0)

}

.cd-accordion__input:checked+.cd-accordion__label::after {

	background-position: 0 0

}

.cd-accordion__input:checked~.cd-accordion__sub {

	display: block

}

.cd-accordion__sub--l1 .cd-accordion__label {

    padding-left: calc(1.25em + 0px);

    border-bottom: 1px solid #dedede;

}

.cd-accordion__sub--l1 .cd-accordion__label a:hover {

	color:#2d8984;

}

.cd-accordion__sub--l2 .cd-accordion__label {

	padding-left: calc(1.5em + 10px);

}

.cd-accordion__sub--l3 .cd-accordion__label {

	padding-left: calc(1.5em + 20px);

}



.popView {
    padding: 0 10px 0 10px;
}
.popup_btnBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup_btnBox .dash_docs_continue {
    width: 220px;
}
.doc_del_icon {
    top: 20px;
    right: 20px;
    z-index: 5;
    width: 30px;
    height: 30px;
    color: #d70505;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    position: absolute;
    border-radius: 100px;
    backdrop-filter: blur(80px);
    background: hsl(0deg 0% 100% / 85%);
}
.subscribes{
        color: #F08A59;
}
.del_icon {

    font-size: 18px;

    color: #ff0000;

    text-decoration: none;

}

.del_icon:hover {

    color: #f08a59;

}

.tableBox table{

      width:100%;

      border-collapse:collapse;

      margin-top:8px;

      font-size:14px;

    }



    .tableBox thead th{

      text-align:left;

      padding:12px 10px;

      border-bottom:1px solid var(--table-border);

      position:relative;

      user-select:none;

      cursor:pointer;

      font-weight:600;

      color:#0f1724;

    }



    .tableBox thead th .hint { font-size:12px; color:var(--muted); margin-left:6px; font-weight:500; }



    .tableBox tbody td{

      padding:10px;

      border-bottom:1px solid #f1f3f6;

      vertical-align:middle;

    }



    .tableBox tbody tr:hover{ background: #fbfdff; }



    .status {

      display:inline-block;

      padding:6px 8px;

      border-radius:999px;

      font-size:12px;

      font-weight:600;

    }

    .status.active { background:rgba(22,163,74,0.12); color:var(--success); }

    .status.pending { background:rgba(245,158,11,0.08); color:#b45309; }

    .status.expired { background:rgba(220,38,38,0.08); color:var(--danger); }



    .actions button{

      background:transparent;

      border:none;

      color:var(--accent);

      padding:6px;

      cursor:pointer;

      font-weight:600;

      font-size:13px;

    }



    @media (max-width:880px){

      .tableBox table, thead, tbody, th, td, tr { display:block; }

      .tableBox thead { display:none; }

      .tableBox tbody tr { margin-bottom:12px; background: #fff; padding:10px; border-radius:8px; box-shadow: 0 3px 10px rgba(12,15,20,0.03); }

      .tableBox tbody td { display:flex; justify-content:space-between; padding:8px 10px; border:0; }

      .tableBox tbody td::before { content: attr(data-label); font-weight:600; color:var(--muted); margin-right:8px; }

      .actions { display:flex; gap:8px; }

    }



select:has(option:checked:first-child) {



  color: #757587;



}



a:hover {



    color: #f08a59;



}



select:has(option:checked:first-child) option {



  color: black;



  text-transform: none;



}



    .notification-bell {



      font-size: 1.7rem;



      position: relative;



      cursor: pointer;



    }



.notification-badge {



    position: absolute;



    top: 0;



    right: 0;



    transform: translate(5%, -15%);



    background: red;



    color: #fff;



    border-radius: 50%;



    padding: 0 3px;



    font-size: 0.7rem;



    font-weight: bold;



}



    .dropdown-menu {



      width: 450px;



      max-height: 300px;



      overflow-y: auto;



    }



.notificationBox .dropdown-header {



    display: block;



    padding: .5rem 1rem;



    margin-bottom: 0;



    font-size: 15px;



    color: #222222;



    white-space: nowrap;



}



.ditem_bold{

    font-weight: bold!important;

}

.notif_txt {
    width: 96%;
}

.dropdown-menu li {
    float: left;
}

.notificationBox .dropdown-item {    /* 01-07-26 */
    width: 100% !important;
    padding: .5rem 1rem !important;
    border: none !important;
    height: auto !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    text-wrap: auto;
    border-bottom: 1px solid #EAEAEA !important;
}



.notificationBox .dropdown-item i {   /* 01-07-26 */
    width: 24px;
    height: 24px;
    line-height: 23px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    border-radius: 100px;
    background: #FFC107;
}



.toggleBox {



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.toggleBox .form-check-label {



    font-size: 0;



    margin-left: 0;



}



.toggleBox .form-check-input:checked {



    background-color: #f08a59;



    border-color: #f08a59;



}



.toggleBox.form-check-input:focus {



    border-color: #f9aa84!important;



    box-shadow: 0 0 0 .25rem rgb(240 138 89 / 30%)!important;



}



.card{



      background: white;



      border-radius:0;



      box-shadow: 0 0 0;



      padding:20px;



      width:100%;



      border: none!important;



      margin-bottom: 20px;



    }







    .title{font-size:18px; font-weight:600; margin:0 0 6px}



    .desc{color:var(--muted); font-size:13px; margin:0 0 16px}







    .upload-row{display:flex; gap:16px; align-items:center}







    /* Avatar preview */



    .avatar-wrap{position:relative; width:96px; height:96px; border-radius:999px; overflow:hidden; flex:0 0 96px; background:linear-gradient(135deg,#eef2ff,#fff); display:flex; align-items:center; justify-content:center; border:1px solid #eef2ff}



    .avatar-wrap img{width:100%; height:100%; object-fit:cover; display:block}



    .avatar-placeholder{font-size:28px; color:#c7d2fe}







    /* Controls */



    .controls{flex:1}



    .btn{



      display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:8px; border:1px solid transparent; cursor:pointer; font-weight:600; font-size:13px;



    }



    .btn-primary{background:var(--accent); color:white}



    .btn-ghost{background:transparent; color:var(--accent); border:1px solid rgba(79,70,229,0.12)}



    .btn-danger{background:transparent; color:var(--danger); border:1px solid rgba(220,38,38,0.06)}







    .dropzone{



      margin-top:10px; padding:12px; border-radius:10px; border:2px dashed rgba(99,102,241,0.12); display:flex; align-items:center; gap:12px; cursor:pointer; transition:background .12s, border-color .12s;



      user-select:none;



    }



    .dropzone.dragover{background:#f8f9ff; border-color: rgba(79,70,229,0.32)}



    .dropzone small{color:var(--muted); display:block; font-size:12px}







    .meta{margin-top:10px; font-size:13px; color:var(--muted)}



    .error{color:var(--danger); font-size:13px; margin-top:8px}







    /* hidden file input */



    input[type=file]{display:none}







    /* responsive */



    @media (max-width:420px){



      .upload-row{flex-direction:row; gap:12px}



      .avatar-wrap{width:80px;height:80px;flex:0 0 80px}



    }



    .upload_theme_button {



    gap: 2%;



    float: left;



    border-radius: 3px;



    color: #fff !important;



    border: none;



    display: flex;



    font-size: 18px;



    padding: 12px 24px;



    background: #F08A59;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



}



body {



  	font-style: normal;



	color: #000!important;



  	font-optical-sizing: auto;



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



	background: linear-gradient(45deg,  #ffffff 0%,#daf4f3 50%,#f3e8c8 100%);



}



a {



	transition: all .5s;



}



a:hover {



	transition: all .5s;



}



button {



	transition: all .5s;



}



button:hover {



	transition: all .5s;



}



.eror{



    color:#FE4444;



}



.dash_docs_addtoCart a {



    text-decoration: none;



   color: #717171;







}



.dash_docs_addtoCart hover {



    text-decoration: none;



   color: #FFF;



}



.signinBoxMain {



    float: left;



    width: 100%;



    height: 100%;



    display: flex;



    align-items: center;



    justify-content: center;



}



.signinBox {



    float: left;



    width: 700px;



    padding: 20px;



    background: #fff;



    margin-bottom: 20px;



    border-radius: 10px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.signinTop {



    float: left;



    width: 100%;



    text-align: center;



    margin-bottom: 25px;



}



.signinTop img {



    max-width: 100%;



    margin-bottom: 10px;



}



.signinTop h1 {



    font-size: 24px;



    color: #222222;



    font-weight: 600;



}



.signinTop p {



    color: #666666;



    margin-bottom: 0;



}



.google_apple_logins {



    gap: 6%;



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.app_btn {



    gap: 6%;



    float: left;



    width: 100%;



    display: flex;



    padding: 10px;



    color: #939393;



    font-size: 16px;



    font-weight: 500;



    align-items: center;



    border-radius: 5px;



    text-decoration: none;



    justify-content: center;



    border: 1px solid #939393;



}



.app_btn:hover {



    color: #F08A59;



    border: 1px solid #F08A59;



}



.divider {



    float: left;



    width: 100%;



    display: flex;



    margin: 15px 0;



    align-items: center;



    justify-content: space-between;



}



.line-L {



    width: 45%;



    height: 1px;



    display: inline-block;



    background: rgb(0 0 0 / 20%);



}



.text_or {



    color: #666666;



    text-transform: uppercase;



}



.line-R {



    width: 45%;



    height: 1px;



    display: inline-block;



    background: rgb(0 0 0 / 20%);



}



.signinMid {



    float: left;



    width: 100%;



}



.login_fields {



    float: left;



    width: 100%;



}

.greyTxt {
    color: #666;
    font-size: 14px;
}

.fieldBox {



    float: left;



    width: 100%;



    position: relative;



    margin-bottom: 15px;



}



.field_icon {



    top: 10px;



    left: 10px;



    font-size: 24px;



    position: absolute;



}



.fieldBox input[type="email"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox input[type="email"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox input[type="text"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox input[type="text"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox input[type="tel"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox input[type="tel"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox select {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox select:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox textarea {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox textarea:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox input[type="checkbox"] {



    margin-left: 2px;



    margin-right: 5px;



    transform: scale(1.5);



}



.fieldBox label {



    color: #222222;



}



.dash_theme_button {



    gap: 2%;



    float: left;



    width: 100%;



    color: #fff!important;



    border: none;



    display: flex;



    font-size: 18px;



    padding: 12px 24px;



    background: #F08A59;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



}



.dash_theme_button:hover {



    color: #fff;



    background: #d4652f;



    transition: all .5s;



}



.guest_btn {



    float: left;



    width: 100%;



    padding: 10px;



    color: #222;



    font-size: 18px;



    font-weight: 500;



    text-align: center;



    border-radius: 5px;



    text-decoration: none;



    border: 1px solid #939393;



}



.guest_btn:hover {



    color: #F08A59;



    border: 1px solid #F08A59;



}



.bottomBox {



    gap: 2%;



    float: left;



    width: 100%;



    display: flex;



    margin-top: 25px;



    text-align: center;



    align-items: center;



    justify-content: center;



}



.bottomBox p {



    color: #222222;



    margin-bottom: 0;



}



.bottomBox a {



    color: #48A49F;



    font-weight: 600;



    text-decoration: none;



}



.bottomBox a:hover {



    color: #F08A59;



}



.fieldBox a {



    color: #222222;



    font-weight: bold;



    text-decoration: none;



}



.fieldBox a:hover {



    color: #F08A59;



}



.otpIcon {



    float: left;



    width: 100%;



    text-align: center;



}



.otpIcon img {



    max-width: 100%;



}



.otp_FieldBox {



    gap: 2%;



    display: flex;



    margin-top: 30px;



    margin-bottom: 30px;



    align-items: center;



    justify-content: space-between;



}



.otp_FieldBox input[type="text"] {



    float: left;



    width: 100px;



    height: 100px;



    padding: 10px;



    font-size: 50px;



    background: #fff;



    text-align: center;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



main {



    gap: 2%;



    float: left;



    width: 100%;



    height: 100%;



    display: flex;



    padding: 20px;



}



.sideBar_Menu {



    width: 250px;



    height: 94.5vh;



    padding: 20px;



    display: flex;



    position: fixed;



    background: #fff;



    border-radius: 10px;



    flex-direction: column;



    justify-content: space-between;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.sidebar_logo {



    float: left;



    width: 100%;



}



.sidebar_logo img {



    max-width: 100%;



}



.sideMenu {



    float: left;



    width: 100%;



}



.sMenu {



    float: left;



    width: 100%;



    margin-top: 25px;



    padding-top: 25px;



    border-top: 1px solid rgb(0 0 0 / 10%);



}



.sMenu h6 {



    font-size: 18px;



    color: #E3E3E3;



    font-weight: 500;



    margin-bottom: 20px;



    text-transform: uppercase;



}



.sMenu ul {



    float: left;



    width: 100%;



    margin: 0;



    padding: 0;



}



.sMenu ul li {



    float: left;



    width: 100%;



    display: block;



    margin-bottom: 10px;



}



.sMenu ul li a {



    float: left;



    width: 100%;



    display: flex;



    color: #999999;



    font-size: 18px;



    font-weight: 500;



    padding: 10px 15px;



    align-items: center;



    border-radius: 10px;



    text-decoration: none;



}



.sMenu ul li a:hover {



    color: #fff;



    background: #2C8E81;



}



.sMenu ul li a i {



    font-size: 25px;



    margin-right: 5px;



}



.logout {



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



}



.logout a {



    float: left;



    width: 100%;



    display: flex;



    color: #F08A59;



    font-size: 18px;



    font-weight: 500;



    padding: 10px 15px;



    align-items: center;



    border-radius: 10px;



    text-decoration: none;



}



.logout a:hover {



    color: #fff;



    background: #F08A59;



}



.logout a i {



    font-size: 25px;



    margin-right: 5px;



}



.primaryBox {



    flex: 1;



    padding-left: 270px;



}



.dashboard_header {



    float: left;



    width: 100%;



    display: flex;



    padding: 20px;



    background: #fff;



    align-items: center;



    border-radius: 10px;



    justify-content: space-between;



}



.admin_name {



    width: 30%;



}



.admin_name h1 {



    color: #222;



    font-size: 32px;



    font-weight: 600;



}



.admin_name p {



    font-size: 18px;



    color: #717171;



    margin-bottom: 0;



}



.dash_right {



    gap: 2%;



    width: 70%;



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.header_search {



    float: left;



    width: 100%;



}



.hSearch {



    position: relative;



}



.hSearch input[type="text"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.hSearch input[type="text"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.hSearch i {



    top: 16px;



    left: 10px;



    font-size: 25px;



    color: #222222;



    position: absolute;



}



.dashL {



    display: flex;



    align-items: center;



}



.icons_group {



    gap: 10%;



    width: 120px;



    display: flex;



    align-items: center;



}



.icons_group a {



    width: 48px;



    height: 48px;



    display: flex;



    color: #222222;



    font-size: 20px;



    position: relative;



    align-items: center;



    border-radius: 100px;



    text-decoration: none;



    justify-content: center;



    border: 1px solid #EAEAEA;



}



.icons_group a span {



    top: 0;



    right: 0;



    width: 17px;



    color: #fff;



    height: 17px;



    font-size: 12px;



    font-weight: 500;



    line-height: 17px;



    text-align: center;



    position: absolute;



    background: #FD2A2A;



    border-radius: 100px;



}



.userBox {



    gap: 2%;



    display: flex;



    align-items: center;



}



.userBox {



    gap: 5%;



    color: #222;



    width: 160px;



    display: flex;



    align-items: center;



    text-decoration: none;



}



.userBox:hover {



    color: #F08A59;



}



.userBox img {



    width: 55px;



    height: 55px;



    border-radius: 100%;



    border: 1px solid #F08A59;



}



.userBox span {



    font-size: 16px;



    font-weight: 600;



}



.dash_content {



    float: left;



    width: 100%;



    padding: 20px;



    margin-top: 15px;



    background: #fff;



    border-radius: 10px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.main_CountBox {



    gap: 5%;



    float: left;



    width: 100%;



    color: #fff;



    display: flex;



    padding: 15px;



    align-items: center;



    border-radius: 10px;



    justify-content: flex-start;



}



.cb_icon {



    width: 50px;



    height: 50px;



    display: flex;



    background: #fff;



    border-radius: 100%;



    align-items: center;



    justify-content: center;



}



.cb_icon i {



    font-size: 25px;



}



.bg_orng {



    background: #F08A59;



}



.bg_orng i {



    color: #F08A59;



}



.bg_cGrn {



    background: #2C8E81;



}



.bg_cGrn i {



    color: #2C8E81;



}



.bg_blue {



    background: #337BE6;



}



.bg_blue i {



    color: #337BE6;



}



.bg_prpl {



    background: #9E44FE;



}



.bg_prpl i {



    color: #9E44FE;



}



.cb_text p {



    font-size: 14px;



    font-weight: 500;



    margin-bottom: 5px;



}



.cb_text h6 {



    font-size: 20px;



    font-weight: 600;



    margin-bottom: 0;



}



.empty_space {



    float: left;



    width: 100%;



    height: 20px;



}



.all_ProTabs {



    float: left;



    width: 100%;



    margin-top: 30px;



}



.all_ProTabs .nav {



    background: #EFEFEF;



    border-radius: 100px;



    margin-bottom: 30px!important;



    justify-content: space-between;



}



.all_ProTabs .nav .nav-item {



    flex: 1;



    display: inline-block;



}



.all_ProTabs .nav-pills .nav-link {



    gap: 5%;



    width: 100%;



    display: flex;



    color: #999999;



    font-size: 18px;



    padding: 10px 0;



    align-items: center;



    border-radius: 100px;



    justify-content: center;



}



.all_ProTabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {



    background-color: #F08A59;



}



.all_ProTabs .nav-pills .nav-link i {



    font-size: 22px;



}

.dell_saved_for_later {
    top: 20px;
    right: 20px;
    z-index: 5;
    width: 30px;
    height: 30px;
    color: #d70505;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    position: absolute;
    border-radius: 100px;
    backdrop-filter: blur(80px);
    background: hsl(0deg 0% 100% / 85%);
}

.dash_docs_box {



    float: left;



    width: 100%;



    padding: 10px;



    background: #fff;

position: relative;

    border-radius: 12px;



    margin-bottom: 25px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.dash_docs_img {



    float: left;



    width: 100%;



    position: relative;



}



.dash_docs_img img {



    width: 100%;



    border-radius: 8px;



    box-shadow: 0 10px 33px rgb(0 0 0 / 6%);



}



.dash_docs_img span {



    top: 10px;



    left: 10px;



    color: #fff;



    font-size: 13px;



    font-weight: 400;



    padding: 5px 10px;



    position: absolute;



    border-radius: 5px;



    background: #FE4444;



}



.dash_docs_info {



    float: left;



    width: 100%;



    padding: 15px 0;



}



.headingBox {



    display: flex;



    align-items: center;



    margin-bottom: 10px;



    justify-content: space-between;



}



.dash_docs_info h3 {
    width: 180px;
    height: 35px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.dash_docs_info h3 a {
    color: #111;
    text-decoration: none;
}


.ratingBox {



    margin-bottom: 0;



}



.dash_ratingBox i {



    color: #FB9600;



}



.dash_docs_info p {



    color: #666666;



    font-size: 12px;



    overflow: hidden;



    margin-bottom: 0;



    font-weight: 500;



    line-height: 18px;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    text-overflow: ellipsis;



    -webkit-box-orient: vertical;



}



.authorBox {



    display: flex;



    margin: 10px 0;



    color: #666666;



    font-size: 12px;



    font-weight: 500;



    align-items: center;



    justify-content: space-between;



}



.dash_duration {



    float: left;



    width: 100%;



}



.dash_duration ul {



    padding: 0;



    font-size: 12px;



    color: #666666;



    font-weight: 500;



    margin-bottom: 0;



}



.dash_duration ul li {



    gap: 2%;



    display: flex;



    margin-bottom: 5px;



    align-items: center;



}



.dash_duration ul li:last-child {



    margin-bottom: 0;



}



.dash_docs_btn {



    gap: 4%;



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



}



.dash_docs_continue {



    gap: 3%;



    float: left;



    width: 100%;



    color: #fff;



    border: none;



    display: flex;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    background: #F08A59;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



}



.dash_docs_continue:hover {



    color: #fff;



    transition: all .5s;



    background: #de6b34;



}



.dash_docs_download {



    width: 50px;



    height: 38px;



    font-size: 20px;



    color: #222222;



    text-align: center;



    border-radius: 4px;



    text-decoration: none;



    border: 1px solid rgb(208 208 208 / 45%);



}



.dash_docs_download:hover {



    color: #fff;



    background: #2C8E81;



    border: 1px solid #2C8E81;



}



.dFlex {



    gap: 4%;



    display: flex;



}



.panel_heading {



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.panel_heading h3 {



    color: #222222;



    font-size: 22px;



    font-weight: 600;



}



.panel_heading p {



    color: #717171;



    font-size: 18px;



}



.docCount {



    padding: 6px 10px;



    border-radius: 10px;



    background: #EBEBEB;



}



.invo_docs_btn {



    float: left;



    width: 100%;



}



.invo_docs_download {



    float: left;



    width: 100%;



    color: #fff;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    background: #F08A59;



    transition: all .5s;



    text-decoration: none;



}



.invo_docs_download:hover {



    color: #fff;



    transition: all .5s;



    background: #de6b34;



}



.invoiceBox {



    float: left;



    width: 100%;



    padding: 20px;



    display: flex;



    align-items: center;



    border-radius: 10px;



    border: 1px solid #E6E6E6;



    justify-content: space-between;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.icon_invoice {



    gap: 2%;



    flex: 1;



    display: flex;



    align-items: center;



}



.invo_icon {



    width: 68px;



    height: 68px;



    display: flex;



    border-radius: 10px;



    background: #F3F3F3;



    align-items: center;



    justify-content: center;



}



.invo_icon i {



    font-size: 28px;



}



.invo_titleBox {



    flex: 1;



}



.invo_title {



    gap: 2%;



    display: flex;



    margin-bottom: 10px;



    align-items: center;



}



.invo_title h3 {



    color: #222222;



    font-size: 18px;



    font-weight: 600;



    margin-bottom: 0;



}



.invo_paid {



    color: #00CD18;



    font-size: 12px;



    padding: 5px 10px;



    border-radius: 10px;



    background: #D4FFD9;



}



.invo_unpaid {



    color: #e70016;



    font-size: 12px;



    padding: 5px 10px;



    border-radius: 10px;



    background: #fbe0e0;



}



.invo_desc {



    gap: 5px;



    display: flex;



    color: #999999;



    font-size: 14px;



    align-items: center;



}



.invo_desc i {



    font-size: 10px;



}



.allInvoices {



    float: left;



    width: 100%;



    margin-top: 30px;



}



.price_btnBox {



    display: flex;



    align-items: center;



}



.invo_price {



    text-align: right;



    margin-right: 10px;



}



.invo_price strong {



    float: left;



    width: 100%;



    color: #222;



    font-size: 18px;



}



.invo_price span {



    color: #999;



    font-size: 14px;



}



.mb_20 {



    margin-bottom: 20px;



}



.sideBar_Menu {



  z-index: 1040;



  transform: translateX(100%);



  transition: transform 0.3s ease-in-out;



}



.primaryBox {



  transition: all .5s;



}



.mobile-menu-toggle {



    z-index: 9;



    color: #fff;



    border: none;



    font-size: 24px;



    margin-right: 20px;



    border-radius: 5px;



    background: #f08a59;



}



.sideBar_Menu {



    transform: translateX(0);



}







.sideBar_Menu.active {



    transform: translateX(-120%);



}



.primaryBox.active {



    padding-left: 0;



}



.overlayBox {



    display: none;



}



.mt_0 {



    margin-top: 0;



}



.dash_ratingBox {



    width: 50px;



    font-size: 14px;



}



.dd_docs_box {



    gap: 4%;



    float: left;



    width: 100%;



    padding: 15px;



    display: flex;



    background: #fff;



    border-radius: 12px;



    margin-bottom: 50px;



    flex-direction: row;



    align-items: center;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.dd_docs_img {



    width: 60%;



    float: left;



}



.dd_docs_img img {



    width: 100%;



    border-radius: 10px;



}



.dd_docs_info span {



    color: #fff;



    font-size: 13px;



    font-weight: 400;



    padding: 5px 10px;



    border-radius: 5px;



    background: #FE4444;



    margin-bottom: 10px;



    display: inline-block;



}



.dash_docs_info {



    float: left;



    width: 100%;



    padding: 15px 0;



}



.dd_headingBox {



    margin-bottom: 10px;



}



.dd_headingBox h3 {



    font-size: 20px;



    font-weight: 600;



}



.dd_docs_info p {



    color: #666666;



    font-size: 14px;



    overflow: hidden;



    margin-bottom: 0;



    font-weight: 500;



    line-height: 20px;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    text-overflow: ellipsis;



    -webkit-box-orient: vertical;



}



.dd_rate_author {



    gap: 20%;



    display: flex;



    margin: 10px 0;



    align-items: center;



}



.dd_authorBox {



    margin: 0;



    color: #222222;



    font-size: 14px;



    font-weight: 500;



}



.dd_ratingBox {



    font-size: 16px;



}



.dd_ratingBox i {



    color: #FB9600;



}



.dd_ratingBox small {



    color: #999;



    font-size: 12px;



    margin-left: 5px;



}



.dd_duration {



    float: left;



    width: 100%;



}



.dd_duration ul {



    gap: 27%;



    padding: 0;



    display: flex;



    color: #666666;



    font-size: 12px;



    font-weight: 500;



    margin-bottom: 0;



}



.dd_duration ul li {



    display: block;



}



.dd_duration strong {



    color: #F08A59;



    font-size: 20px;



}



.dd_pages {



    font-size: 14px;



}



.addtoCart_Box {



    float: left;



    width: 100%;



    background: #fff;



    padding: 38px 15px;



    margin-bottom: 30px;



    border-radius: 12px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.dash_docs_btn {



    float: left;



    width: 100%;



}



.dd_docs_btn a {



    margin-bottom: 20px;



}



.dash_docs_addtoCart {



    gap: 3%;



    float: left;



    width: 100%;



    border: none;



    color: #222;



    display: flex;



    background: #fff;



    font-weight: 500;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



    border: 1px solid rgb(208 208 208 / 45%);



}



.dash_docs_addtoCart:hover {



    color: #fff;



    background: #2C8E81;



}



.dd_product_MetaDate {



    gap: 5%;



    float: left;



    width: 100%;



    display: flex;



    margin-top: 20px;



    align-items: center;



    justify-content: space-between;



}



.dd_product_MetaDate a {



    gap: 3%;



    color: #222;



    float: left;



    width: 100%;



    border: none;



    display: flex;



    margin-bottom: 0;



    background: #fff;



    font-weight: 500;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



    border: 1px solid rgb(208 208 208 / 45%);



}



.dd_product_MetaDate a:first-child:hover {



    color: #fff;



    background: #00CD18;



}



.dd_product_MetaDate a:nth-child(2):hover {



    color: #fff;



    background: #FD2A2A;



}



.dd_product_MetaDate a:last-child:hover {



    color: #fff;



    background: #2C8E81;



}



.panel-heading {



    float: left;



    width: 100%;



    display: flex;



    align-items: flex-start;



}



.back_btn {



    color: #222;



    font-size: 20px;



    margin-right: 10px;



    padding: 5px 10px;



    border-radius: 5px;



    text-decoration: none;



    border: 1px solid #DEDEDE;



}



.back_btn:hover {



    color: #fff;



    background: #F08A59;



    border: 1px solid #F08A59;



}



.pro_checkbox {



  display: block;



  position: relative;



  padding-left: 35px;



  margin-bottom: 12px;



  cursor: pointer;



  font-size: 22px;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



}



.pro_checkbox input {



  position: absolute;



  opacity: 0;



  cursor: pointer;



  height: 0;



  width: 0;



}



.checkmark {



  position: absolute;



  top: 0;



  left: 0;



  height: 25px;



  width: 25px;



  border-radius: 5px;



  background-color: #fff;



  border: 1px solid #D2D2D2;



}



.pro_checkbox:hover input ~ .checkmark {



  background-color: #fff;



}



.pro_checkbox input:checked ~ .checkmark {



  background-color: #00CD18;



  border: 1px solid #00CD18;



}



.checkmark:after {



  content: "";



  position: absolute;



  display: none;



}



.pro_checkbox input:checked ~ .checkmark:after {



  display: block;



}



.pro_checkbox .checkmark:after {



  left: 9px;



  top: 5px;



  width: 5px;



  height: 10px;



  border: solid white;



  border-width: 0 3px 3px 0;



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  transform: rotate(45deg);



}



.sc_btns {



    gap: 4%;



    float: left;



    width: 100%;



    display: flex



;



    margin-top: 15px;



}



.sc_rmove_btn {



    width: 100%;



    color: #fff;



    font-size: 14px;



    padding: 7px 10px;



    border-radius: 4px;



    text-align: center;



    background: #FE4444;



    display: inline-block;



    text-decoration: none;



}



.sc_rmove_btn:hover {



    color: #fff;



    background: #e00303;



}



.sc_docs_img {



    width: 200px;



    max-width: 100%;



}



.sc_docs_info h3 {



    font-size: 18px;



}



.sc_docs_box {



    gap: 3%;



    margin-bottom: 20px;



    align-items: flex-start;



}



.inner_sc_docs_box {



    gap: 3%;



    display: flex;



    align-items: center;



}



.scPriceBox {



    text-align: right;



}



.scPriceBox strong {



    float: left;



    width: 100%;



    color: #F08A59;



    font-size: 20px;



}



.scPriceBox span {



    color: #666;



    font-size: 14px;



    font-weight: 500;



}



.main_HeadingPanel {



    display: flex;



    align-items: center;



}



.clearCart_btn {



    gap: 3%;



    width: 150px;



    border: none;



    color: #222;



    display: flex;



    background: #fff;



    font-weight: 500;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



    border: 1px solid rgb(208 208 208 / 45%);



}



.clearCart_btn:hover {



    color: #fff;



    background: #e00303;



}



.sc_docs_continue i {



    font-size: 22px;



}



.sc_CartBox {



    padding: 15px;



}



.order_SummaryBox {



    float: left;



    width: 100%;



    margin-bottom: 20px;



}



.os_heading {



    float: left;



    width: 100%;



    margin-bottom: 20px;



}



.os_heading h6 {



    font-size: 18px;



    font-weight: 600;



}



.os_heading p {



    color: #717171;



}



.subtotalBox {



    float: left;



    width: 100%;



    margin-bottom: 20px;



    padding-bottom: 20px;



    border-bottom: 1px solid rgb(0 0 0 / 20%);



}



.subtotalBox ul {



    margin: 0;



    padding: 0;



}



.subtotalBox ul li {



    display: flex;



    align-items: center;



    margin-bottom: 10px;



    justify-content: space-between;



}



.subtotalBox ul li:last-child {



    margin-bottom: 0;



}



.totalBox {



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.sc_notes {



    float: left;



    width: 100%;



}



.sc_notes ul {



    margin: 0;



    padding-left: 20px;



}



.sc_notes ul li {



    color: #717171;



    font-weight: 500;



    margin-bottom: 5px;



}



.sc_notes ul li:last-child {



    margin-bottom: 0;



}



.inner_heading p {



    font-size: 18px;



    color: #717171;



    font-weight: 500;



}



.checkout_formBox {



    float: left;



    width: 100%;



    padding: 15px;



    background: #fff;



    border-radius: 12px;



    margin-bottom: 50px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.checkout_heading p {



    color: #717171;



    font-weight: 500;



}



.checkout_form {



    float: left;



    width: 100%;



    margin-top: 15px;



}



.docs_lists {



    float: left;



    width: 100%;



}



.docs_lists ul {



    margin: 0;



    float: left;



    width: 100%;



    padding: 0;



}



.docs_lists ul li {



    float: left;



    width: 100%;



    display: block;



    margin-bottom: 20px;



}



.check_docsBox {



    gap: 5%;



    float: left;



    width: 100%;



    display: flex;



    padding: 10px;



    border-radius: 10px;



    align-items: center;



    border: 1px solid #E9E9E9;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.check_docImg img {



    width: 100px;



    max-width: 100%;



    border-radius: 5px;



}



.check_docInfo h4 {



    font-size: 16px;



    margin-bottom: 0;



}



.check_docInfo small {



    color: #222;



    font-size: 12px;



}



.check_price {



    font-size: 16px;



    margin-top: 5px;



    font-weight: 600;



}



.oc_modal_header {



    border: none!important;



    display: block!important;



    padding: 20px 10px 0!important;



}



.oc_modal_header .btn-close



 {



    padding: 10px;



    border: 1px solid #DEDEDE;



}



.oc_content {



    text-align: center;



}



.oc_icon {



    margin: 20px 0;



}



.oc_icon i {



    width: 75px;



    height: 75px;



    font-size: 40px;



    color: #00CD18;



    line-height: 75px;



    display: inline-block;



    border-radius: 500px;



    background: #C4F2CD;



    box-shadow: 0 0 30px rgb(48 180 74 / 40%);



}



.pop_heading {



    margin-bottom: 30px;



}



.pop_heading h2 {



    font-size: 24px;



    font-weight: 600;



}



.pop_heading p {



    color: #717171;



    font-weight: 500;



}



.pop_downloadBox {



    float: left;



    width: 100%;



    padding: 20px;



    border-radius: 10px;



    border: 1px solid #E9E9E9;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.pop_downloadBox h3 {



    font-size: 18px;



    font-weight: 600;



    margin-bottom: 20px;



}



.download_fileBox {



    float: left;



    width: 100%;



    padding: 20px;



    display: flex;



    border-radius: 10px;



    align-items: center;



    border: 1px solid #E9E9E9;



    justify-content: space-between;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.df_heading {



    text-align: left;



}



.df_heading h5 {



    font-size: 18px;



    font-weight: 600;



    margin-bottom: 0;



}



.df_heading small {



    color: #222;



    font-size: 12px;



}



.download_fileBox a i {



    margin-right: 5px;



}



.download_fileBox a {



    color: #222;



    font-size: 14px;



    font-weight: 500;



    padding: 10px 25px;



    text-decoration: none;



    border-radius: 4px;



    border: 1px solid rgb(208 208 208 / 45%);



}



.download_fileBox a:hover {



    color: #fff;



    background: #2C8E81;



}



.invoHeading h2 {



    font-size: 32px;



    margin-top: 5px;



}



.customerInfoBox {



    float: left;



    width: 100%;



    display: flex;



    justify-content: space-between;



}



.invoiceFooter {

  float:left;

  width: 100%;

  border-top: 1px solid #ddd;

  text-align: center;

  margin-top: 30px;

  padding-top: 15px;

  font-size: 13px;

  color: #555;

  line-height: 1.5;

}



.invoiceFooter strong {

  color: #000;

}



.invoice_detail ul {



    padding: 0;



}



.invoice_detail ul li {



    display: block;



    text-align: left;



    margin-bottom: 10px;



}



.invoice_detail ul li:last-child {



    margin-bottom: 0;



}



.invoice_detail ul li small {



    color: #666666;



    font-size: 14px;



    margin-right: 5px;



}



.invoice_detail ul li strong {



    color: #222222;



    font-weight: 500;



}



.invoice_detail ul li strong a {



    color: #222;



    font-size: 18px;



    margin-left: 5px;



    text-decoration: none;



}



.invoice_detail ul li strong a:hover {



    color: #F08A59;



}



.invoice_detail ul li span {



    color: #00CD18;



    font-size: 16px;



    padding: 5px 10px;



    border-radius: 10px;



    background: #D4FFD9;



}



.customerDetail {



    width: 230px;



    text-align: left;



}



.customerDetail p strong {



    color: #222;



    font-size: 18px;



}



.customerDetail p {



    color: #717171;



    margin-bottom: 0;



}



.itemTable {



    float: left;



    width: 100%;



    margin-top: 25px;



    background: #fff;



    overflow: hidden;



    border-radius: 12px;



    margin-bottom: 50px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.itemTable table {



    width: 100%;



}



.itemTable table thead {



    text-align: left;



    background: #EFEFEF;



}



.itemTable table thead td {



    padding: 20px;



}



.itemTable table tbody {



    text-align: left;



}



.itemTable table tbody td {



    color: #666;



    padding: 15px 20px;



}



.itemTable table tbody td strong {



    color: #000;



}



.itemTable table tbody tr:nth-child(2) {



    background: #EFEFEF;



}



.qrcode_box {



    float: left;



    width: 200px;



    text-align: left;



    margin-top: 15px;



}



.qrcode_box img {



    border-radius: 10px;



    margin-bottom: 10px;



    border: 3px dashed #E2E2E2;



}



.qrcode_box p {



    color: #666;



    font-size: 14px;



}



.email_verificationBox {



    float: left;



    width: 100%;



    margin-top: 10px;



    padding-top: 20px;



    margin-bottom: 20px;



    padding-bottom: 20px;



    border-top: 1px solid rgb(0 0 0 / 20%);



    border-bottom: 1px solid rgb(0 0 0 / 20%);



}



.email_verificationBox .os_heading p {



    margin-bottom: 0;



}



.email_verificationBox .dash_docs_addtoCart {



    width: 270px;



}



.account_statistics {



    float: left;



    width: 100%;



}



.account_statistics .os_heading {



    margin-bottom: 0;



}



.account_statistics ul {



    margin: 0;



    padding: 0;



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.account_statistics ul li {



    display: block;



}



.account_statistics ul li span {



    color: #666;



    font-size: 14px;



}



.account_statistics ul li strong {



    color: #222;



    font-size: 16px;



    font-weight: 500;



}



.ac_settingBoxL {



    margin-top: 20px;



}



.ac_settingBoxR {



    margin-top: 20px;



}



.verifiedBox {



    color: #00CD18;



    padding: 15px 10px;



    margin: 0;



    text-align: center;



    border-radius: 10px;



    background: #D4FFD9;



}



.ac_settingBoxL .fieldBox input[type="text"] {



    background: #f2f2f2;



}



.ac_settingBoxR .fieldBox input[type="email"] {



    background: #f2f2f2;



}



.ac_settingBoxL .dd_docs_btn {



    width: 250px;



}



.oc_icon_red {



    margin: 20px 0;



}



.oc_icon_red i {



    width: 75px;



    height: 75px;



    font-size: 40px;



    color: #ED1C24;



    line-height: 75px;



    display: inline-block;



    border-radius: 500px;



    background: #FFC8CA;



    box-shadow: 0 0 30px rgb(237 28 36 / 40%);



}



.logout_btns {



    gap: 5%;



    float: left;



    width: 100%;



    display: flex;



    border-radius: 10px;



    align-items: center;



    justify-content: center;



}



.logoutBtn {



    gap: 3%;



    float: left;



    width: 100%;



    color: #fff;



    display: flex;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    background: #F08A59;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



}



.logoutBtn:hover {



    color: #fff;



    transition: all .5s;



    background: #de6b34;



}



.cancelBtn {



    float: left;



    width: 100%;



    color: #222;



    font-size: 14px;



    font-weight: 500;



    padding: 10px 25px;



    text-decoration: none;



    border-radius: 4px;



    border: 1px solid rgb(208 208 208 / 45%);



}



.cancelBtn:hover {



    color: #fff;



    background: #2C8E81;



}



























































































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



.main_CountBox {



    padding: 10px;



}



}







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



.main_CountBox {



    padding: 15px;



}



.overlayBox.active {



    top: 0;



    left: 0;



    z-index: 5;



    width: 100%;



    height: 100%;



    display: block;



    position: absolute;



    background: rgb(0 0 0 / 30%);



}



.sideBar_Menu {



    transform: translateX(-120%);



}



.sideBar_Menu.active {



    transform: translateX(0);



}



.mobile-menu-toggle.active {



    top: 20px;



    transition: all .5s;



    position: absolute;



    transform: translateX(770%);



}



.primaryBox {



    padding-left: 0;



}



.admin_name p {



    font-size: 18px;



}



}







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



.sc_docs_info h3 {



    font-size: 16px;



}



.dd_rate_author {



    gap: 10%;



}



.dd_duration ul {



    gap: 15%;



}



.account_statistics ul {



    align-items: flex-start;



    flex-direction: column;



}



}







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



.main_CountBox {



    margin-bottom: 20px;



}



.dash_content {



    padding: 15px;



}



.dashboard_header {



    padding: 10px;



}



.admin_name h1 {



    font-size: 25px;



    margin-bottom: 0;



}



.admin_name p {



    font-size: 14px;



}



.userBox {



    width: 130px;



}



.userBox img {



    width: 50px;



    height: 50px;



}



.userBox span {



    font-size: 16px;



}



.all_ProTabs .nav .nav-item {



    flex: auto;



    width: 50%;



}



.all_ProTabs .nav {



    border-radius: 10px;



}



.all_ProTabs .nav-pills .nav-link {



    border-radius: 10px;



}



.addtoCart_Box {



    padding: 15px;



}



.download_fileBox a {



    padding: 10px;



}



.customerInfoBox {



    flex-direction: column;



}



.ac_settingBoxL .dd_docs_btn {



    width: 100%;



}



}







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

.catAccordion {
    float: left;
    width: 100%;
    display:block;
    margin-top: 20px;
}
.desktopMenu {
    display: none;
}

.dashboard_header {



    flex-direction: column;



}



.mobile-menu-toggle {



    left: 30px;



    margin-right: 0;



    position: absolute;



}



.admin_name {



    width: 100%;



    text-align: center;



    margin-bottom: 10px;



}



.dash_right {



    width: 100%;



    justify-content: center;



}



.invoiceBox {



    flex-direction: column;



}



.icon_invoice {



    width: 100%;



}



.price_btnBox {



    width: 100%;



    margin-top: 15px;



    align-items: center;



}



}







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



.dash_docs_info h3 {



    width: 100%;



    height: auto;



}



.signinBox {



    width: 95%;



}



.dd_docs_box {



    flex-direction: column;



}



.dd_docs_img {



    width: 100%;



    margin-bottom: 20px;



}



.dd_headingBox h3 {



    font-size: 16px;



}



.dd_rate_author {



    gap: 6%;



}



.dd_product_MetaDate {



    gap: 2%;



}



.inner_sc_docs_box {



    width: 100%;



    flex-direction: column;



}



.sc_docs_box {



    position: relative;



}



.dd_docs_info.sc_docs_info {



    width: 100%;



}



.pro_checkbox {



    float: left;



    width: 100%;



    padding-left: 0;



    margin-bottom: 45px;



    display: inline-block;



}



.scPriceBox {



    top: 0;



    right: 20px;



    position: absolute;



    text-align: right;



}



.itemTable table thead td {



    font-size: 12px;



}



.itemTable table thead td:nth-child(2) {



    padding: 15px 10px;



}



.itemTable table tbody td {



    font-size: 12px;



}



.itemTable table tbody td:nth-child(2) {



    padding: 15px 10px;



}



}







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



.otp_FieldBox input[type="text"] {



    width: 50%;



    height: 50%;



    padding: 10px;



    font-size: 35px;



}



.icon_invoice {



    flex-direction: column;



}



.panel_heading h3 {



    font-size: 18px;



    margin-bottom: 5px;



}



.panel_heading p {



    font-size: 14px;



}



.docCount {



    font-size: 14px;



}



.invo_titleBox {



    margin-top: 5px;



}



}







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



.all_ProTabs .nav .nav-item {



    width: 100%;



}



.invo_desc {



    flex-direction: column;



}



.invo_desc span {



    margin: 2px 0;



}



.invo_title {



    flex-direction: column;



}



.invo_title h3 {



    font-size: 16px;



    text-align: center;



}



.invo_paid {



    margin-top: 10px;



}



.price_btnBox {



    flex-direction: column;



}



.invo_price {



    width: 100%;



    margin-right: 0;



    text-align: center;



    margin-bottom: 10px;



}



.main_HeadingPanel {



    justify-content: space-between;



}



.panel-heading {



    width: auto;



}



.inner_heading h3 {



    font-size: 18px;



}



.inner_heading p {



    font-size: 14px;



}



.download_fileBox {



    flex-direction: column;



}



.df_heading {



    text-align: center;



    margin-bottom: 15px;



}



}







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



.dashL {



    gap: 3%;



}



.userBox {



    width: 140px;



}



.google_apple_logins {



    gap: 10px;



    flex-direction: column;



}



.dash_right {



    flex-direction: column;



}



.header_search {



    margin-bottom: 15px;



}



.hSearch input[type="text"] {



    height: 40px;



}



.hSearch i {



    top: 7px;



}



.mobile-menu-toggle {



    font-size: 20px;



}



.panel_heading {



    text-align: center;



    margin-bottom: 15px;



    flex-direction: column;



}



.dash_ratingBox {



    text-align: center;



}



.clearCart_btn {



    width: 100px;



    font-size: 14px;



    padding: 5px 7px;



}



.check_docInfo h4 {



    font-size: 13px;



}



.pop_heading p {



    font-size: 14px;



}



}