@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Articulat CF Normal';
    src: url('../fonts/ArticulatCF-Normal.woff2') format('woff2'),
        url('../fonts/ArticulatCF-Normal.woff') format('woff'),
        url('../fonts/ArticulatCF-Normal.svg#ArticulatCF-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat CF DemiBold';
    src: url('../fonts/ArticulatCF-DemiBold.woff2') format('woff2'),
        url('../fonts/ArticulatCF-DemiBold.woff') format('woff'),
        url('../fonts/ArticulatCF-DemiBold.svg#ArticulatCF-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion';
    src: url('../fonts/Minion-Regular.woff2') format('woff2'),
        url('../fonts/Minion-Regular.woff') format('woff'),
        url('../fonts/Minion-Regular.svg#Minion-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
    --primary-color  : #000000;
    /*--secondary-color: #349C4B;*/
    --secondary-color: #839889;
    --grey-color     : #D9D9D9;
    --lightgrey-color: #808080;
    --font-family1: 'Minion';
    --font-family2: 'Articulat CF DemiBold';
    --font-family3: 'Articulat CF Normal';
}

body {
    overflow-x : hidden;
    font-family: var(--font-family1) !important;
    font-weight: 600;
    color      : var(--lightgrey-color);
    line-height: 1.5;
}

/*Login/Signup/Forgot Password/OTP/Reset Password Css Start*/
.form-image {
    display       : flex;
    flex-direction: column;
    position      : fixed;
    right         : 0;
    min-height    : auto;
    height        : 100vh;
    width         : 50%;
}

.form-image .l-image {
    background-image     : url(../img/loginbg.webp);
    position             : absolute;
    border-radius        : 50px 0px 0px 50px;
    top                  : 0;
    left                 : 0;
    width                : 100%;
    height               : 100%;
    background-color     : #060818;
    background-position  : center center;
    background-repeat    : no-repeat;
    background-size      : cover;
    background-position-x: center;
    background-position-y: center;
    display              : flex;
    align-items          : center;
    justify-content      : center;
}

.form-form {
    width         : 50%;
    display       : flex;
    flex-direction: column;
    min-height    : 100%;
}

.form-form .form-form-wrap {
    max-width      : 435px;
    margin         : 0 auto;
    min-width      : 435px;
    min-height     : 100%;
    height         : 100vh;
    align-items    : center;
    justify-content: center;
}

.form-form .login-form {
    align-items: center;
    display    : flex;
    flex-grow  : 1;
    padding    : 15px;
    width      : 100%;
    min-height : 100%;
}

.form-form .login-form .form-content {
    display: block;
    width  : 100%;
}

.shape {
    position: absolute;
    z-index : -1;
    left    : 0;
    right   : 0;
    top     : 0px;
    border  : 0px;
}

.form-form .login-form .form-content h1 {
    color      : var(--primary-color);
    font-weight: 500;
    font-size  : 32px;
    font-family: var(--font-family2);
}

.login-subhead {
    font-size: 16px;
    font-family: var(--font-family3);
    font-weight: normal;
}

.form-form .login-form .form-content form .form-group .form-control {
    border       : 1px solid var(--grey-color);
    border-radius: 10px;
    font-size    : 12px;
    font-weight: 600;
    padding      : 11px 15px 10px;
    color        : var(--primary-color)
}

.form-form .login-form .form-content form .form-group .form-control:focus {
    box-shadow: none;
    border    : 1px solid var(--primary-color)
}

.form-form .login-form .form-content form .form-group label {
    color      : var(--primary-color);
    font-size  : 14px;
    font-weight: 500;
    font-family: var(--font-family2);
}

.form-form .login-form .form-content form .form-group a.forgotpassword {
    color          : var(--secondary-color);
    font-size      : 12px;
    font-weight    : 500;
    text-decoration: none;
}
header#myheader nav.navbar a.navbar-brand img {
    max-width: 190px;
}
.viewicon {
    color   : var(--primary-color);
    position: absolute;
    top     : 10px;
    right   : 15px;
}

.checkbox_field .form-check-input {
    border    : 1px solid var(--primary-color);
    outline   : 0;
    box-shadow: none;
    width     : 15px;
    height    : 15px;
}

.checkbox_field .form-check-input:checked {
    border          : 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.form-form .login-form .form-content form .form-group .form-check-label {
    font-size: 12px;
}

.btn-primary {
    height         : 42px;
    line-height    : 42px;
    font-size      : 14px;
    color          : #fff;
    font-weight    : 600;
    border         : 1px solid var(--secondary-color);
    background     : var(--secondary-color);
    padding        : 0px 15px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 10px;
    font-family: var(--font-family2);
}

.btn-primary:hover {
    color     : var(--secondary-color);
    border    : 1px solid var(--secondary-color);
    background: #fff;
}

:not(.btn-check)+.btn-primary:active,
.btn-primary:first-child:active {
    color     : var(--secondary-color);
    border    : 1px solid var(--secondary-color);
    background: #fff;
}

.btn-default {
    height         : 42px;
    line-height    : 42px;
    font-size      : 14px;
    color          : var(--primary-color);
    font-weight    : 600;
    border         : 1px solid var(--grey-color);
    background     : var(--grey-color);
    padding        : 0px 15px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 10px;
    font-family: var(--font-family2);
}

.btn-default:hover {
    color     : var(--primary-color);
    border    : 1px solid var(--primary-color);
    background: #fff;
}

:not(.btn-check)+.btn-default:active,
.btn-default:first-child:active {
    color     : var(--primary-color);
    border    : 1px solid var(--primary-color);
    background: #fff;
}

.btn-success {
    height         : 42px;
    line-height    : 42px;
    font-size      : 14px;
    color          : #fff;
    font-weight    : 600;
    border         : 1px solid var(--secondary-color);
    background     : var(--secondary-color);
    padding        : 0px 15px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 10px;
    font-family: var(--font-family2);
}

.btn-success:hover {
    color     : var(--secondary-color);
    border    : 1px solid var(--secondary-color);
    background: #fff;
}

:not(.btn-check)+.btn-success:active,
.btn-success:first-child:active {
    color     : var(--secondary-color);
    border    : 1px solid var(--secondary-color);
    background: #fff;
}

.btn-secondary {
    height         : 35px;
    line-height    : 35px;
    font-size      : 12px;
    color          : var(--primary-color);
    font-weight    : 500;
    border         : 1px solid var(--grey-color);
    background     : #fff;
    padding        : 0px 15px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 10px;
    font-family: var(--font-family2);
}

.btn-secondary:hover {
    color     : var(--primary-color);
    border    : 1px solid var(--primary-color);
    background: #fff;
}

:not(.btn-check)+.btn-secondary:active,
.btn-secondary:first-child:active {
    color     : var(--primary-color);
    border    : 1px solid var(--primary-color);
    background: #fff;
}

.ortext {
    border-bottom: 1px solid #F5F5F5;
    margin-top   : 35px;
}

.ortext h5 {
    font-size  : 12px;
    color      : var(--primary-color);
    font-weight: 500;
    top        : -6px;
    background : #fff;
}

.form-bottom {
    color      : var(--primary-color);
    font-size  : 14px;
    font-weight: 500;
}

.form-bottom .signuplink {
    color          : var(--secondary-color);
    font-size      : 14px;
    font-weight    : 500;
    text-decoration: none;
}

#otpForm .form-group input {
    width        : 40px;
    height       : 40px;
    border       : 1px solid var(--grey-color);
    border-radius: 10px;
    text-align   : center;
    line-height  : 40px;
    margin       : 0px 7px;
}

.resendotp {
    color          : var(--primary-color);
    text-decoration: none;
    font-size      : 14px;
    font-weight    : 600;
}

/*Login/Signup/Forgot Password/OTP/Reset Password Css Ends*/
/*Header Css Start*/
header#myheader {
    background: var(--secondary-color);
    padding   : 10px 0px;
}

header#myheader nav.navbar .navbar-nav li.nav-item .nav-link:hover {
    opacity: 1;
}

header#myheader nav.navbar .navbar-nav li.nav-item .nav-link.active {
    opacity    : 1;
    font-weight: bold;
}

header#myheader nav.navbar .navbar-nav li.nav-item .nav-link {
    font-size: 14px;
    color    : #fff;
    padding  : 0px 13px;
    opacity  : 0.50;
}

header#myheader nav.navbar .rightheader.navbar-nav li.nav-item .nav-link {
    opacity: 1;
}

header#myheader nav.navbar .rightheader.navbar-nav li.nav-item .nav-link:hover {
    opacity: 0.50;
}

header#myheader nav.navbar a.navbar-brand {
    border-right : 1px solid rgba(255, 255, 255, 0.50);
    padding-right: 30px;
}

header#myheader nav.navbar .rightheader.navbar-nav li.dropdown.nav-item a.nav-link.dropdown-toggle {
    padding-right: 0px;
}

header#myheader nav.navbar .rightheader.navbar-nav li.dropdown.nav-item a.nav-link.dropdown-toggle:hover {
    opacity: 1;
}

header#myheader nav.navbar .rightheader.navbar-nav li.dropdown.nav-item a.nav-link.dropdown-toggle img {
    width     : 25px;
    height    : 25px;
    object-fit: cover;
}

span.badge-notify {
    background   : #fff;
    color        : #FF0000;
    font-size    : 10px;
    position     : absolute;
    right        : 0px;
    top          : -2px;
    padding      : 0px 3px;
    border       : 1px solid var(--primary-color);
    border-radius: 20px;
    line-height  : 12px;
}

header#myheader nav.navbar .rightheader.navbar-nav li.dropdown.nav-item .dropdown-item {
    font-size: 14px;
    font-family: var(--font-family2);
}

header#myheader nav.navbar .rightheader.navbar-nav li.dropdown.nav-item .dropdown-item:hover,
header#myheader nav.navbar .rightheader.navbar-nav li.dropdown.nav-item .dropdown-item:active {
    font-size : 14px;
    background: var(--primary-color);
    color     : #fff
}

/*Header Css Ends*/
/*Dashboard Css Start*/
.maintitle {
    font-size  : 24px;
    font-weight: 600;
    font-family: var(--font-family2);
    color      : var(--primary-color)
}
div#timer {
    background: rgb(247 148 29 / 15%);
    color: var(--secondary-color);
    font-weight: 600;
    display: inline-flex;
    border-radius: 4px;
    padding: 0px 12px;
}
div#timer #timerinner{
    padding:8px 0px;

}
.main-content {
    margin: 30px 0px;
}
td.fc-day.fc-other-month.fc-past, td.fc-day.fc-other-month.fc-future {
    background: #000;
    opacity: 0.04;
}
.card {
    padding      : 25px;
    border-radius: 20px;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
}
h5.rolloverhours {
    color: var(--secondary-color);
    font-size: 14px;
    margin-bottom: 30px;
    padding: 0px 15px;
}.greyed-out {
    background-color: #f2f2f2; /* Set your desired grey color */
    color: #888; /* Set your desired text color */
  }
.card .card-header {
    background: #fff;
}
.timeslots label input + span{
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 11px;
    padding: 6px 10px;
    border-radius: 4px;
    display: inline-block;
}
.timeslots label input:checked + span{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color:#fff
}
.timeslots label input:disabled + span{
    background: rgba(0,0,0,0.25);
    border: 1px solid rgba(0,0,0,0.10);
    color: var(--primary-color);
}
.timeslots label{
  display: inline-block;
  margin-bottom: 5px;
}
.card .card-header .cardtitle {
    font-size  : 20px;
    color      : var(--primary-color);
    font-weight: 500;
}

.card .card-body .hourslist {
    background   : rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    padding      : 25px 15px;
    margin-bottom: 12px;
}

.card .card-body .hourslist h4 {
    font-size    : 16px;
    color        : var(--primary-color);
    font-weight  : 500;
    line-height  : 1.5;
    margin-bottom: 3px;
}

.card .card-body .hourslist p {
    font-size  : 14px;
    color      : var(--lightgrey-color);
    font-weight: 500;
}

.card .card-body .hourslist span.hourstime {
    color      : var(--primary-color);
    font-weight: 600;
    font-size  : 16px;
}

.card .card-body .hourslist.hourslistend {
    background: transparent;
}

.card .card-body .hourslist.hourslistend h4 {
    color: var(--secondary-color);
}

.card .card-body .hourslist.hourslistend span.hourstime {
    color    : var(--secondary-color);
    font-size: 18px;
}

.minwidth128 {
    min-width: 128px;
}

.minwidth170 {
    min-width: 170px;
}
.minwidth319 {
    min-width: 319px;
}

.minwidth180 {
    min-width: 180px;
}

.session-grid {
    padding      : 15px;
    border-radius: 13px;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
}

.session-grid .session-image img {
    border-radius: 6.5px;
    object-fit   : cover;
}

.session-grid .session-image img.h150 {
    height: 150px;
}

.session-grid .session-image img.h221 {
    height: 221px;
}

.session-grid .session-content h2,
.session-grid .session-content h2 a {
    font-size      : 13px;
    color          : var(--primary-color);
    font-weight    : 500;
    text-decoration: none;
    margin-bottom  : 4px;
}

.session-grid:hover .session-content h2 a {
    color: var(--secondary-color);
}

.session-grid .session-content p {
    font-size  : 10px;
    color      : var(--lightgrey-color);
    font-weight: 400;
}

.session-grid .session-image i {
    position     : absolute;
    right        : 10px;
    top          : 10px;
    color        : #fff;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    z-index      : 1;
}

.session-grid .session-image:after {
    content      : '';
    background   : linear-gradient(to bottom, #000, transparent);
    position     : absolute;
    right        : 0px;
    top          : 0px;
    bottom       : 0px;
    left         : 0px;
    border-radius: 6.5px;
    opacity      : 0.25;
}

.session-grid .session-content a.playbtn {
    width          : 26px;
    height         : 26px;
    min-width      : 26px;
    background     : var(--secondary-color);
    color          : #fff;
    border-radius  : 50%;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    text-decoration: none;
    font-size      : 10px;
}
.session-grid .session-content a.playbtn:hover {
opacity:0.75
}

.table-custom {
    border-radius: 13px;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
}
.table-custom tbody tr td select {
    border: 1px solid rgba(0, 0, 0, 0.07);
    outline: none;
    background: transparent;
    font-family: var(--font-family2);
}
.table-custom thead tr th {
    font-size  : 16px;
    color      : #fff;
    font-weight: 500;
    font-family: var(--font-family2);
    background : var(--primary-color);
    border     : none;
    padding    : 18px 15px;
    vertical-align: middle;
}

.table-custom thead tr th:first-child {
    border-top-left-radius: 13px;
}

.table-custom thead tr th:last-child {
    border-top-right-radius: 13px;
}

.table-custom tbody tr td {
    font-size  : 16px;
    color      : var(--primary-color);
    font-weight: 400;
    border     : none;
    font-family: var(--font-family3);
    vertical-align: middle;
    padding    : 15px 15px;
}
.table-responsive .dt-layout-cell .dt-length ,
.table-responsive .dt-layout-cell .dt-search
{
    font-family: var(--font-family2);
}
.table-responsive div.dt-container .dt-paging .dt-paging-button
{
    font-weight: 600;
}
.table-custom tbody tr:last-child td:first-child {
    border-bottom-left-radius: 13px;
}

.table-custom tbody tr:last-child td:last-child {
    border-bottom-right-radius: 13px;
}

.table-custom tbody tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.03);
}

.tablesecondary thead tr th {
    background: var(--secondary-color)
}

/*Dashboard Css Ends*/
/*Content Css Start*/
.searchfilter .form-control {
    border-radius     : 10px;
    border            : 1px solid transparent;
    box-shadow        : 0px 0px 10px rgba(0, 0, 0, 0.07);
    padding           : 6px 20px;
    height            : 46px;
    outline           : none;
    appearance        : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    color             : var(--primary-color);
    font-size         : 16px;
    font-weight: 600;
}

.searchfilter .form-control:focus {
    border: 1px solid var(--primary-color);
}

.searchfilter .form-control::placeholder {
    color: var(--lightgrey-color);
}

.searchfilter select.form-control {
    background-image   : url(../img/arrow_down.svg);
    background-size    : 6px 4px;
    background-position: 89% center;
    background-repeat  : no-repeat;
    font-weight: 600;
}

span.search_icon {
    position: absolute;
    top     : 11px;
    left    : 17px;
}

.searchfilter select.form-control option:checked {
    background: var(--primary-color);
    color     : #fff;
}

.session-carousel .owl-stage-outer {
    margin: 0px -7px;
}

.session-carousel .owl-stage-outer .owl-stage {
    margin: 7px;
}

.session-carousel .session-grid .session-content h2,
.session-carousel .session-grid .session-content h2 a {
    font-size: 20px;
}

.session-carousel .session-grid .session-content p {
    font-size: 14px;
}

.session-carousel .session-grid .session-content a.playbtn {
    width    : 42px;
    height   : 42px;
    min-width: 42px;
    font-size: 13px;
}

h3.sessionhead {
    font-size: 20px;
    color    : #000;
}

.session-main .owl-carousel.session-carousel .owl-nav button {
    width        : 32px;
    height       : 32px;
    color        : var(--primary-color);
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    position     : absolute;
    top          : -35px;
    font-size    : 11px;
}

.session-main .owl-carousel.session-carousel .owl-nav button.owl-prev {
    right: 36px;
}

.session-main .owl-carousel.session-carousel .owl-nav button.owl-next {
    right: 0;
}

.session-main .owl-carousel.session-carousel .owl-nav button:hover {
    background: var(--primary-color);
    color     : #fff
}

/*Content Css Ends*/
/*Content Detail Css Start*/
.contentdetail .form-group label {
    font-size  : 20px;
    font-weight: 500;
    color      : var(--primary-color);
    font-family: var(--font-family2);
}
.contentdetail .owl-carousel.singlesession-carousel .owl-nav button {
    width        : 32px;
    height       : 32px;
    color        : #fff;
	background: var(--secondary-color);
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    position     : absolute;
    top          : 30%;
    font-size    : 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-control-prev ,
.carousel-control-next
{
	 width        : 32px;
    height       : 32px;
    color        : #fff;
	background: var(--secondary-color);
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    position     : absolute;
    top          : 33%;
    font-size    : 11px;
    display: flex;
    align-items: center;
    justify-content: center;
	opacity: 1;

}
.carousel-control-next .carousel-control-next-icon,
.carousel-control-prev .carousel-control-prev-icon
{
	width: 16px;
    height: 16px;
}
.carousel-control-next:hover,
.carousel-control-prev:hover
{
opacity:0.75
}
.carousel-control-next
{
	 right: -50px;
}.carousel-control-prev
{
	 left: -50px;
}
.btn-view:hover{
  opacity:0.75
}
.btn-view{
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    background: var(--primary-color);
    text-decoration: none;
}
.contentdetail .owl-carousel.singlesession-carousel .owl-nav button.owl-prev {
    left: -50px;
}
.contentdetail .carousel-indicators [data-bs-target]{
	text-indent:0px;
	    width: 50px;
		  border: 3px solid  transparent;
		height:51px;
		border-radius:8px
}
.contentdetail .carousel-indicators [data-bs-target] img{
	    border-radius: 6px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}.contentdetail .carousel-indicators [data-bs-target].active{
	    border: 2px solid  var(--secondary-color);
}
.contentdetail .carousel.slide{
	    padding-top:80px;
}.contentdetail .carousel-indicators{
	top:0px;
	bottom:initial
}
.contentdetail .owl-carousel.singlesession-carousel .owl-nav button.owl-next {
    right: -50px;
}
span.timesession {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 10px;
    display: inline-block;
}
.contentdetail .owl-carousel.singlesession-carousel .owl-nav button:hover {
    background: var(--primary-color);
    color     : #fff
}
.contentdetail .form-group .form-control {
    border       : 1px solid var(--grey-color);
    background: #fff;
    border-radius: 16px;
    font-weight: 600;
    padding      : 20px;
    outline      : none;
    box-shadow   : none;
    color        : var(--primary-color)
}

.contentdetail .form-group .form-control:focus {
    border: 1px solid var(--primary-color);
}

.contentdetail .form-group .form-control::placeholder {
    color: var(--lightgrey-color)
}

.contentdetail p {
    font-size    : 16px;
    line-height  : 1.5;
    color        : var(--lightgrey-color);
    margin-bottom: 25px;
}

.contentdetail .session-video video {
    width        : 100%;
    height       : 594px;
    border-radius: 30px;
    object-fit   : cover;
}

.contentdetail .session-video:after {
    content      : '';
    background   : linear-gradient(to bottom, #000, transparent);
    position     : absolute;
    right        : 0px;
    top          : 0px;
    height       : 200px;
    left         : 0px;
    border-radius: 30px;
    opacity      : 0.25;
}

.session-video .sessioninfo {
    z-index: 1;
}

.session-video .sessioninfo h2 {
    color      : #fff;
    font-size  : 20px;
    font-weight: 400;
}

.infoicon {
    text-decoration: none;
}

.infoicon i {
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color        : #fff;
    font-size    : 26px;
}

/*Content Detail Css Ends*/
/*Notifications Css Start*/
.notifylist {
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    padding      : 20px;
    margin-bottom: 20px;
    position     : relative;
    z-index      : 1;
    overflow     : hidden;
}

.notifylist:before {
    content   : '';
    top       : 6px;
    bottom    : 6px;
    width     : 4px;
    background: var(--secondary-color);
    position  : absolute;
    left      : 0px;
}

.notifylist.notifydark:before {
    background: var(--primary-color);
}

.notifylist h3 {
    font-size  : 16px;
    color      : var(--primary-color);
    font-weight: 500;
}

.notifylist p {
    font-size  : 14px;
    color      : var(--lightgrey-color);
    font-weight: 400;
}

.notifylist span.notifydate {
    font-size  : 14px;
    color      : var(--lightgrey-color);
    font-weight: 400;
}

.notifylist a {
    color          : #231F2F;
    text-decoration: none;
}

/*Notifications Css Ends*/
/*Booking Css start*/
.booking-list {
    padding      : 15px;
    background   : #fff;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    display      : flex;
    margin-bottom: 30px;
}

.booking-list .booking-img {
    flex     : 0;
    min-width: 244px;
    width    : 244px;
}

.booking-list .booking-img img {
    object-fit   : cover;
    border-radius: 12px;
}

.booking-list .booking-content {
    flex       : 1;
    display    : flex;
    align-items: center;
    flex-shrink: 1;
}

.booking-list .booking-content h3 {
    color      : var(--primary-color);
    font-size  : 20px;
    font-weight: 500;
}

.booking-list .booking-content .bookuserinfo {
    color      : var(--primary-color);
    font-size  : 14px;
    font-weight: 400;
}

.booking-list .booking-content p {
    color      : var(--lightgrey-color);
    font-size  : 14px;
    font-weight: 400;
    margin     : 12px 0px 35px;
}

.bookingModal div#datepicker {
    border-radius: 10.72px;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.07);
    padding      : 15px;
}

.bookingModal div#datepicker .datepicker-inline {
    width: 100%;
}

.bookingModal div#datepicker .datepicker-inline table.table-condensed {
    width: 100%;
}

.bookingModal div#datepicker table.table-condensed tbody tr td {
    font-size: 12px;
    color    : var(--primary-color);
    height   : 30px;
    width    : 30px;
    border   : 1px solid #D5D4DF;
}

.bookingModal div#datepicker table.table-condensed thead tr th {
    color    : var(--primary-color);
    font-size: 12px;
    height   : 30px;
    width    : 30px;
}

.bookingModal div#datepicker .datepicker table tr td.active.active {
    background   : var(--secondary-color);
    border       : 1px solid var(--secondary-color);
    color        : #fff;
    border-radius: 0px;
}

.bookingModal div#datepicker .datepicker table tr td.today {
    background   : var(--primary-color);
    border       : 1px solid var(--primary-color);
    color        : #fff;
    border-radius: 0px;
}

.bookingModal .modal-header h2.modal-title ,
.addanhourModal .modal-header h2.modal-title 
{
    font-size    : 20px;
    margin-bottom: 0px;
    color        : var(--primary-color);
    font-weight  : 600;
}
div#timer #timerinner span {
    font-size: 12px;
}
.bookingModal .modal-header span#selectedDate {
    font-size  : 16px;
    color      : var(--secondary-color);
    font-weight: 500;
}

.minwidth135 {
    min-width: 135px
}

.bookingtalking {
    height       : 26px;
    background   : rgba(0, 133, 255, 0.1);
    border-radius: 4px;
    color        : #0085FF;
    font-size    : 13px;
    font-weight  : 500;
    text-align   : center;
    line-height  : 26px;
}

.bookingother {
    height       : 26px;
    background   : #E8E8E8;
    border-radius: 4px;
    color        : #585757;
    font-size    : 13px;
    font-weight  : 500;
    text-align   : center;
    line-height  : 26px;
}

.bookingModal .modal-dialog {
    max-width: 584px;
}

.bookingModal .modal-content {
    border-radius: 20px;
}

/*Booking Css Ends*/
/*Calendar Css Start*/
#calendar .fc-event {
    border: none !important
}

#calendar a.fc-day-grid-event.fc-h-event.fc-event {
    display    : inline-block;
    padding    : 4px 8px;
    font-weight: 500;
    font-size  : 13px;
}

#calendar .fc-toolbar .fc-center {
    float: left !important
}

#calendar .fc-toolbar .fc-left {
    float: right !important
}

#calendar .fc-toolbar .fc-center h2 {
    color      : var(--primary-color);
    font-size  : 20px;
    font-weight: 500;
}

#calendar .fc-button-group button.fc-button:hover {
    background: var(--primary-color);
    color     : #fff;
}

#calendar .fc-button-group button.fc-button {
    background     : transparent;
    border         : none;
    box-shadow     : 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius  : 50%;
    width          : 32px;
    height         : 32px;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    padding        : 0px;
    font-size      : 13px;
    min-width      : 32px;
}

#calendar thead.fc-head>tr>td.fc-head-container.fc-widget-header {
    border-top  : none !important;
    border-left : none !important;
    border-right: none !important;
}

#calendar table th.fc-day-header.fc-widget-header {
    color         : #969696;
    font-size     : 15px;
    text-transform: uppercase;
    font-weight   : 500;
    padding       : 7px;
}

#calendar .fc-button-group button.fc-button.fc-next-button {
    margin-left: 10px;
}

#calendar td.fc-day-top,
#calendar td.fc-event-container {
    padding: 0px 10px;
}

#calendar td.fc-day-top {
    color: #000;
}

#calendar .fc-view-container>.fc-view {
    border-radius: 10px;
    border       : 1px solid #ddd;
    overflow     : hidden;
    box-shadow   : 0px 0px 10px rgba(0, 0, 0, 0.1);
}

#calendar table tbody.fc-body>tr>td.fc-widget-content {
    border-left  : none !important;
    border-right : none !important;
    border-bottom: none !important;
}

div.calendarmodal .modal-dialog {
    max-width: 359px;
}

div.calendarmodal .modal-content {
    border-radius: 22px;
}

div.calendarmodal .modal-content .modal-header h2.modal-title {
    font-size  : 20px;
    color      : var(--primary-color);
    font-weight: 500;
    font-family: var(--font-family2);
}

div.calendarmodal .modal-content .modal-header a {
    text-decoration: none;
}

div.calendarmodal .modal-content .modal-header {
    padding: 30px 30px 0px 30px;
}

div.calendarmodal .modal-content .modal-body p {
    font-size    : 14px;
    color        : var(--lightgrey-color);
    margin-bottom: 12px;
    font-family: var(--font-family3);
}

div.calendarmodal .modal-content .modal-body {
    padding: 10px 30px 20px;
}

/*Calendar Css Ends*/
/*My Info Css Start*/
.mb_40 {
    margin-bottom: 40px !important;
}

p.info_subdesc {
    font-size  : 14px;
    font-weight: 500;
    font-family: var(--font-family3);
    color      : var(--lightgrey-color);
}

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

.myinfo_nav ul li a {
    font-size      : 16px;
    color          : var(--primary-color);
    text-decoration: none;
    font-weight    : 500;
    display        : block;
    padding        : 10px 10px;
    font-family: var(--font-family2);
    display: flex;
    align-items: center;
    gap: 10px;
}
.myinfo_nav ul li a iconify-icon {
    transform: translateY(-1px);
}
.myinfo_nav ul li a img {
    margin-right: 15px;
}

.myinfo_nav ul li a.active,
.myinfo_nav ul li a:hover {
    background   : var(--secondary-color);
    color        : #fff;
    border-radius: 10px;
}

.myinfo_nav ul li a.active img,
.myinfo_nav ul li a:hover img {
    filter: invert(1);
}

.myaccounts .card {
    padding: 35px;
}

.modal .form-group .form-control {
    border-radius     : 10px;
    border            : 1px solid var(--grey-color);
    padding           : 6px 15px;
    height            : 40px;
    outline           : none;
    appearance        : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    color             : var(--primary-color);
    font-size         : 14px;
    font-weight: 600;
}

.myaccounts .card .form-group .form-control {
    border-radius     : 10px;
    border            : 1px solid var(--grey-color);
    padding           : 6px 15px;
    height            : 40px;
    outline           : none;
    appearance        : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    color             : var(--primary-color);
    font-size         : 14px;
    font-weight: 600;
}
.myaccounts .card .form-group .form-control:focus {
    border: 1px solid var(--primary-color);
}
.modal .form-group .form-control:focus {
    border: 1px solid var(--primary-color);
}
.myaccounts .card .form-group select.form-control {
    background-image   : url(../img/arrow_down.svg);
    background-size    : 6px 4px;
    background-position: 95% center;
    background-repeat  : no-repeat;
    font-weight: 600;
}
.modal .form-group select.form-control {
    background-image   : url(../img/arrow_down.svg);
    background-size    : 6px 4px;
    background-position: 95% center;
    background-repeat  : no-repeat;
    font-weight: 600;
}



.myaccounts .card .form-group .form-control::placeholder {
    color: var(--lightgrey-color);
}
.modal .form-group .form-control::placeholder {
    color: var(--lightgrey-color);
}
.modal .form-group textarea.form-control {
   height:auto;
   padding: 15px;
   font-weight: 600;
}

.modal  .form-group label {
    font-size  : 14px;
    color      : var(--primary-color);
    font-weight: 500;
    font-family: var(--font-family2);
}
.myaccounts .card .form-group label {
    font-size  : 14px;
    color      : var(--primary-color);
    font-family: var(--font-family2);
    font-weight: 500;
}

.myaccounts .card .searchfilter .form-group select.form-control {
    background-image   : url(../img/arrow_down.svg);
    background-size    : 6px 4px;
    background-position: 90% center;
    background-repeat  : no-repeat;
    font-weight: 600;
}

.myaccounts .card .card-body .hourslist {
    padding: 25px 25px;
}

/*My Info Css Ends*/
/*Hours Css Start*/
.myaccounts .addanhour table tr th {
    border     : none;
    padding    : 30px;
    font-size  : 20px;
    font-weight: 500;
    color      : var(--secondary-color);
    vertical-align: middle;
}
.myaccounts .addanhour table tr td {
    background : rgba(0, 0, 0, 0.03);
    border     : none;
    padding    : 30px;
    font-size  : 20px;
    font-weight: 500;
    color      : var(--primary-color);
    vertical-align: middle;
}

.myaccounts .addanhour table tr td:first-child {
    border-top-left-radius   : 10px;
    border-bottom-left-radius: 10px;
}

.myaccounts .addanhour table tr td:last-child {
    border-top-right-radius   : 10px;
    border-bottom-right-radius: 10px;
}

.myaccounts .addanhour table tr td .quantityadd_td {
    border         : 1px solid var(--primary-color);
    min-width      : 100px;
    max-width      : 100px;
    margin         : 0 auto;
    border-radius  : 10px;
    background     : #fff;
    height         : 36px;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    padding        : 0px 12px;
}

.myaccounts .addanhour table tr td .quantityadd_td button {
    border    : none;
    background: transparent;
}

.myaccounts .addanhour table tr td .quantityadd_td span.quantity {
    font-size  : 14px;
    line-height: 14px;
}
.proceedcheck_div .checktotal_div {
    border-bottom: 1px solid rgba(0,0,0,0.10);
    margin-bottom: 30px;
}
.checktotal_div h4 {
    color: var(--lightgrey-color);
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.checktotal_div h3 {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
h3.submaintitle {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
}
.payment_box .payment_form .form-check .form-check-input {
    border-color:var(--primary-color);
    background: transparent;
    outline: 0px;
    box-shadow: none;
    margin-top: 15px;
    margin-right: 12px;
    width: 18px;
    height: 18px;
}
.payment_box .payment_form .form-check .form-check-input:checked {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
    border-color: #000000;
}.payment_box .payment_form .form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.payment_box .payment_form label.form-check h4 {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
}
.payment_box .payment_form label.form-check p {
    font-size: 16px;
    font-weight: 400;
    color: var(--lightgrey-color);
    margin-bottom: 0px;
}
.payment_box .payment_form img.payment_img {
    margin: 15px 0px;
}

.payment_box .payment_form .form-group .form-control {
    border-radius     : 8px;
    border            : 1px solid var(--grey-color);
    padding           : 6px 15px;
    height            : 53px;
    outline           : none;
    appearance        : none;
    -webkit-appearance: none;
    -moz-appearance   : none;
    color             : var(--primary-color);
    font-size         : 14px;
    font-weight: 600;
}
.myaccounts .card .form-group .form-control::placeholder {
   color:var(--primary-color);
}
.myaccounts .card .form-group .form-control:focus {
    border: 1px solid var(--primary-color);
}
.myaccounts a.codehideshow_btn {
    color: var(--primary-color);
    position: absolute;
    top: 17px;
    right: 16px;
    font-size: 14px;
}
.myaccounts .form-check-outer:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.10);
    padding-bottom: 25px;
    margin-bottom: 30px;
}
.table-responsive.tableouter {
    border-radius: 13px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}
.table-responsive.tableouter table.table.table-custom {
    box-shadow: none!important;
    margin-bottom: 0px;
}
.dash_stats_div {
    border: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.04);
    border-radius: 6px;
    padding: 10px 12px;
    display: inline-flex;
    align-items: center;
}
.dash_stats_div span.stats_icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(247 148 29 / 18%);
    flex-shrink: 0;
    margin-right: 10px;
    color: var(--secondary-color);
    border-radius: 4px;
}.dash_stats_div .stats_content h4 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: rgba(0,0,0,0.7);
    margin-bottom: 0px;
	    display: flex;
    align-items: center;
	flex:wrap;
}.dash_stats_div .stats_content h4 b {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0px;
}span.availablehours {
    color: var(--secondary-color);
    font-size: 14px;
}.paymentinner .card {
    border: 1px solid #ccc;
    padding: 10px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 25px;
    background: #f6f6f6;
    border-radius: 12px;
    margin-bottom: 15px;
}.paymentinner .card .card-info {
    margin-bottom: 15px;
}.paymentinner .card .card-no {
    font-size: 20px;
    margin: 15px 0px 15px;
    letter-spacing: 4px;
}.paymentinner .card .card-actions {
    display: flex;
    justify-content: space-between;
}.paymentinner .card .card-actions .delete-icon {
    background: #ef2d2d;
    color: #ffffff;
    padding: 3px 13px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
}.main-content .session-carousel span.datefilmed {
    font-size: 13px;
    color: #000;
    margin-bottom: 6px;
    display: inline-block;
}.session-grid .session-content .btn-sm {
    font-size: 12px;
    height: 31px;
}
.session-grid .session-content .datefilmed{
font-size: 11px;
}
/*Hours Css Ends*/
.error{
    color:red!important;
}.bookingModal .pignose-calendar {
    width: 100%;
}.bookingModal .pignose-calendar .pignose-calendar-header .pignose-calendar-week {
    font-size: 12px;
}
.bookingModal .pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    font-size: 13px;
}
.bookingModal .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year {
    font-size: 13px;
}
.bookingModal .pignose-calendar .pignose-calendar-top {
    padding: 2em 0 1.5em;
}
.bookingModal .pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    padding: 1.2em 0 1em;
}

.bookingModal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #000000;
}
.bookingModal  .pignose-calendar .pignose-calendar-unit a {
    color: #000;
}
.timeselect_ul li {
    display: inline-block;
    width: 50%;
    padding: 0px 7px 7px 0px;
}.timeselect_ul {
    list-style: none;
}
.timeselect_ul li a {
    text-decoration: none;
    border: 1px solid rgba(203, 65, 84, 0.1);
    display: block;
    text-align: center;
    border-radius: 10px;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color:#000;
}
.timeselect_ul li a.active {
    text-decoration: none;
    border: 1px solid #000;
  background: #000;
  color:#fff;
}

/* Style the list */
.breadcrumbmain_div ul.breadcrumb {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

/* Display list items side by side */
.breadcrumbmain_div ul.breadcrumb li {
    display: inline-block;
    font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
.breadcrumbmain_div ul.breadcrumb li a {
    color: #000;
    text-decoration: none;
    display: inline-block;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.breadcrumbmain_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.contentdetail .userdtllist_box {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    border-radius: 15px;
}
.contentdetail .userdtllist_box p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #c5c5c5;
    padding: 0px 0px 10px;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}
.contentdetail .formmain_div {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    border-radius: 15px;
}
.contentdetail .formmain_div .dropzone {
    border: 1px dashed var(--grey-color);
    border-radius: 16px;
}
.contentdetail .formmain_div .form-group label {
    font-size: 14px;
    font-family: var(--font-family2);
}
.contentdetail .formmain_div .form-group .form-control {
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
}
.main-content.myaccounts .pagination {
    --bs-pagination-color: #000;
    --bs-pagination-focus-color: #000;
    --bs-pagination-active-bg: #000;
    --bs-pagination-active-border-color:#000;
    --bs-pagination-hover-color: #000;
        justify-content: center;
} 

.pricingpackage {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(0,0,0,0.07);
    overflow: hidden;
    padding: 20px;
   border: 2px solid transparent;
}.pricingpackage .pricinghead h5 {
    color:var(--primary-color);
    font-size: 16px;
    font-weight: 600;
}
.pricingpackage .pricinghead h2 {
    color:var(--secondary-color);
    font-size: 30px;
    font-weight: 700;
}
.pricingpackage .pricinghead h6 {
    align-items: center;
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
}.pricingpackage .pricinghead {
    position: relative;
    text-align: center;
}.pricingpackage ul {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    list-style: none;
    margin: 20px 0 0;
    padding: 20px 0;
    min-height: 356px;
}
.pricingpackage ul li {
    color: var(--primary-color);
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    margin-bottom: 10px;
}
.pricingpackage ul li i {
    color:var(--secondary-color);
    min-width: 16px;
    margin-left: 5px;
    font-size: 16px
}
.pricingpackage:hover {
    border: 2px solid var(--secondary-color);
}
.pricingpackageactive{
    border: 2px solid var(--secondary-color);
}
.thankyouModal i {
    color: var(--secondary-color);
}
.thankyouModal h2.payment-title {
    color: var(--primary-color);
    font-weight: 600;
}
.thankyouModal p {
  
    line-height:1.75;
}.pricingpackage .pricinghead .setdefault {
    background: rgba(247, 148, 29, 0.11);
    color: var(--secondary-color);
    font-size: 10px;
    font-weight: 500;
    padding: 5px 10px 4px;
    position: absolute;
    right: -20px;
    top: -21px;
}.pricingpackage .pricinghead h6 span {
    display: block;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
    margin-top: 4px;
}
.minheight33{
    min-height:33px;
}
.myaccounts .packages-carousel .owl-dots button.owl-dot.active {
      background:  var(--secondary-color);
    border: 1px solid var(--secondary-color);
  
}
.myaccounts .packages-carousel .owl-dots{
    text-align:center;
}
.myaccounts .packages-carousel .owl-dots button.owl-dot {
     width: 10px;
    height: 10px;
    background:transparent;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    margin: 0px 2px;
}
/*New Css End*/

/*credit*/
.booking-list .booking-content .booking-credits {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 500;
    background: rgba(247, 148, 29, 0.10);
    padding: 3px 8px;
    line-height: normal;
    border-radius: 4px;
    white-space: nowrap;
    padding-left:10px;
}.minw-100 {
    min-width: 100% !important;
}
.headtitle {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 500;
}
.active2{
    background-color: #f7941d;

}
/*New Css End*/

/*New 5 July*/

.card-body.packageTable_box table.table thead th ,
.card-body.packageTable_box table.table tbody td 
{
    text-align: left;
	font-size: 14px;
}
.card-body.packageTable_box table.table tbody td .form-switch .form-check-input {
    width: 35px;
    height: 18px;
    box-shadow: none;
    outline: 0px;
    border: 1px solid #ddd;
}
.card-body.packageTable_box table.table tbody td .form-switch .form-check-input:checked {
    background-color: #f7941d;
    border-color: #f7941d;
}
.myaccounts .card .formmain_div .form-group .addmorebtn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #000;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}
.myaccounts .card .formmain_div .form-group .addremovebtn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #D13131;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}
.card-body.packageTable_box table.table tbody td img.tableuser_img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #ebebeb;
}
.myaccounts .card .form-group textarea.form-control {
    height: auto;
    font-weight: 600;
}
.form-group .uploadinput_form {
    background-color: #fff;
    border: 1px dashed rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    box-shadow: none;
    color: #000;
    display: block;
    text-align: center;
    padding: 27px 20px;
}
.form-group .uploadinput_form i {
    font-size: 40px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 5px;
}
.form-group .uploadinput_form p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0px;
    line-height: normal;
}
.form-group .uploadimgshow_div .uploadimg_show img {
    height: 74px;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.form-group .uploadimgshow_div .uploadimg_show {
    display: inline-block;
    position: relative;
}
.form-group .uploadimgshow_div .uploadimg_show .uploadimgclose_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #B93838;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    top: -5px;
    right: -5px;
    text-decoration: none;
}
.form-group .uploadimgshow_div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.contentdisplay img, .contentdisplay video{
    height: 250px;
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}
.videoDownload_div {
    border: 1px solid #d3d3d3;
    padding: 15px;
    border-radius: 12px;
    position: relative;
}
.videoDownload_div a.downloadVideo_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #839889;
    color: #ffffff;
    border: 1px solid #839889;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 13px 20px 11px;
    line-height: normal;
    margin-top: 10px;
}
.videoDownload_div a.downloadVideo_btn:hover {
    background: #ffffff;
    color: #839889;
    border: 1px solid #839889;
}
.videodownloadAll_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #839889;
    color: #ffffff;
    border: 1px solid #839889;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 13px 20px 11px;
    line-height: normal;
    margin-top: 10px;
    outline: 0px;
    box-shadow: none;
}
.videodownloadAll_btn:hover {
    background: #ffffff;
    color: #839889;
    border: 1px solid #839889;
}
.videolist_div {
    border-bottom: 1px solid #d3d3d3;
    padding: 0px 0px 10px;
    margin-bottom: 25px;
}
.videolist_div h4 {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
}
.videolist_div p {
    font-size: 16px;
    font-weight: 700;
    color: #8d8d8d;
    margin-bottom: 0px;
}
.table-custom tbody tr:hover td {
    background: #cfd9d2 !important;
}
.folderStructure_div {
    border: 1px solid #d3d3d3;
    padding: 15px;
    border-radius: 12px;
    position: relative;
    text-align: center;
}
.folderStructure_div img {
    width: 100%;
    object-fit: contain;
    margin-bottom: 10px;
}
.folderStructure_div h4 {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #343434;
    margin-bottom: 0px;
    display: inline-block;
    background: #e1e1e1;
    padding: 8px 20px;
    border-radius: 8px;
}