/* ============================================================
Project: Savior Factory AI
File: savior-pro-styles.css
Purpose: Custom styling and overriding of theme defaults
Author: Savior
Version: 1.0.0

Notes:
- This file is loaded after all theme and vendor CSS.
- Use this file to apply visual overrides and new UI styling.
- Avoid editing theme files directly; use this override file instead.
- Update the version number when applying major UI changes.
============================================================ */


/* ==================== Importing Fonts ==================== */
/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* ==================== Common Elements ==================== */
body * {
    font-family: "Open Sans", sans-serif;
}
a:hover {
    color: #EF4924;
}
/* ==================== Common Classes ==================== */
.montserrat {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.open-sans,
.card {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.mb-18{
    margin-bottom: 18px !important;
}
.sf-gray-txt {
    color: #7F7F7F !important;
}
.sf-dark-txt{
    color: #606060 !important;
}
.sf-orange {
    color: #EF4924 !important;
}
.sf-bg-login{
    background: linear-gradient(148deg, rgba(255, 181, 141, 0.05) 53.79%, rgba(255, 216, 195, 0.31) 81.48%, rgba(255, 255, 255, 0.60) 106.98%);
}
.sf-txt-link-orange{
    color: #EF4924 !important;
    transition: all 0.35s ease;
}
.sf-txt-link-orange:hover{
    color: #000 !important;
}
.sf-txt-black-link{
    color: #000 !important;
    transition: all 0.35s ease;
}
.sf-txt-black-link:hover{
    color: #EF4924 !important;
}
.sf-txt-orange-link{
    color: #EF4924 !important;
    transition: all 0.35s ease;
}
.sf-txt-orange-link:hover{
    color: #000000 !important;
}
.mb-62{
    margin-bottom: 62px !important;
}
.mb-14{
    margin-bottom: 14px !important;
}
.mt-25{
    margin-top: 25px !important;
}
.mt-59{
    margin-top: 59px !important;
}
.mb-59{
    margin-bottom: 59px !important;
}
.mtb-15px{
    margin-top: 15px;
    margin-bottom: 15px;
}
.sf-vertical-center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.invalid-feedback{
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.text-primary,
.text-info{
    color: #EF4924 !important;
}
.search-container .search-input:focus, 
.main-search-container .search-input:focus{
    border-color: #EF4924;
}
.btn-primary{
    background-color: #EF4924;
    border-color: #EF4924;
}
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active{
    background-color: #EF4924;
    border-color: #EF4924;
}
#back-to-top{
    background: #EF4924;
}
#back-to-top:hover,
#back-to-top:hover i{
    color: #EF4924;
}
.btn-primary:hover,
.btn-primary:focus{
    background-color: #000000;
    border-color: #000000;
}
.footer a:not(.btn){
    color: #EF4924;
}
.footer a:not(.btn):hover, 
.footer a:not(.btn):focus{
    color: #000000;
}
.search-container .search-wrapper #mic-search:hover, 
.search-container .search-wrapper #mic-search:focus, 
.main-search-container .search-wrapper #mic-search:hover, 
.main-search-container .search-wrapper #mic-search:focus{
    color: #EF4924;
}
/* ==================== Login & Sign Up Page ==================== */
.login-background .sf-login-row{
    margin-left: -12px;
    margin-right: -12px;
}
.login-background .sf-login-row .sf-login-col{
    max-width: 690px;
}
.login-background .sf-login-row .sf-login-col .card-body{
    padding: 64px 0px 50px;
}
.login-background .sf-app-logo{
    padding: 0px 0px 82px;
}
.login-background .sf-app-logo a{
    display: inline-block;
}
.login-title.sf-login-title {
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0.8px;
    text-shadow: none;
    margin: 0px 0px 35px;
}
.login-title.sf-login-title span {
    color: #EF4924;
}
#login-background .login-bg.sf-login-bg{
    background: url('/themes/savior-pro/img/login-block-bg.jpg') center/cover no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sf-login-form .input-box{
    margin-bottom: 35px;
}
.sf-login-form .input-box.mb-27{
    margin-bottom: 27px;
}
.sf-login-form .input-box label{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 0px 0px 14px;
}
.sf-login-form .input-box .form-control{
    border-radius: 5px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    color: #7F7F7F;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: none;
    padding: 20px 32px;
    min-height: 79px;
}
.sf-login-form .input-box .form-control::-webkit-input-placeholder {
    color: #7F7F7F;
    text-transform: capitalize;
}
.sf-login-form .input-box .form-control::-moz-placeholder {
    color: #7F7F7F;
    text-transform: capitalize;
}
.sf-login-form .input-box .form-control:-ms-input-placeholder {
    color: #7F7F7F;;
    text-transform: capitalize;
}
.sf-login-form .input-box .form-control:-moz-placeholder {
    color: #7F7F7F;
    text-transform: capitalize;
}
.sf-login-form .input-box .awselect{
    margin: 0px;
}
.sf-login-form .input-box .awselect .front_face{
    padding: 24px 32px !important;
    min-height: 79px;
    color: #7F7F7F;
}
.sf-login-form .input-box .awselect .front_face .bg{
    color: #7F7F7F;
    border-radius: 5px;
    padding: 0px;
    border: 1px solid #C4C4C4;
}
.sf-login-form .input-box .awselect .front_face .content{
    color: #7F7F7F !important;
}
.sf-login-form .input-box .awselect .front_face .current_value{
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 30px;
}
.sf-login-form .input-box .awselect .front_face .icon{
    width: 14px;
    height: 10px;
    transform: rotate(0deg) translateY(-50%);
}
.sf-login-form .input-box .awselect.animate .front_face .icon{
    transform: rotate(180deg) translateY(-50%);
}
.sf-login-form .input-box .awselect .front_face .icon:after{
    content: "";
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"%3E%3Cpath d="M7.49765 8.77291C7.09732 9.27369 6.33579 9.27369 5.93546 8.77291L0.220895 1.62441C-0.302574 0.969592 0.16365 0 1.00199 0H12.4311C13.2695 0 13.7357 0.969592 13.2122 1.62441L7.49765 8.77291Z" fill="black"/%3E%3C/svg%3E') no-repeat;
    width: 14px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}
.sf-login-form .input-box .awselect .front_face .icon svg{
    display: none !important;
}
.sf-login-form .input-box .awselect .front_face .content .placeholder{
    color: #7F7F7F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}
.sf-login-form .input-box .awselect.animate2 .bg{
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0px #C4C4C4;
}
.sf-login-form .input-box .awselect .back_face ul{
    color: #7F7F7F !important;
}
.sf-login-form .input-box .awselect .back_face ul li a{
    font-family: "Open Sans", sans-serif;
    border-bottom: 1px solid #C4C4C4;
    color: #7F7F7F;
    opacity: 1;
    padding: 17.9px 32px !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}
.sf-login-form .input-box .awselect .back_face ul li a:hover{
    background: #EF4924;
    color: #fff;
}
.sf-login-form .form-group .custom-switch{
    margin: 0px;
    display: flex;
    align-items: center;
}
.sf-login-form .form-group .custom-switch .custom-switch-indicator{
    width: 50px;
    height: 20px;
    background: #D9D9D9;
    border: 0px;
}
.sf-login-form .form-group .custom-switch .custom-switch-indicator:before{
    height: 18px;
    width: 18px;
    box-shadow: none;
    background: #F9F9F9;
    box-shadow: none;
    top: 1px;
    left: 1px;
}
.sf-login-form .form-group .custom-switch .custom-switch-input:checked~.custom-switch-indicator{
    background: #EF4924;
}
.sf-login-form .form-group .custom-switch .custom-switch-input:checked~.custom-switch-indicator:before{
    left: calc(100% - 19px);
}
.sf-login-form .form-group .custom-switch .custom-switch-description{
    color: #7F7F7F !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-left: 10px;
}
.sf-login-form .form-group .text-info{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px
}
.sf-login-form .form-group .btn.login-main-button{
    color: #FFF;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    box-shadow: none;
    border-radius: 50px;
    background: #EF4924;
    border: 0px;
    width: 336px;
    min-height: 63px;
}
.sf-login-form .form-group .btn.login-main-button:hover{
    background: #000;
}
.sf-login-form .sf-new-txt{
    color: #606060 !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 22px 0px 0px;
}
.sf-login-form .sf-new-txt .special-action-sign{
    color: #606060;
    transition: all 0.35s ease;
}
.sf-login-form .sf-new-txt .special-action-sign:hover{
    color: #EF4924;
}
.sf-login-form .sf-txt-black-link{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
.sf-login-form.sf-signup-form .sf-new-txt{
    padding: 17px 0px 0px;
}
/* ==================== Forgot password Page ==================== */
.login-background .sf-forgott-block .sf-app-logo{
    padding: 0px 0px 75px;
}
.sf-forgott-block .login-title.sf-login-title{
    margin: 0px 0px 27px;
}
.sf-forgott-block .sf-forgot-txt{
    color: #7F7F7F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0px 0px 66px;
}
.login-background .login-end-txt{
    color: #606060;
    font-weight: 400;
    line-height: 26px;
}
.sf-forgott-block .sf-login-form .form-group .login-end-txt .text-info{
    font-weight: 400;
}
/* ==================== Reset password Page ==================== */
.divider.sf-login-divider{
    margin: 34px 0;
}
.divider.sf-login-divider .divider-text{
    color: #7F7F7F !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.divider.sf-login-divider .divider-text:after, 
.divider.sf-login-divider .divider-text:before{
    border-top: 1px solid #BCBABA;
}
/* ==================== Dashbord Page ==================== */
.app-sidebar.sf-sidebar{
    width: 300px;
}
.app-content.sf-main-content{
    margin-left: 300px;
    margin-top: 124px;
}
.sf-sidebar .app-sidebar__logo{
    width: 300px;
    padding: 42px 42px 24px;
    height: 124px;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    border-right: 1px solid #EAEAEA;
    background: #fff;
}
body.dark-theme .sf-sidebar .app-sidebar__logo, 
body.dark-theme  .chatbot-config-inner{
    border-color: #2b2d31;
    background-color: #121212;
}
.sf-sidebar .app-sidebar__logo .header-brand{
    display: flex;
    flex-direction: column;
}
.sf-sidebar .desktop-lgo{
    margin-top: 0px;
}
.sf-sidebar .app-sidebar__toggle{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF1EE;
    width: 2rem;
    height: 2rem;
    right: -1rem;
    top: 3rem;
    transition: all 0.35s ease;
}
.sf-sidebar .app-sidebar__toggle:hover{
    background: #EF4924;
}
.sf-sidebar .app-sidebar__toggle a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #606060;
}
.sf-sidebar .app-sidebar__toggle:hover a{
    color: #ffffff;
}
.sf-sidebar .app-sidebar__logo .header-brand .header-brand-img{
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}
.sf-sidebar .app-sidebar__logo .header-brand .header-brand-img.mobile-logo{
    margin-top: 15px;
    width: auto !important;
}
.sidenav-toggled1 .sf-sidebar .app-sidebar__logo .header-brand .header-brand-img.mobile-logo{
    margin-top: 0px;
}
.sf-sidebar .side-menu{
    margin-top: 124px;
    padding-top: 35px;
    border-right: 1px solid #EAEAEA;
}
.app-sidebar.sf-sidebar .side-item.side-item-category{
    font-family: "Montserrat", sans-serif;
    color: #7F7F7F;
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 21px 0px 33px;
    margin: 0px 0px 13px !important;
}
.sf-sidebar .side-menu__item{
    display: flex;
    align-items: center;
    color: #7F7F7F;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin: 2px 21px 0px 17px;
    padding: 10px 16px;
    border-radius: 5px;
    height: auto;
    transition: all 0.35s ease;
}
.sf-sidebar .side-menu__label{
    font-size: 16px;
    line-height: inherit;
    font-weight: 600;
}
.sf-sidebar .side-menu__item:hover, 
.sf-sidebar .side-menu__item:focus,
.sf-sidebar .side-menu__item.active{
    background: #FFF1EE;
    color: #EF4924;
}
.sf-sidebar .side-menu .side-menu__icon{
    font-size: 22px;
    line-height: 26px;
    margin-right: 20px;
    width: 22px;
    padding: 0px;
}
.sf-sidebar .side-menu__item.active .side-menu__icon,
.sf-sidebar .side-menu__icon,
.sf-sidebar .side-menu__item:hover .side-menu__icon, 
.sf-sidebar .side-menu__item:focus .side-menu__icon{
    color: #EF4924;
    opacity: 1;
}
body.dark-theme .sf-sidebar .file-name, 
body.dark-theme .sf-sidebar .side-menu__item>.active, 
body.dark-theme .sf-sidebar .side-menu__item.active, 
body.dark-theme .side-menu__item.active .side-menu__icon, 
body.dark-theme .sf-sidebar .breadcrumb-item.active a, 
body.dark-theme .sf-sidebar .document-title, 
body.dark-theme .sf-sidebar .actions-total a.btn, 
body.dark-theme .sf-sidebar .notification-dark-theme,
body.dark-theme .sf-sidebar .side-menu__item:hover .side-menu__icon, 
body.dark-theme .sf-sidebar .side-menu__item:focus .side-menu__icon{
    color: #EF4924 !important;
}
.sf-sidebar hr{
    border-top: 1px solid #EAEAEA;
    margin: 18px 0px 28px auto !important;
    width: calc(100% - 39px) !important;
}
.sf-sidebar .side-menu__item .angle{
    opacity: 1;
    margin-right: 0px;
}
.sf-sidebar .side-menu__item:hover .angle,
.sf-sidebar .side-menu__item:focus .angle{
    color: #EF4924;
}
.sf-sidebar .slide-menu{
    font-size: 14px !important;
}
.sf-sidebar .slide-item{
    padding: 6px 17px 6px 54px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #7F7F7F;
}
.sf-sidebar .slide.is-expanded .slide-menu li a:hover,
.sf-sidebar .slide.is-expanded a.slide-item:hover{
    color: #EF4924 !important;
}
.sf-sidebar .slide-child-icon{
    margin-right: 8px;
    opacity: 1;
    font-size: 10px;
}
.sf-sidebar .side-plan-wrapper{
    border: 1px solid #EAEAEA;
    border-radius: 10px;
    margin-left: 33px;
    margin-right: 33px;
    padding: 12px 15px !important;
}
.sf-sidebar .side-plan-wrapper span, 
.sf-sidebar .side-plan-wrapper a{
    font-size: 12px !important;
    line-height: 20px;
    color: #7F7F7F !important;
}
.sf-sidebar .side-plan-wrapper span .text-yellow, 
.sf-sidebar .side-plan-wrapper a .text-yellow,
.sf-sidebar .side-plan-wrapper .view-credits a:hover, 
.sf-sidebar .side-plan-wrapper .view-credits a:focus{
    color: #EF4924 !important;
}
body.dark-theme .sf-sidebar .app-sidebar__toggle{
    background: #606060;
}
body.dark-theme .sf-sidebar .app-sidebar__toggle:hover{
    background: #EF4924 !important;
}
body.dark-theme .sf-main-content .dashboard-tool-box:hover i, 
body.dark-theme .sf-main-content .dashboard-tool-box:focus i{
    color: #EF4924 !important;
}
body.dark-theme .sf-main-content .dashboard-tool-box:hover, 
body.dark-theme .sf-main-content .dashboard-tool-box:focus{
    border-color: #EF4924;
}
body.dark-theme .profile-dropdown img{
    border: 1px solid transparent;
}
/** Header **/
.sf-main-content .header{
    padding-top: 37px;
    padding-bottom: 30px;
    padding-right: 45px;
    background: #fff;
    height: 124px;
}
.sf-main-content .custom-banner-bg.sf-cb{
    background: #EF4924 url("../img/sf-grediant-bg.jpg") no-repeat;
    background-size: cover;
    padding: 28px 32px !important;
}
.sf-main-content .dashboard-tool-box:hover, 
.sf-main-content .dashboard-tool-box:focus{
    border-color: #EF4924;
}
.sf-main-content .dashboard-tool-box:hover i, 
.sf-main-content .dashboard-tool-box:focus i{
    color: #EF4924 !important;
}
.sf-main-content .app-header{
    padding-left: 144px;
}
.sf-main-content .search-container, 
.sf-main-content .main-search-container{
    max-width: 805px;
    padding: 0px 0px 0px 0px;
}
.sf-main-content .search-container .search-input, 
.sf-main-content .main-search-container .search-input{
    height: 57px;
    border-radius: 40px;
    border: 1px solid #EAEAEA;
    color: #606060;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 15px 10px;
    text-indent: 56px;
}
.sf-main-content .search-container .search-input::-webkit-input-placeholder, 
.sf-main-content .main-search-container .search-input::-webkit-input-placeholder{
    color: #606060;
}
.sf-main-content .search-container .search-input::-moz-placeholder, 
.sf-main-content .main-search-container .search-input::-moz-placeholder{
    color: #606060;
}
.sf-main-content .search-container .search-input:-ms-input-placeholder, 
.sf-main-content .main-search-container .search-input:-ms-input-placeholder{
    color: #606060;
}
.sf-main-content .search-container .search-input:-moz-placeholder, 
.sf-main-content .main-search-container .search-input:-moz-placeholder{
    color: #606060;
}
.sf-main-content .search-container .search-wrapper .fa-search, 
.sf-main-content .search-container .search-wrapper .fa-spinner, 
.sf-main-content .main-search-container .search-wrapper .fa-search, 
.sf-main-content .main-search-container .search-wrapper .fa-spinner{
    top: 18px;
    left: 24px;
    color: #7F7F7F;
    font-size: 23px;
    font-weight: 300;
}
.sf-main-content .search-container .search-wrapper #mic-search, 
.sf-main-content .main-search-container .search-wrapper #mic-search{
    right: 0px;
    top: 7px;
    padding: 0px;
    border-left: 1px solid #EAEAEA;
    cursor: pointer;
    width: 56px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sf-main-content .search-container .left-pan i, 
.sf-main-content .main-search-container .left-pan i{
    padding-left: 0px;
    font-size: 26px;
    color: #606060;
    transition: all 0.35s ease;
}
.sf-main-content .search-container .left-pan:hover i, 
.sf-main-content .main-search-container .left-pan:hover i{
    color: #EF4924;
}
.sf-main-content .nav-link.icon .header-icon{
    color: #606060;
    font-size: 24px;
    transition: all 0.35s ease;
}
.sf-main-content .nav-link.icon .header-icon:hover{
    color: #EF4924;
}
.sf-main-content .sf-drop-wd.mr-28{
    margin-right: 28px;
}
.sf-main-content .sf-drop-wd .nav-link.icon .header-icon{
    padding: 11px 11px 11px;
}
.sf-main-content .app-header.header .nav-link.icon{
    border-radius: 0px;
    padding: 0px;
}
.app-content.sf-main-content .side-app{
    padding: 0px 45px 0px;
    max-width: 100%;
}
.sf-main-content .dropdown.header-expand{
    display: none;
}
.sf-main-content .edit-action-button:hover, 
.sf-main-content .edit-action-button:focus{
    background: #FFF1EE;
    color: #EF4924;
}
.sf-main-content .dropdown-item:hover, 
.sf-main-content .dropdown-item:focus{
    color: #EF4924;
}
.sf-main-content .header .profile-dropdown .dropdown-menu .dropdown-item:hover .profile-icon, 
.sf-main-content .header .profile-dropdown .dropdown-menu .dropdown-item:focus .profile-icon{
    color: #EF4924 !important;
}
.sf-main-content .header .profile-dropdown .dropdown-menu .dropdown-item:hover, 
.sf-main-content .header .profile-dropdown .dropdown-menu .dropdown-item:focus{
    background: #FFF1EE;
}
.sf-main-content .page-header.pt-44{
    padding-top: 44px;
}
.sf-main-content .page-header.pb-48{
    padding-bottom: 48px;
}
.sf-main-content .page-header{
    margin: 0px;
}
.sf-main-content .page-header .page-title{
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
}
.sf-main-content .page-header .page-title .sf-user-name{
    font-family: "Montserrat", sans-serif;
    color: #EF4924;
}
.sf-main-content .page-header .breadcrumb{
    margin: 6px 0px 0px;;
}
.sf-main-content .page-header .breadcrumb li.breadcrumb-item,
.sf-main-content .page-header .breadcrumb li.breadcrumb-item a{
    color: #7F7F7F;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    transition: all 0.35s ease;
}
.sf-main-content .page-header .breadcrumb li.breadcrumb-item i{
    color: #EF4924;
}
.sf-main-content .page-header .breadcrumb li.breadcrumb-item a:hover{
    color: #EF4924;
}
.sf-main-content .cb-date{
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; 
}
.sf-main-content .cb-date i{
    font-size: 20px;
}
.sf-main-content .cb-date i.mr-2{
    margin-right: 10px !important;
}
.sf-main-content .custom-span.sf-credits{
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.15);
    padding: 9px 18px 8px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}
.tts-card .tts-head{
    display: flex;
    flex-direction: column;
    margin-bottom: 22px;
}
.tts-card .tts-head .fa-solid{
    color: #EF4924;
    font-size: 37px;
}
.tts-card .tts-head .sf-tts{
    color: #7F7F7F;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}
.wizard-nav .wizard-nav-inner .current-step{
    background: #EF4924;
}
#wizard-results-wrapper .wizard-step-number{
    border: 1px solid #EF4924;
}
.btn-keywords:hover{
    background-color: #EF4924;
    border-color: #EF4924;
}
.image-prompt-wrapper .image-prompt #image-generate:hover, 
.image-prompt-wrapper .image-prompt #image-generate:focus{
    background: #EF4924;
    border-color: #EF4924;
}
.template .template-icon i.blog-icon,
.template-icon i.ecommerce-icon{
    color: #EF4924;
    background: #FFF1EE;
}
i.blog-icon,
.ecommerce-icon{
    color: #EF4924;
    background: #ffe2e5;
}
.template:hover .card, .template:focus .card{
    border: 1px solid #EF4924;
}
.input-box textarea:hover, .input-box textarea:focus,
.input-box input:hover, .input-box input:focus{
    border-color: #EF4924;
}
#meta-container-editor #save-button{
    background-color: #EF4924;
}
#main-templates-container .templates-wrapper .template-box a:hover{
    background: #FFF1EE;
    color: #EF4924;
    border-color: #EF4924;
}
.usage-icon i{
    color: #EF4924;
}
.card.tts-card .tts-hsc{
    margin-top: 80px;
}

/* ==================== Responsive ==================== */
@media (min-width: 1280px) {
    .sf-main-content .container {
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 768px) {
    .sf-main-content .app-header{
        margin-left: 300px;
    }
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar{
        width: 300px;
    }
    .sidenav-toggled.sidenav-toggled1 .sf-sidebar .header-brand-img.desktop-lgo{
        margin: 0px auto 0;
    }
    .sidenav-toggled .sf-sidebar .app-sidebar__logo{
        width: 70px;
        padding: 25px 22px 30px 8px;
    }
    .sidenav-toggled.sidenav-toggled1 .sf-sidebar .app-sidebar__logo{
        width: 300px;
        padding: 42px 42px 24px;
    }
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__item{
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        color: #7F7F7F;
        padding: 10px 22px 10px 13px;
        margin: 0px 0px 2px;
    }
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__label{
        font-size: 16px;
        line-height: 26px;
        color: #7F7F7F;
    }
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__item.active .side-menu__label, 
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__item.active .angle,
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__item:hover .side-menu__label, 
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__item:hover .angle {
        color: #EF4924;
    }
    .sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar.sf-sidebar .side-menu__icon{
        font-size: 22px;
        width: 22px;
        height: auto;
        padding: 0px !important;
    }
    .app.sidebar-mini.sidenav-toggled .sf-sidebar .side-menu__item{
        padding: 10px 16px;
    }
}