.sidebar-widget-area .widget {
    padding: 30px 30px 40px;
    background-color: #f7f7f7;
}

.sidebar-widget-area .widget h4.widget-title {
    padding-bottom: 7px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    margin-bottom: 30px;
    position: relative;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control {
    border: 1px solid #e6e6e6;
    font-size: 14px;
    height: 60px;
    border-radius: 30px;
    padding: 0 20px;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::-webkit-input-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::-moz-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control:-ms-input-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::-ms-input-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .search_btn {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #4C3EC7;
    background-color: transparent;
    border: none;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content:last-child {
    margin-bottom: 0px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content img {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date .posted-on {
    display: block;
    font-size: 14px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date .posted-on i {
    margin-right: 10px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h6 {
    line-height: 24px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 7px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h6:hover {
    color: #4C3EC7;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li {
    margin-bottom: 10px;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li:last-child {
    margin-bottom: 0px;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li a {
    display: block;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li a:hover {
    color: #4C3EC7;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li a span {
    float: right;
    font-size: 14px;
    font-weight: 700;
}

.single-page-details.service-details .single-page-wrapper .post-item .post-img img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

.single-page-details .single-page-wrapper .post-item .post-gallery-slider {
    overflow: hidden;
}

.single-page-details .single-page-wrapper .post-item .post-gallery-slider:hover .slick-arrow.prev {
    left: 20px;
}

.single-page-details .single-page-wrapper .post-item .post-gallery-slider:hover .slick-arrow.next {
    right: 20px;
}

.single-page-details .single-page-wrapper .post-item .post-gallery-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    width: 45px;
    height: 45px;
    background-color: #4C3EC7;
    color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-page-details .single-page-wrapper .post-item .post-gallery-slider .slick-arrow.prev {
    left: -100px;
}

.single-page-details .single-page-wrapper .post-item .post-gallery-slider .slick-arrow.next {
    right: -100px;
}

.single-page-details .single-page-wrapper .post-item .post-img img {
    max-width: 100%;
}

ul.pagination li {
    margin: 0 3px;
}

.sidebar-widget-area .widget {
    padding: 30px 30px 40px;
    background-color: #f7f7f7;
}

.sidebar-widget-area .widget h4.widget-title {
    padding-bottom: 7px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    margin-bottom: 30px;
    position: relative;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control {
    border: 1px solid #e6e6e6;
    font-size: 14px;
    height: 60px;
    border-radius: 30px;
    padding: 0 20px;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::-webkit-input-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::-moz-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control:-ms-input-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::-ms-input-placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.search-widget .form_group .form_control::placeholder {
    color: #828282;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content:last-child {
    margin-bottom: 0px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content img {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 20px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date .posted-on {
    display: block;
    font-size: 14px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date .posted-on i {
    margin-right: 10px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h6 {
    line-height: 24px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 7px;
}

.sidebar-widget-area .widget.recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h6:hover {
    color: #4C3EC7;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li {
    margin-bottom: 10px;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li:last-child {
    margin-bottom: 0px;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li a {
    display: block;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li a:hover {
    color: #4C3EC7;
}

.sidebar-widget-area .widget.categories-widget ul.widget-link li a span {
    float: right;
    font-size: 14px;
    font-weight: 700;
}

.single-page-details .single-page-wrapper .post-item .post-img img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

a {
    color: inherit;
}

.form_group {
    position: relative;
}

/* START: RESET CSS for Summernote Content */
.summernote-content * {
    margin: initial;
    padding: initial;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.summernote-content article,
.summernote-content aside,
.summernote-content details,
.summernote-content figcaption,
.summernote-content figure,
.summernote-content footer,
.summernote-content header,
.summernote-content hgroup,
.summernote-content menu,
.summernote-content nav,
.summernote-content section {
    display: block;
}

.summernote-content i,
.summernote-content span,
.summernote-content a {
    display: inline;
}

/* END: RESET CSS for Summernote Content */

/* START: UL, OL style for summernote content */
.summernote-content ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.summernote-content ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

/* END: UL, OL style for summernote content */

/* START: TABLE style for summernote content */
.summernote-content .table td,
.summernote-content .table th {
    font-size: 14px;
    border-top-width: 0px;
    border-bottom: 1px solid;
    border: 1px solid #ebedf2 !important;
    padding: 0 25px !important;
    height: 60px;
    vertical-align: middle !important;
    color: #000;
}

/* END: TABLE style for summernote content */

/* START: BLOCKQUOTE style for summernote content */
.summernote-content blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

/* END: BLOCKQUOTE style for summernote content */

/* START: PRE, CODE style for summernote content */
.summernote-content code,
.summernote-content kbd,
.summernote-content pre,
.summernote-content samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.summernote-content pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* END: PRE, CODE style for summernote content */

.single-page-details .single-page-wrapper .post-share {
    margin-top: 30px;
}

.single-page-details .single-page-wrapper .post-share ul.social-link li {
    display: inline-block;
    margin-right: 10px;
}

.single-page-details .single-page-wrapper .post-share ul.social-link li a {
    display: block;
    padding: 5px 15px;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    margin-bottom: 10px;
}

.single-page-details .single-page-wrapper .post-share ul.social-link li a i {
    margin-right: 10px;
}

.single-page-details .single-page-wrapper .post-share ul.social-link li a.facebook {
    color: #3b5998;
    border-color: #3b5998;
}

.single-page-details .single-page-wrapper .post-share ul.social-link li a.twitter {
    color: #00acee;
    border-color: #00acee;
}

.single-page-details .single-page-wrapper .post-share ul.social-link li a.linkedin {
    color: #0e76a8;
    border-color: #0e76a8;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta {
    margin-bottom: 10px;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li {
    display: inline-block;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li:last-child:after {
    display: none;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li:after {
    display: inline-block;
    content: "|";
    margin-left: 10px;
    margin-right: 8px;
    font-size: 12px;
    color: #444444;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li span {
    font-size: 12px;
    font-weight: 500;
    color: #222F5A;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li span:hover,
.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li span:focus {
    color: #4C3EC7;
}

.single-page-details .single-page-wrapper .post-item .entry-content .entry-meta ul li span i {
    margin-right: 10px;
    color: #4C3EC7;
}

.single-page-details .single-page-wrapper .post-item .entry-content p {
    margin-bottom: 20px;
}

.single-page-details .single-page-wrapper .post-item .entry-content h3.title {
    line-height: 40px;
}

.single-page-details .single-page-wrapper .post-item .entry-content blockquote {
    padding: 20px;
    border-left: 3px solid #4C3EC7;
    background-color: #f7f7f7;
}

.single-page-details .single-page-wrapper .post-item .entry-content blockquote p {
    margin-bottom: 0px;
}

.ui-timepicker-container.ui-timepicker-no-scrollbar.ui-timepicker-standard {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: white;
    max-height: 224px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 11px;
    box-shadow: 0px 1px 0px 0.5px #333;
}

.single-timeslot {
    background: var(--color-primary);
    color: #ffffff;
    cursor: pointer;
}

.timeslot-box .active {
    background: #333333 !important;
}

.request-loader {
    display: none;
}


/* customer dashboard  */
.pb-120 {
    padding-bottom: 120px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-20 {
    padding-top: 20px;
}

.profile-card {
    border: 1px solid rgba(1, 1, 1, 0.1);
}

.mt-30 {
    margin-top: 30px;
}

.profile-edit,
.profile-dashboard {
    padding: 20px 20px 0;
    border: 1px solid rgba(1, 1, 1, 0.1);
}

.profile-edit :is(input, textarea) {
    border-color: rgba(1, 1, 1, 0.1);
}

.profile-sidebar .profile-sidebar-title {
    padding-inline-start: 12px;
    padding-top: 12px;
    margin-bottom: 0;
}

.dashboard-area {
    padding-top: 60px;
    padding-bottom: 90px;
}

.profile-sidebar-title {
    border-bottom: 1px solid rgba(1, 1, 1, 0.1);
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.profile-sidebar-title .title {
    font-size: 18px;
    font-weight: 700;
    color: #010101;
}

.profile-card .profile-user {
    padding: 30px 20px 25px;
}

.profile-card .profile-user .profile-author img {
    width: 100px;
    border-radius: 50%;
}

.profile-card .profile-user .profile-author-name {
    padding-top: 10px;
}

.profile-card .profile-user .profile-author-name .name a {
    font-size: 18px;
    font-weight: 600;
    color: #010101;
}

.profile-card .profile-user .profile-author-name .sub-title {
    font-size: 14px;
    color: #798795;
}

.profile-card .profile-link ul li a.active,
.profile-card .profile-link ul li a:hover {
    background: #662EFF;
    color: #fff;
    border-color: #662EFF;
}

.profile-card .profile-link ul li a.active,
.profile-card .profile-link ul li a:hover {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    ;
}

.profile-card .profile-link ul li a {
    display: block;
    font-size: 16px;
    color: #010101;
    padding: 10px 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-top: 1px solid rgba(1, 1, 1, 0.1);
}

.profile-card .profile-link ul li a i {
    margin-inline-end: 5px;
}

.profile-form .single-form {
    margin-bottom: 20px;
}

.pignose-calendar .icon-arrow-right:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f105';
}

.pignose-calendar .icon-arrow-left:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f104';
}

.pignose-calendar {
    width: 100%;
    max-width: 100%;
}

.header-area .nav-right {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}

.sign-in-area textarea,
.sign-in-area input,
.sign-in-area select,
.sign-in-area .nice-select,
.vaughn-features textarea,
.vaughn-features input,
.vaughn-features select,
.vaughn-features .nice-select {
    width: 100%;
    height: 55px;
    padding: 0px 30px;
    font-size: 15px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sign-in-area textarea,
.vaughn-features textarea {
    height: auto;
    min-height: 110px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
    resize: vertical;
}

input[type="file"] {
    padding-block: 10px;
}

.gap-15 {
    gap: 15px;
}

.gap-20 {
    gap: 20px;
}

.dark-version .features-box {
    background-color: #1c1c1c !important;
    border-color: transparent !important;
}

.custom-control-label {
    line-height: normal;
}

.project-loop .project-item .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column !important;
    color: var(--color-white);
    background-color: rgba(17, 17, 17, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.project-loop .project-item:hover .hover-content {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}

.project-loop .project-item .hover-content * {
    position: static;
    display: block;
}

.project-loop .project-item .hover-content .plus-icon {
    margin: 0 auto !important;
}

.blog-post-item.blog-post-item-one .post-meta ul {
    display: flex;
    align-items: center;
    gap: 16px;
}

.blog-post-item.blog-post-item-one .post-meta ul li i {
    margin-inline-end: 5px;
    color: var(--color-primary);
}

.toast-error {
    background-color: #bd362f !important;
}

.toast-success {
    background-color: #51a351 !important
}

.pignose-calendar .pignose-calendar-header div.pignose-calendar-week {
    color: #000000 !important;
    /* Set the color of the text in the weekend cells */
}

.pignose-calendar .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit-date a {
    color: #49c4d0;
    /* Set the color of the text in the weekend cells */
}

.pignose-calendar .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit-date.pignose-calendar-unit-first-active a {
    color: #ffffff;
    /* Set the color of the text in the weekend cells */
}

.pignose-calendar .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit-date.pignose-calendar-unit-disabled:not(.pignose-calendar-unit-disabled-range) a {
    color: red;
    /* Set the color of the text in the weekend cells */
}

.service-item .service-img a {
    display: block;
}

.request-loader {
    width: 50%;
}

.frontend-loader {
    width: 25% !important;

}

.nice-select .list {
    max-height: 205px;
    overflow-y: auto;
}

.template-header .navbar-brand,
.user-box .user-img,
.brand-logo {
    max-width: 100px;
}

ul#anetErrors {
    padding-inline-start: 16px !important;
    padding-top: 10px !important;
}

/* Replace legacy Twitter bird with X logo (Font Awesome 5 still ships \f099). */
.fa-twitter:before,
.fab.fa-twitter:before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.727-8.835L1.992 2.25H8.08l4.263 5.671L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.727-8.835L1.992 2.25H8.08l4.263 5.671L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* AJAX contact form feedback + submitting state (BizNest-style, all OpFolio themes) */
.ajax-form-message,
.js-ajax-contact-feedback.ajax-form-message {
    display: none;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.45;
    box-sizing: border-box;
}
.ajax-form-message:not([hidden]),
.js-ajax-contact-feedback.ajax-form-message:not([hidden]) {
    display: flex;
}
.ajax-form-message__icon {
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.05rem;
}
.ajax-form-message__text {
    flex: 1;
}
.ajax-form-message.is-success,
.js-ajax-contact-feedback.is-success {
    color: #1f6b3a;
    background: #eaf7ef;
    border-color: #b7e0c4;
}
.ajax-form-message.is-error,
.js-ajax-contact-feedback.is-error {
    color: #9b1c1c;
    background: #fdecec;
    border-color: #f2b8b5;
}

/* Shared login/signup/forget-password auth pages (user-front/user/*.blade.php,
   used by every theme via the "profile1"/"profile1.themeN" layouts): submit
   button + "back to login"/"lost password" link should sit on the same row,
   button on the left and link on the right on desktop. This class was only
   ever styled inside theme15's own stylesheet, so every other theme rendered
   it unstyled (stacked, left-aligned). Defining it here once fixes all of
   them. flex-wrap naturally drops the link onto its own line once the row
   gets too narrow, so mobile stacking needs no extra breakpoint beyond
   centering it. */
.form-submit-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.form-submit-row .form-forget {
    margin-left: auto;
}
@media (max-width: 575px) {
    .form-submit-row .form-forget {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

button.is-loading,
button[type="submit"].is-loading,
input[type="submit"].is-loading {
    pointer-events: none;
    opacity: 0.88;
    cursor: wait;
}
.btn-loading-label {
    display: inline-flex;
    align-items: baseline;
    gap: 0;
}
.btn-loading-dots {
    display: inline-flex;
    width: 1.1em;
    overflow: hidden;
    margin-left: 0.05em;
}
.btn-loading-dots span {
    opacity: 0;
    animation: opf-btn-dot 1.2s infinite;
}
.btn-loading-dots span:nth-child(1) { animation-delay: 0s; }
.btn-loading-dots span:nth-child(2) { animation-delay: 0.2s; }
.btn-loading-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes opf-btn-dot {
    0%, 20% { opacity: 0; }
    40%, 100% { opacity: 1; }
}