@font-face {
    font-family: 'NeueHaasUnicaRegular';
    src: url("../fonts/NeueHaasUnica-Regular.eot");
    src: url("../fonts/NeueHaasUnica-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueHaasUnica-Regular.woff2") format("woff2"), url("../fonts/NeueHaasUnica-Regular.woff") format("woff"), url("../fonts/NeueHaasUnica-Regular.ttf") format("truetype"), url("../fonts/NeueHaasUnica-Regular.svg#NeueHaasUnica-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NeueHaasUnicaItalic';
    src: url("../fonts/NeueHaasUnica-Italic.eot");
    src: url("../fonts/NeueHaasUnica-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueHaasUnica-Italic.woff2") format("woff2"), url("../fonts/NeueHaasUnica-Italic.woff") format("woff"), url("../fonts/NeueHaasUnica-Italic.ttf") format("truetype"), url("../fonts/NeueHaasUnica-Italic.svg#NeueHaasUnica-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'NeueHaasUnicaBold';
    src: url("../fonts/NeueHaasUnica-Bold.eot");
    src: url("../fonts/NeueHaasUnica-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueHaasUnica-Bold.woff2") format("woff2"), url("../fonts/NeueHaasUnica-Bold.woff") format("woff"), url("../fonts/NeueHaasUnica-Bold.ttf") format("truetype"), url("../fonts/NeueHaasUnica-Italic.svg#NeueHaasUnica-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NeueHaasUnicaExtraBold';
    src: url("../fonts/NeueHaasUnica-ExtraBold.eot");
    src: url("../fonts/NeueHaasUnica-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueHaasUnica-ExtraBold.woff2") format("woff2"), url("../fonts/NeueHaasUnica-ExtraBold.woff") format("woff"), url("../fonts/NeueHaasUnica-ExtraBold.ttf") format("truetype"), url("../fonts/NeueHaasUnica-ExtraBold.svg#NeueHaasUnica-ExtraBold") format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NeueHaasUnicaMedium';
    src: url("../fonts/NeueHaasUnica-Medium.eot");
    src: url("../fonts/NeueHaasUnica-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NeueHaasUnica-Medium.woff2") format("woff2"), url("../fonts/NeueHaasUnica-Medium.woff") format("woff"), url("../fonts/NeueHaasUnica-Medium.ttf") format("truetype"), url("../fonts/NeueHaasUnica-Medium.svg#NeueHaasUnica-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NeueHaasUnicaLight';
    src: url('../fonts/NeueHaasUnica-Light.eot');
    src: url('../fonts/NeueHaasUnica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasUnica-Light.woff2') format('woff2'),
        url('../fonts/NeueHaasUnica-Light.woff') format('woff'),
        url('../fonts/NeueHaasUnica-Light.ttf') format('truetype'),
        url('../fonts/NeueHaasUnica-Light.svg#NeueHaasUnica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.text-red-600{
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
    color: red;
}
.bold{
    font-family: 'NeueHaasUnicaBold';
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
a:hover{
    text-decoration: none;
}
[type='checkbox']:focus, [type='radio']:focus,[type='checkbox']:checked:focus{
    outline: 0 !important;
    border: 0 !important;
    outline-offset: 0 !important;
}

*:after,
*:before {
    box-sizing: border-box
}
html {
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    touch-action: manipulation
}
body {
    font: 500 16px/20px 'NeueHaasUnicaMedium', Arial !important;
    color: #2A3032;
    background: #e5e5e5;
    margin: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    /* -webkit-box-shadow: 0 0 0 30px #fafafa inset !important; */
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #215ED9 !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.input-icon {
    position: relative;
    clear: both;
}
  
.input-icon > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 18px;
    text-align: center;
    color: #215ED9;
    font: normal 16px/23px 'NeueHaasUnicaRegular', Arial;
    padding-top: 5px;
}
.field-error{
    font: normal 12px/23px 'NeueHaasUnicaRegular', Arial;
    color: red;
    position: absolute;
}
.error{
    font: normal 12px/23px 'NeueHaasUnicaRegular', Arial !important;
    color: red !important;
}
.success{
    font: normal 12px/23px 'NeueHaasUnicaRegular', Arial !important;
    color: green !important;
}
p{
    margin: 0;
}
button:focus{
    outline: 0 !important;
}
.pull-left{
    float: left !important;
}
.pull-right{
    float: right !important;
}
.text-green-600{
    color: green;
}

/* .background-container{
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
} */
.bg-gray{
    background: linear-gradient(180deg, #f4f6f5 0%, #ededed 100%);
    padding: 73px 0;
}
.bg-gradient{
    background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
}
.header-corner-img{
    position: absolute;
    top: 0;
    right: 0;
}
.btn:hover{
    color: #fff;
}
.btn.active:focus,.btn:focus{
    box-shadow: none !important;
}
.btn{
    border:0;
}
.btn-gradient{
    background: linear-gradient(97.07deg, #215ED9 1.17%, #1745AD 98.93%);
    font: 500 14px/17px 'NeueHaasUnicaMedium', Arial;
    color: #FFFFFF;
    padding: .75rem 1.95rem;
    border-radius: 4px;
    margin-right: 10px;
}
.btn-gradient:hover{
    background: linear-gradient(97.07deg, rgba(33, 94, 217, 0.8) 1.17%, rgba(23, 69, 173, 0.8) 98.93%);
}
.btn-outline-gradient{
    background: transparent;
    border: 1px solid #215ED9;
    border-radius: 4px;
    padding: 10px 20px;
    font: 500 14px/17px 'NeueHaasUnicaMedium', Arial;
    color: #215ED9;
}
.btn-outline-gradient:hover{
    color: #215ED9;
}
.btn-primary{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #215ED9;
    border-radius: 4px;
    padding: .75rem 1.95rem;
    font: 500 14px/17px 'NeueHaasUnicaMedium', Arial;
}
.btn-primary:hover{
    background: linear-gradient(97.07deg, #215ED9 1.17%, #1745AD 98.93%);
}
.btn-outline-primary{
    border: 1px solid #215ED9;
    border-radius: 4px;
    padding: .75rem 1.95rem;
    font: 500 14px/17px 'NeueHaasUnicaMedium', Arial;
    color: #215ED9;
    background-color: #FFFFFF;
}
.btn-outline-primary:hover{
    background: linear-gradient(97.07deg, #215ED9 1.17%, #1745AD 98.93%);
}
.btn-outline-secondary{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 4px;
    padding: .75rem 1.95rem;
    font: 500 14px/17px 'NeueHaasUnicaMedium', Arial;
    margin-left: 24px;
}
.btn-outline-secondary:hover{
    background: linear-gradient(97.07deg, #215ED9 1.17%, #1745AD 98.93%);
    border: 1px solid #215ED9;
}
.franchise-form label{
    font: normal 16px/16px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.franchise-form label small{
    font: normal 12px/14px 'NeueHaasUnicaItalic', Arial;
    color: #215ED9;
    float: right;
}
.franchise-form select{
    line-height: 14px;
}
.franchise-form .input-icon > .form-control {
    padding: .6rem .75rem .2rem 14px;
}
.franchise-form .form-group{
    margin-bottom: 33px;
}
.franchise-form .sbHolder{
    padding: .9375rem .75rem .2rem 0;
    width: 100%;
    clear: both;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #C3CBCD;
    border-radius: 0;
    text-align: left;
    height: 38px;
    font: normal 14px/23px 'NeueHaasUnicaRegular', Arial;
    margin: 0;
}
.franchise-form .sbHolder .sbSelector{
    color: #215ED9;
    text-indent: 0;
}
.franchise-form .sbHolder .sbOptions{
    width: 100%;
    border: 0;
}
.franchise-form .form-control{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #C3CBCD;
    border-radius: 0;
    /* height: auto; */
    padding: .9375rem .75rem .2rem 0;
    text-align: left;
    color: #215ED9;
    font: normal 16px/23px 'NeueHaasUnicaRegular', Arial;
}
.franchise-form .select2-container{
    border-bottom: 1px solid #C3CBCD;
    padding: 0.563rem .75rem 0 0;
}
.franchise-form .select2-container .select2-selection__rendered{
    padding-left: 0;
}
.franchise-form input::placeholder{
    font: normal 14px/23px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
}
.franchise-form .form-control:focus{
    box-shadow: unset;
}
.franchise-form fieldset {
    position: relative;
    vertical-align: top;
    clear: both;
}
.franchise-form fieldset .form-label {
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
    color: #979797;
    top: 7px;
    line-height: 20px;
    font-size: 12px;
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
}

/* #region ------------------ Horizontal Custom scroll bar ---------------------*/
#sidebar-wrapper::-webkit-scrollbar,
#sidebar-wrapper::-webkit-appearance,
.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar::-webkit-appearance {
    height: 5px;
}

#sidebar-wrapper::-webkit-scrollbar-track,
#sidebar-wrapper::-webkit-appearance,
.custom-scrollbar::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-appearance {
    box-shadow: inset 0 0 5px #6c6c6c;
    border-radius: 5px;
}

#sidebar-wrapper::-webkit-scrollbar-thumb,
#sidebar-wrapper::-webkit-appearance,
.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-appearance {
    background: #c1c1c1;
    border-radius: 10px;
}

#sidebar-wrapper::-webkit-scrollbar-thumb:hover,
#sidebar-wrapper::-webkit-appearance:hover,
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.custom-scrollbar::-webkit-appearance:hover {
    background: #818181;
}
/* #endregion*/

/* #region ----------------- HEADER --------------- */
.header-container{
    height: 73px;
    background-color: rgba(4, 23, 95, 0.8);
    position: fixed;
    /* max-width: 1440px; */
    width: 100%;
    z-index: 2;
}
header{
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 73px;
}
/* header .left-links{
    padding: 25px 0 0 0;
    display: inline-block;
}
header .left-links a{
    font: 500 14px/32px 'NeueHaasUnicaMedium', Arial;
    color: #215ED9;
    letter-spacing: 0.2px;
    margin-right: 32px;
} */
header .logo-text{
    display: inline-block;
    padding-top: 10px;
}
header .right-links{
    float: right;
    align-self: center;
}
header .right-links.login-header .login-link{
    color: #215ED9;
}
header .right-links.login-header .btn-primary{
    background: linear-gradient(97.26deg, rgba(23, 69, 173, 0.9) -0.74%, rgba(4, 23, 95, 0.9) 100%);
    color: #FFFFFF;
    border-radius: 2px;
}
header .right-links .login-link{
    font: 500 14px/18px 'NeueHaasUnicaMedium', Arial;
    letter-spacing: 0.3px;
    color: #fff;
    padding: 11px 45px;
}
header .center-links{
    align-self: center;
}
header .center-links a{
    color: #fff;
    font: normal 15px/18px 'NeueHaasUnicaRegular', Arial;
    letter-spacing: 0.3px;
    margin-right: 50px;
    border-bottom: 3px solid transparent;
    padding-bottom: 5px;
}
header .center-links a.active{
    color: #fff;
    border-bottom: 3px solid #fff;
}
header.gray-header .center-links a{
    color: #215ED9;
}
header.gray-header .right-links a{
    border: 1px solid #215ED9;
    color: #215ED9;
}
header.gray-header .right-links a:hover{
    color: #fff;
}
/* #endregion*/

/* #region ----------------- HOMEPAGE --------------- */
.header-banner{
    background: linear-gradient(97.07deg, rgba(33, 94, 217, 0.6) 1.17%, rgba(23, 69, 173, 0.8) 98.93%);
}
.home-page .banner-wrapper{
    padding-top: 73px;
}
.home-banner{
    background: url('/images/home-banner.png') no-repeat;
    height: 100%;
    background-size: cover;
}
.banner-section{
    padding: 135px 0 150px 0;
    position: relative;
    clear: both;
}
section{
    clear: both;
}
section.gray-gradient{
    clear: both;
    background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
    padding-top: 50px;
}
/* .banner-section .franchise-img{
    display: flex;
}
.banner-section .franchise-img .middle-img{
    margin-left: -38px;
    margin-right: -38px;
    z-index: 2;
    margin-top: -18px;
} */
.banner-section .logo-tagline{
    align-self: center;
}
.banner-section .logo-tagline .content{
    color: #fff;
    display: inline-block;
}
.banner-section .logo-tagline .content .business-tagline{
    margin-bottom: 28px;
    white-space: pre-line;
    font: 800 36px/45px 'NeueHaasUnicaExtraBold', Arial;
    letter-spacing: 1px;
}
.banner-section .logo-tagline .content p{
    font: 300 16px/26px 'NeueHaasUnicaLight', Arial;
    letter-spacing: 1px;
}
.landing-wrapper .btn-groups{
    margin:70px 0 0;
}
section .box-container{
    background: #FFFCFC;
    box-shadow: 3px 4px 30px rgb(151 151 151 / 20%);
    border-radius: 8px;
    padding: 70px 50px 45px;
    margin: 0;
}
.home-page .search-page .search-container{
    margin: -110px 0 100px;
    background-color: #fff;
    padding: 60px 100px 50px;
}
.search-page .search-container{
    padding: 0 100px 50px;
}
.buyers-page .box-container{
    margin: -110px 0 100px;
}
.search-page .search-container .box-title,
.search-page .search-results .search-title{
    font: 800 34px/130% 'NeueHaasUnicaExtraBold', Arial;
    color: #051860;
    text-align: center;
}
.search-page .search-results .search-title{
    margin-bottom: 30px;
}

.search-page .search-results .filter .view-all{
    display: inline-block;
    font: 300 15px/20px 'NeueHaasUnicaLight', Arial;
    color: rgba(33, 94, 217, 1);
}
.search-page .search-results .filter .sort-listing{
    float: right;
}
.search-page .search-results .filter .sort-text{
    float: left;
    font: 300 16px/26px 'NeueHaasUnicaLight', Arial;
    color: rgba(33, 94, 217, 1);
}
.search-page .search-results .filter .select2-container{
    min-width: 150px;
    width: auto !important;
    padding-right: 10px;
}
.search-page .search-results .view-more{
    font: 500 15px/21px 'NeueHaasUnicaLight', Arial;
    color: rgba(33, 94, 217, 1);
    margin-top: 50px;
    cursor: pointer;
}
.search-page .search-results .view-more i{
    font-size: 12px;
    margin-left: 5px;
}
.select2-container .select2-selection__rendered{
    font: normal 15px/21px 'NeueHaasUnicaRegular', Arial;
    color: rgba(33, 94, 217, 1);
}
.select2-container .select2-selection{
    background-color: unset;
    border: 0;
    display: inline-block;
}
.select2-container .select2-selection__arrow{
    top: auto !important;
    bottom: 0;
}
.select2-container .selection,
.select2-container .select2-selection{
    display: block;
}
.select2-container .select2-search,
.select2-container .select2-selection__arrow b{
    display: none;
}
.select2-container .select2-selection__arrow:before{
    content: "\e913";
    font-family: 'BH-Font-Icon' !important;
    font-size: 13px;
    color: rgba(33, 94, 217, 1);
}
.select2-container .select2-dropdown{
    border: 1px solid rgba(4, 23, 95, 0.8);
    box-shadow: 3px 4px 30px rgba(151, 151, 151, 0.2);
    border-radius: 4px;
    background: rgba(4, 23, 95, 0.8);
    color: #fff;
    font: 300 16px/20px 'NeueHaasUnicaLight', Arial;
}
.select2-container--default .select2-results__options li:first-child{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
    color: #000;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #fff;
    color: #000;
}
/* section .sellers-home .search-results .sorting{
    text-align: right;
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    margin-bottom: 15px;
    padding-right: 30px;
}
section .sellers-home .search-results .sorting i{
    font-size: 13px;
    margin-left: 6px;
} */
.search-page .search-container .search-box{
    width: 500px;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
}
.search-page .search-container .search-box input{
    height: 50px;
    border: 1px solid #215ED9;
    border-radius: 2px;
    width: 100%;
    padding: 0 100px 0 50px;
}
.search-page .search-container .search-box i{
    position: absolute;
    font-size: 24px;
    color: #979797;
    padding: 13px;
}
.search-page .search-container .search-box button{
    background-color: #215ED9;
    color: #fff;
    position: absolute;
    right: 0;
    height: 50px;
    border-radius: 0px 4px 4px 0px;
    border: 0;
}
.search-page .search-list{
    background: #FFFFFF;
    box-shadow: 3px 4px 30px rgba(151, 151, 151, 0.2);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 50px;
}
.home-page .search-page .search-list{
    padding: 0;
}
.search-page .search-list .left-score{
    padding: 20px 30px 20px 20px;
    height: 100%;
    border-right: 1px solid rgb(151, 151, 151, 0.6);
}
.search-page .search-list .right-section{
    padding: 20px 20px 20px 0;
}
.search-page .search-list:last-child{
    margin-bottom: 0;
}
.search-page .search-list .business-score{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    text-align: center;
}
.search-page .search-list .chart{
    float: none;
    margin: 20px auto 0;
}
.search-page .search-list .place{
    font: 500 22px/24px 'NeueHaasUnicaMedium', Arial;
    margin-bottom: 20px;
}
.search-page .search-list .place i{
    float: right;
    font-size: 20px;
    color: #215ED9;
}
.search-page .search-list .place-price span{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin-right: 20px;
    color: #215ED9;
    display: inline-block;
}
.search-page .search-list .place-price span i{
    font-size: 20px;
    color: #215ED9;
    margin-right: 10px;
    float: left;
}
.search-page .search-list .desc{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin: 20px 0;
}
.search-page .search-list ul{
    list-style-type: none;
    margin: 30px 0 20px 0;
}
.search-page .search-list ul li{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    width: 48%;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 20px;
    vertical-align: text-top;
}
.search-page .search-list ul li::before{
    content: "";
    border:1px solid rgba(33, 94, 217, 0.8);
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: -20px;
}
.search-page .search-list .detail-score{
    padding-left: 45px;
    border-top: 1px solid #C3CBCD;
    padding-top: 10px;
    margin-top: 30px;
}
.search-page .search-list .detail-score .broker-info{
    width: 100%;
    display: block;
}
/* .sellers-home .search-list .detail-score .score-expenses{
    margin-top: 15px;
    float: left;
    width: 100%;
} */
.search-page .search-list .detail-score .form-group{
    margin-bottom: 25px;
}
.search-page .search-list .btncontact-broker{
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.search-page .search-list .broker-info{
    border: 1px solid #215ED9;
    border-radius: 4px;
    padding: 10px 25px;
    width: 57%;
    display: inline-block;
}
.search-page .search-list .broker-info .title{
    font-size: 15px;
    margin-bottom: 20px;
}
.search-page .search-list .broker-info .list{
    margin-bottom: 15px;
}
.search-page .search-list .broker-info .list label,
.search-page .search-list .broker-info .list a{
    font-size: 15px;
    color: #215ED9;
    margin-bottom: 0;
}
.search-page .search-list .broker-info .list i{
    color: #215ED9;
    margin-right: 10px;
    float: left;
}
.shadow-drop-2-center:hover{
    -webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
section .franchise-calculator .title{
    font: 800 36px/130% 'NeueHaasUnicaExtraBold', Arial;
    color: #051860;
    padding: 0 17px;
}
section .franchise-calculator .sub-title{
    font: normal 18px/125% 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    margin: 30px 0;
    padding: 0 100px;
}
section .franchise-calculator .sub-title.bottom-line{
    font: normal 16px/140.5% 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 30px;
    padding: 0 100px;
}
section .franchise-form{
    margin: 0 100px;
}
section .business-oppurtunity{
    /* background: linear-gradient(97.07deg, rgba(33, 94, 217, 0.8) 1.17%, rgba(23, 69, 173, 0.8) 98.93%); */
    background: url('/images/home-bg.png') no-repeat;
    background-size: cover;
    height: 100%;
    margin-top: 100px;
    padding: 80px 0 129px 0;
}
section .business-oppurtunity .title{
    font: 800 34px/130% 'NeueHaasUnicaExtraBold', Arial;
    color: #FFFFFF;
    letter-spacing: 0.1px;
    max-width: 1000px;
    margin: 0 auto 80px;
}
section .business-oppurtunity .oppurtunity-wrapper{
    margin: 0 280px;
}
section .oppurtunity-wrapper p{
    margin: 25px 0 0 0;
    font: normal 16px/22px 'NeueHaasUnicaRegular', Arial;
    letter-spacing: 0.3px;
    padding-right: 45px;
    color: #FFFFFF;
}
section .oppurtunity-wrapper i{
    font-size: 40px;
    color: #fff;
}
section .terms-privacy{
    text-align: center;
    font: normal 12px/15px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    margin-top:30px
}
section .terms-privacy a{
    color: #215ED9;
}
/* #endregion*/

/* #region ----------------- FOOTER --------------- */
footer{
    clear: both;
}
footer .footer-wrapper{
    background-color: #FFFFFF;
    padding: 85px 0 129px 0;
}
footer .copywrite-privacy,footer .copywrite-privacy a, footer .footer-links a{
    font: normal 16px/40px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
footer .subscribe p{
    margin-bottom: 5px;
    font: normal 16px/32px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
footer .subscribe .form-subscribe{
    position: relative;
}
footer .subscribe .form-subscribe label.error{
    position: absolute;
    top: 45px;
}
footer .subscribe .form-control{
    height:auto;
    padding: .532rem .75rem;
}
/* footer .subscribe .btn{
    padding: .71rem 1.818rem;
} */
footer .logo-text img{
    margin-top: -30px;
    margin-bottom: 20px;
}
/* #endregion*/
/* .inner-pages header .left-links a{
    color: #FFFFFF;
} */
/* .inner-pages header .logo-text{
    padding: 25px 0 0 0;
    margin-left: 150px;
}  */

/* #region ----------------- SELLER PAGE --------------- */
.sellers-page .box-container{
    padding: 70px 50px 45px 100px;
    margin: -110px 0 100px;
}
.sellers-page .heading{
    font: 800 30px/30px 'NeueHaasUnicaExtraBold', Arial;
    color: #04175F;
    text-align: center;
    margin-bottom: 15px;
}
.sellers-page .description{
    font: normal 16px/22px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    text-align: center;
    padding: 0 100px;
}
.sellers-page .leads-listing{
    margin-top:70px;
}
.sellers-page .leads-listing .box-title{
    font: 800 20px/20px 'NeueHaasUnicaExtraBold', Arial;
    color: #04175F;
    margin-bottom: 15px;
    margin-top: 40px;
}
.sellers-page .leads-listing .box-title:first-child{
    margin-top: 80px;
}
.sellers-page .leads-listing p{
    font: normal 16px/22px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
.sellers-page .leads-listing .btn-groups{
    margin-top: 40px;
}
/* #endregion*/

/* #region ----------------- FRANCHISE BUSINESS SCORE --------------- */
.blue-background{
    background: linear-gradient(97.07deg, rgba(33, 94, 217, 0.8) 1.17%, rgba(23, 69, 173, 0.8) 98.93%);
    padding: 74px 0 100px 0;
}
.business-score{
    position: relative;
}
.business-score .select2-container{
    border: 1px solid #ced4da;
    padding: 4px 0 0;
    height: 33px;
    border-radius: 4px;
}
.business-score .title{
    font: 800 36px/130% 'NeueHaasUnicaExtraBold', Arial;
    text-align: center;
    padding: 100px 0 30px 0;
    color: #FFFFFF;
}
.business-score .sub-title{
    font: normal 16px/130% 'NeueHaasUnicaRegular', Arial;
    padding: 0 0 30px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 150px;
}
.business-score .sub-title.title-line1{
    padding: 0;
}
.potential-scores{
    padding: 0 150px;
}
.potential-scores .form-group{
    margin-bottom: 20px;
}
.business-score .score-detailed{
    padding-right: 30px;
    padding-top: 6px;
    padding-left: 135px;
}
.business-score .score-detailed p{
    clear: none;
}
.business-score .score-detailed .title-wrapper{
    padding-right: 0;
}
.business-score .score-detailed .slidecontainer{
    margin-top: 12px;
}
.score-detailed{
    padding-left: 150px;
    padding-top: 30px;
}
.score-detailed .title-wrapper{
    float: left;
    width: 100%;
    padding-right: 42px;
}
.score-detailed .title{
    font: 500 16px/22px 'NeueHaasUnicaMedium', Arial;
    color: #2A3032;
    padding: 0;
    text-align: left;
    float: left;
    margin-right: 15px;
    letter-spacing: 0.2px;
}
.score-detailed .title-wrapper small{
    font: normal 12px/22px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    display: inline-block;
    float: left;
}
.score-detailed .title-wrapper .custom-tooltiptext{
    top: 100%;
    z-index: 2;
}
.score-detailed p{
    font: normal 12px/16px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    margin-top: 30px;
    clear: both;
}
.slidecontainer{
    position: relative;
    margin-top: 25px;
    float: left;
    width: 100%;
    max-width: 223px;
    margin-bottom: 40px;
}
.slidecontainer .min-value{
    position: absolute;
    left:0;
    top:28px;
    font: normal 12px/12px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
.slidecontainer .max-value{
    position: absolute;
    right: 0;
    top:28px;
    font: normal 12px/12px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
.business-score-values{
    height: 100%;
}
.business-score .btn-groups{
    margin-bottom: 73px;
}
.business-score .potential-scores .description{
    font: normal 14px/130% 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    text-align: center;
    max-width: 600px;
    display: block;
    margin: 0 auto 25px;
    clear: both;
}
.business-score .potential-scores .description a{
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    padding-top: 5px;
    color: #215ED9;
    cursor: pointer;
}
.business-score .potential-scores{
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    border: 1px solid #2998E9;
    padding: 0 0 0 30px;
    margin: 65px auto 0;
    max-width: 1122px;
}
.business-score .potential-scores .filter-section{
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.business-score .potential-scores .filter-section .report-name{
    float: left;
    padding-top: 5px;
}
.business-score .potential-scores .filter-section input{
    border: 1px solid #C3CBCD;
    border-radius: 4px;
    height: 27px;
    padding: 8px 5px 5px 5px;
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    color: #252733;
}
.business-score .potential-scores .filter-section .report-name .savebtn{
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    margin-left: 5px;
    color: #215ED9;
    cursor: pointer;
}
.business-score .potential-scores .filter-section .report-name i{
    cursor: pointer;
}
.business-score .potential-scores .filter-section .report-name span{
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    color: #2A3032;
    margin-right: 10px;
    letter-spacing: 0.4px;
}
.business-score .potential-scores .filter-section .business-type{
    float: right;
    width: 56%;
}
.business-score .potential-scores .filter-section .business-type label{
    font: 500 18px/29px 'NeueHaasUnicaMedium', Arial;
    color: #252733;
    margin-right: 10px;
    margin-bottom: 0;
    width: 46%;
    letter-spacing: 0.4px;
    text-align: right;
    white-space: nowrap;
}
.business-score .potential-scores .filter-section .business-type .form-control{
    width: 50%;
    float: right;
    height: 29px;
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
}
.business-score .potential-scores .filter-section .business-type input[type=text]{
    float: right;
    width: 50%;
    margin-top: 5px;
}
.business-score .potential-scores .scores-wrapper{
    /* padding-left: 20px; */
}
.business-score .potential-scores .scores-wrapper .row .col-md-6:last-child{
    padding-left: 0;
}
.business-score .potential-scores .scores-wrapper .form-group{
    margin-bottom: 40px;
}
.business-score .potential-scores .bottom-info{
    float: left;
    width: 100%;
}
.business-score .potential-scores .bottom-info p{
    font: normal 12px/16px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    text-align: center;   
    padding-left: 50px;
    margin-top: 0;
    margin-bottom: 20px;
}
.business-score .potential-scores .bottom-info .score-detailed{
    padding-left: 130px;
    float: left;
    padding-right: 0;
}
.business-score .potential-scores .bottom-info .score-detailed .title-wrapper{
    width: auto;
    margin-right: 20px;
}
.business-score .potential-scores .bottom-info .score-detailed .title{
    float: none;
}
.business-score .potential-scores .bottom-info .slidecontainer{
    margin-top: -6px;
    margin-bottom: 35px;
}
.business-score .potential-scores .btn-groups{
    clear: both;
    margin-top: 40px;
    margin-bottom: 45px;
    float: left;
    width: 100%;
}
.business-score .potential-scores .btn-groups .btn{
    width: 153px;
    padding: .75rem 0;
}
.business-score-values{
    float: right;
}
.business-score-values,.business-score-values td, .business-score-values th{
    border: 1px solid #979797;
    border-right: 0;
    border-top: 0;
    /* box-shadow: 0 0 3px 2px inset rgb(151 151 151 / 10%); */
}
.business-score-values,.business-score-values tr:last-child td{
    border-bottom:0
}
.business-score-values th{
    font: bold 14px/22px 'NeueHaasUnicaBold', Arial;
    color: #FFFFFF;
    padding: 9px 0;
    text-align: center;
    background: rgba(4, 23, 95, 0.7);
    letter-spacing: 0.3px;
}
.business-score-values th.new-values{
    background: #04175F;
    border-top-right-radius: 6px;
}
.business-score-values td{
    text-align: center;
    padding: 27px 0;
    line-height: 22px;
}
.business-score-values td span{
    font: normal 12px/22px 'NeueHaasUnicaRegular', Arial;
    color: #9FA2B4;
    display: block;
    margin-bottom: 15px;
    letter-spacing: 0.3px;
}
.business-score-values td .price{
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    color: #363740;
    letter-spacing: 0.4px;
}
/*------ TODO remove this css after the login page integration is done */
.save-report-modal .modal-dialog{
    max-width: 812px;
}
.save-report-modal .modal-content{
    background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
    box-shadow: 2px 6px 7px 2px rgba(33, 47, 87, 0.25);
    border-radius: 8px;
}
.save-report-modal .close{
    padding: 0.5rem 0.5rem;
    margin: 0 0 -1rem auto;
    color: #215ED9;
    opacity: 1;
}
.save-report-modal .modal-body .franchise-form label{
    color: #2A3032;
}
.save-report-modal .modal-body .title{
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    text-align: center;
    margin: 5px 0 10px 0;
    padding: 0;
    color: #252733;
}
.save-report-modal .modal-body .sub-title{
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    padding: 0;
    margin: 0 0 10px;
    display: block;
}
.save-report-modal .modal-body .franchise-form .form-group{
    padding: 0 20px;
}
.save-report-modal .next-steps{
    font: normal 12px/125.12% 'NeueHaasUnicaRegular', Arial;
    text-align: center;
    margin-bottom: 20px;
    color: #215ED9;
    cursor: pointer;
}
.save-report-modal .modal-body .franchise-form{
    margin:0 25px;
}
/* .save-report-modal .modal-body .franchise-form label{
    margin-bottom: 15px;
} */
/* .save-report-modal .modal-body .franchise-form .form-control{
    padding: 0.3rem .75rem .2rem 0;
} */
/* .save-report-modal .modal-body .franchise-form .form-group{
    margin-bottom: 20px;
} */
.save-report-modal .modal-body .franchise-form fieldset{
    position: relative;
    vertical-align: top;
    clear: both;
}
.save-report-modal .modal-body .franchise-form fieldset span{
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
    color:#979797;
    top: 7px;
    line-height: 20px;
    font-size: 12px;
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
}
.save-report-modal .modal-body .franchise-form fieldset.focused span {
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    font-size: 12px;
    color: #979797;
    top: 0;
}
.create-account-modal .btn-groups .registered-link{
    font: normal 12px/125.12% 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    display: block;
    margin-top: 20px;
}
.create-account-modal .modal-body label small{
    font: normal 12px/23px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    float: left;
}
/* #endregion*/

/* #region ----------------- Account Details---------------------*/ 
.account-details {
    background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 100%);
    max-width: 1440px;
    margin: 0 auto;
    min-height: 900px;
}
.account-details .sidebar-panel{
    background: #04175F;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 12;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.account-details .sidebar-panel .logo{
    margin-bottom: 28px;
    padding: 20px 0 0 25px;
    display: block;
}
.account-details .sidebar-panel .sidelinks{
    font: normal 16px/16px 'NeueHaasUnicaRegular', Arial;
    color: #A4A6B3;
    padding-left: 30px;
    display: block;
    height: 50px;
    line-height: 50px;
    letter-spacing: 0.2px;
}
.account-details .sidebar-panel .sidelinks.active{
    height: 50px;
    line-height: 50px;
    background: rgb(159,162,180,0.08);
    color: #fff;
    border-left: 3px solid #215ED9;
}
.account-details .sidebar-panel .sidelinks:hover{
    color: #fff;
}
.account-details .sidebar-panel i{
    margin-right: 20px;
}
.account-details .my-reports{
    padding: 30px 30px 0;
}
.account-details .my-reports .download-buttons{
    margin-top: 27px;
}
.page-navigator{
    color: #215ED9;
}
.page-navigator i{
    font-size: 21px;
    font-weight: bold;
    display: inline-block;
}
.page-navigator span{
    font: normal 16px/125.12% 'NeueHaasUnicaRegular', Arial;
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
    margin-left: 5px;
}
.account-details .my-reports h1{
    font: 500 24px/24px 'NeueHaasUnicaMedium', Arial;
    color: #252733;
    margin-bottom: 0;
    letter-spacing: 0.4px;
    padding-top: 20px;
}
.account-details .my-reports .top-header{
    overflow: hidden;
    margin-bottom: 30px;
}
.account-details .my-reports .user-details .login-link{
    cursor: pointer;
    font: 500 14px/18px 'NeueHaasUnicaMedium', Arial;
}
.account-details .my-reports .user-details .login-link i{
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
.account-details .my-reports .top-header .login-details{
    margin-bottom: 10px;
    margin-left: 16px;
}
.account-details .score-detailed .title-wrapper{
    padding-right: 0;
}
.account-details .score-detailed .title{
    float: none;
}
.account-details .user-details .username{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    color: #252733;
    margin-right: 10px;
    text-transform: capitalize;
}
.account-details .user-details .user-avatar img{
    height: 44px;
    width: 44px;
    border-radius: 100%;
    border: 2px solid #DFE0EB;
}
.account-details .my-scores{
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 0 0 15px;
    margin-top: 10px;
    box-shadow: 3px 4px 30px rgb(151 151 151 / 20%);
}
.account-details .filter-section{
    padding-top: 30px;
}
.account-details .filter-section input{
    border: 1px solid #C3CBCD;
    border-radius: 4px;
    height: 27px;
    padding: 8px 5px 5px 5px;
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    color: #252733;
}
.account-details .filter-section .report-name{
    margin-bottom: 8px;
}
.account-details .filter-section .report-name i {
    cursor: pointer;
}
.account-details .filter-section .report-name span{
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    color: #252733;
    margin-right: 10px;
}
.account-details .filter-section .report-name .savebtn {
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    margin-left: 5px;
    color: #215ED9;
    cursor: pointer;
}
/* .account-details .filter-section .report-name a{
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    padding-top: 5px;
    color: #215ED9;
    cursor: pointer;
    float:right;
} */
.account-details .date-download{
    margin-bottom: 65px;
}
.account-details .date-download .date{
    font: normal 14px/16px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    letter-spacing: 0.1px;
}
.account-details .date-download .download{
    font: normal 14px/16px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    float: right;
    width: 136px;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.account-details .date-download .download i {
    margin-right: 8px;
    font-size: 18px;
}
.account-details .score-cards{
    padding-left: 15px;
}
.account-details .score-cards .form-group{
    margin-bottom: 50px;
}
/* .account-details .chart span{
    width: 122px;
} */
/* .account-details div.chart{
    width: 100px;
    height: 100px;
} */
.account-details .score-detailed{
    padding-left: 140px;
}
.account-details .score-detailed .title-wrapper a{
    font: normal 12px/22px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    display: block;
    clear: both;
}
.account-details .business-score-values, 
.account-details .business-score-values td, 
.account-details .business-score-values th{
    border: 1px solid #DFE0EB;
    border-right: 0;
    border-top: 0;
}
.account-details .business-score-values, .account-details .business-score-values tr:last-child td {
    border-bottom: 0;
}
.account-details .business-score-values td{
    padding: 25px 0;
}
.account-details .saved-reports-lists{
    margin-top: 25px;
    background: #FFFFFF;
    border: 1px solid #DFE0EB;
    border-radius: 8px;
    padding-top: 30px;
    box-shadow:3px 4px 30px rgba(151, 151, 151, 0.2);
}
.account-details .saved-reports-lists .title{
    font: 500 18px/18px 'NeueHaasUnicaMedium', Arial;
    color: #252733;
    margin: 0 0 10px 30px;
}
.account-details .saved-reports-lists ul{
    list-style-type: none;
    margin-bottom: 0;
}
.account-details .saved-reports-lists li{
    padding: 19px 25px 18px 30px;
    border-bottom: 1px solid #DFE0EB;
}
.account-details .saved-reports-lists li:last-child{
    border-bottom: 0;
}
.account-details .saved-reports-lists li .report-name{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    letter-spacing: 0.2px;
    cursor: pointer;
}
.account-details .saved-reports-lists li i{
    float: right;
    padding-right: 15px;
    color: #C4C4C4;
    line-height: 25px;
    cursor: pointer;
}
.account-details .business-listing .saved-reports-lists li i{
    float: left;
}
.account-details .business-listing .saved-reports-lists li .expire-date{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial !important;
    float: left;
    padding-top: 5px;
    color: rgba(129, 126, 126, 1);
}
.account-details .business-listing .saved-reports-lists li .expire-date.active{
    color: rgba(42, 48, 50, 1);
}
.account-details .saved-reports-lists li .btndownload{
    border: 0 none;
    background: none;
}
.account-details .business-score-values td span{
    font-size: 16px;
}
.account-details .personal-information{
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 30px 30px 45px 30px;
    margin-top: 10px;
    box-shadow: 3px 4px 30px rgb(151 151 151 / 20%);
    margin-top: 40px;
}
.account-details .personal-information .section-title{
    font: normal 16px/14px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    margin-bottom: 20px;
}
.account-details .personal-information .section-title .savebtn{
    border: 0 none;
    background: no-repeat;
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    margin-left: 15px;
    color: #215ED9;
    cursor: pointer;
}
.account-details .personal-information .section-title i{
    padding-left: 15px;
    color: #C4C4C4;
    cursor:pointer;
}
.account-details .personal-information .form-group{
    margin-bottom: 20px;
    width: 50%;
}
.account-details .personal-information .form-group input{
    font: normal 16px/14px 'NeueHaasUnicaRegular', Arial;
}
.account-details .personal-information small{
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    display: block;
    margin-bottom: 5px;
}
.account-details .personal-information label{
    font: normal 16px/14px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
}
.account-details .personal-information .custom-control .custom-control-label{
    padding-top: 6px;
}
.account-details .personal-information .custom-switch .custom-control-label::before{
    cursor: pointer;
}
.account-details .personal-information .custom-control-input:checked~.custom-control-label::before{
    border-color: #27AE60;
    background-color: #27AE60;
}
.account-details .business-listing li{
    overflow: hidden;
}
.account-details .business-listing li .report-name{
    padding-top: 5px;
}
.account-details .business-listing li .coupon-text{
    font-size: 12px;
    margin-left: 10px;
    color: green;
}
.account-details .business-listing .listing-status{
    float: right;
}
.account-details .business-listing .listing-status .listing-date{
    float: left;
    margin-right: 30px;
}
.account-details .business-listing li .status{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    padding-top: 5px;
    display: inline-block;
}
.account-details .business-listing li .status::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: inline-block;
    margin-right: 7px;
}
.account-details .business-listing li .published{
    color: #27AE60;
}
.account-details .business-listing li .published::before{
    background-color: #27AE60;
}
.account-details .business-listing li .inactive{
    color: #EB5757;
}
.account-details .business-listing li .inactive::before{
    background-color: #EB5757;
}
.no-listing{
    margin: 100px 0;
}
.no-listing .outline{
    border: 3px solid #979797;
    border-radius: 100%;
    padding: 40px;
    display: inline-block;
}
.no-listing p{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    margin-top: 30px;
    margin-bottom: 40px;
}
.account-details .create-listing{
    margin-top: 50px;
}
.create-listing .main-title{
    font: 800 34px/34px 'NeueHaasUnicaExtraBold', Arial;
    color: #04175F;
    margin-top: 30px;
    margin-bottom: 60px;
    text-align: center;
}
.create-listing .sub-title{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    text-align: center;
    margin-bottom: 40px;
}
.create-listing .franchise-form label{
    padding-bottom: 10px;
    display: inline-block;
    width: auto;
}
.create-listing .franchise-form label.dontshow-buyer{
    font-size: 12px;
    float: right;
    padding: 3px 0 0 0;
}
.create-listing .franchise-form label.dontshow-buyer input[type=checkbox]{
    float: left;
}
.create-listing .franchise-form fieldset .form-label{
    top: -5px;
}
.create-listing .listing-progress{
    border-bottom: 1px solid #C3CBCD;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.create-listing .listing-progress .steps-wrapper{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
}
.create-listing .listing-progress .steps{
    color: #5e4040;
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    cursor: pointer;
    text-align: center;
    position: relative;
    width: 25%;
}
.create-listing .listing-progress .steps:after{
    content: "";
    position: absolute;
    height: 2px;
    background: #E8DFD8;
    width: 100%;
    top: 11px;
    z-index: 4;
    left:-50%;
}
.create-listing .listing-progress .steps.done:after,
.create-listing .listing-progress .steps.active:after{
    background: #215ED9;
}
.create-listing .listing-progress .steps:first-child::after{
    content: none;
}
.create-listing .listing-progress .steps.error{
    color: #cf0010 !important;
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial !important;
}
.create-listing .listing-progress .steps.done span,
.create-listing .listing-progress .steps.active span{
    background: #215ED9;
    border: 1px solid #215ED9;
    color: #fff;
    font-family: 'NeueHaasUnicaBold';
}
 .create-listing .listing-progress .steps.active,
.create-listing .listing-progress .steps.done{
    color: #215ED9;
}
/*
.create-listing .listing-progress .steps.done span::before{
    content: "\e912";
    font-family: 'BH-Font-Icon' !important;
    font-size: 10px;
} */
.create-listing .listing-progress .steps span{
    border: 1px solid #817E7E;
    border-radius: 100%;
    font-size: 14px;
    /* padding: 5px; */
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 25px;
    color: #5e4040;
    margin-bottom: 10px;
    z-index: 5;
    background: #fff;
    position: relative;
}
.create-listing .listing-progress .steps.error span{
    border: 1px solid #cf0010 !important;
    background: #cf0010 !important;
}
/* .create-listing .listing-progress .steps.active span,
.create-listing .listing-progress .steps.done span{
    border: 1px solid #215ED9;
    color: #215ED9;
} */
/* .create-listing .listing-progress .steps.done span{
    background: #215ED9;
    color: #fff;
    font-size: 0;
} */
/* .create-listing .listing-progress .steps.done span i{
    font-size: 10px;
} */
.create-listing .step-content{
    border: 0;
}
.create-listing .step-footer .btn{
    background: transparent;
    border: 1px solid #215ED9;
    border-radius: 4px;
    padding: 10px 20px;
    color: #215ED9;
}
.create-listing .next-step{
    margin-top: 40px;
}
/* .create-listing .next-step:hover{
    color: #215ED9;
} */
.create-listing .step-container{
    display: none;
}
.create-listing .step-container.active{
    display: block;
}
.search-page .listing-title{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 20px;
}
.search-page .listing-title .listing-text{
    display: inline-block;
    font: bold 16px/20px 'NeueHaasUnicaBold', Arial;
}
.search-page .listing-title .edit-icon{
    padding-top: 3px;
}
.search-page .listing-title .show-score{
    margin-right: 20px;
}
.search-page .listing-title .edit-icon,
.search-page .listing-title .show-score{
    float: right;
}
.search-page .listing-title .edit-icon a,
.search-page .listing-title .show-score a{
    color: #215ED9;
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
}
.search-page .listing-title .show-score a{
    padding-top: 3px;
    float: left;
    margin-right: 5px;
}
.search-page .listing-title .show-score .custom-control-input:checked~.custom-control-label::before {
    border-color: #27AE60;
    background-color: #27AE60;
}
.search-page .listing-title .show-score .custom-switch{
    display: inline-block;
}
.search-page .listing-title .edit-icon i,
.search-page .listing-title .show-score i{
    margin-right: 5px;
}
.search-page .exapanded-view{
    margin-top: 60px;
}
.create-listing .exapanded-view .listing-title .show-score i{
    font-size: 16px;
    float: left;
}
.create-listing .publish-listing .free-listing{
    border: 1px solid #215ED9;
    box-shadow: 3px 4px 30px rgba(151, 151, 151, 0.2);
    border-radius: 6px;
    padding: 20px;
    background: #fff;
    margin-bottom: 50px;
}
.create-listing .publish-listing .free-listing .head{
    color: #215ED9;
    font-size: 18px;
    font-family: 'NeueHaasUnicaBold';
    margin-bottom: 15px;
}
.create-listing .publish-listing .free-listing p{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
}
.publish-listing .price-container{
    background: #FFFFFF;
    box-shadow: 3px 4px 30px rgba(151, 151, 151, 0.2);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-bottom: 0;
    height: 100%;
    cursor: pointer;
    /* opacity: 0.6; */
}
.publish-listing .price-container:hover{
    opacity: 1;
}
.publish-listing .price-container.selected{
    -webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity: 1;
}
.publish-listing .price-container .tick-wrapper {
    background: #215ED9;
    color: #fff;
    border: 1px solid #215ED9;
    border-radius: 100%;
    padding: 5px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 15px;
    margin: 0 auto;
    opacity: 0.1;
}
.publish-listing .price-container.selected .tick-wrapper{
    opacity: 1;
}
.publish-listing .tick-wrapper i {
    font-size: 10px;
}
.publish-listing .pricing{
    font: normal 50px/50px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    margin-top: 30px;
    margin-bottom: 20px;
    display: inline-block;
}
.publish-listing .pricing.free{
    font-size: 30px;
    text-decoration: line-through;
    margin-right: 10px;
    opacity: 0.5;
}
.publish-listing .pricing.free-price{
    font-family: 'NeueHaasUnicaMedium';
}
.publish-listing .duration{
    font: normal 22px/20px 'NeueHaasUnicaRegular', Arial;
    color: #231F20;
    margin-bottom: 20px;
}
.publish-listing .description{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    color: #000;
    margin-bottom: 20px;
}
.publish-listing ul{
    list-style: disc;
    padding: 0 0 0 15px;
    margin-bottom: 40px;
    text-align: left;
}
.publish-listing ul li{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 15px;
    color: #000;
}
.publish-listing ul li:last-child{
    margin-bottom: 0;
}
.publish-listing ul li i{
    color: #979797;
    margin-right: 10px;
}
.publish-listing .price-container .btn{
    padding: 12px 18px;
}
.publish-listing .price-container.selected .btn{
    background: linear-gradient(97.07deg, #215ED9 1.17%, #1745AD 98.93%);
    color: #FFFFFF;
}
.publish-listing .coupon-user img{
    width: 128px;
    margin: 0 auto 13px;
    display: block;
}
.publish-listing .paid-user{
    position: relative;
    padding: 0;
    margin-left: 15px;
    margin-right: 15px;
}
.publish-listing .paid-user:first-child:after{
    content: '';
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left:0;
    background: rgba(255,255,255,0.5);
    cursor: not-allowed;
    border-radius: 8px;
}
.payment-details{
    margin-top: 50px;
}
.payment-details .title{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 35px;
    text-align: center;
}
.payment-details .franchise-form{
    margin-top: 40px;
}
.payment-details .franchise-form label{
    padding-bottom: 0;
}
.successful-listing {
    text-align: center;
    margin-top: 100px;
    font: normal 20px/30px 'NeueHaasUnicaRegular', Arial;
}
.successful-listing .success{
    color: #59bb64;
    margin-bottom: 15px;
}
.successful-listing .success span{
    border-radius: 100%;
    font-size: 14px;
    padding: 5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 16px;
    margin-right: 10px;
    background: #59bb64;
    color: #fff;
}
.successful-listing .success span i {
    font-size: 10px;
}
.listing-details .listing-status{
    background: #FFFFFF;
    box-shadow: 3px 4px 30px rgb(151 151 151 / 20%);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 70px;
}
.listing-details .listing-status .status-text{
    display: inline-block;
    font: normal 16px/14px 'NeueHaasUnicaRegular', Arial;
    padding-top: 14px;
}
.listing-details .listing-status .status-text .active{
    color: #27AE60;
}
.listing-details .listing-status .status-text .inactive{
    color: #EB5757;
}
.listing-details .listing-status .listing-renewal{
    float: right;
}
.listing-details .listing-status .expiration-date{
    display: inline-block;
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    margin-left: 20px;
}
.listing-details .delete-listing{
    font: 500 14px/14px 'NeueHaasUnicaLight', Arial;
    text-align: right;
    margin-top: 30px;
    padding-right: 10px;
}
.listing-details .delete-listing .btn{
    color: rgba(129, 126, 126, 1);
    font: 500 14px/14px 'NeueHaasUnicaLight', Arial;
}
.show-plan #processing {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    text-align: center;
}
.show-plan #processing img{
    width: 50px;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.show-plan #result {
    padding: 15px;
    display: none;
}
/* #endregion*/

/* #region ----------------- PRICING PAGE -------------------------*/
.pricing-page .main-title{
    font: 800 34px/34px 'NeueHaasUnicaExtraBold', Arial;
    color: #04175F;
    margin-top: 100px;
    margin-bottom: 60px;
    text-align: center;
}
.pricing-page .sub-title {
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    text-align: center;
    margin-bottom: 40px;
}
.pricing-page .price-container{
    background: #FFFFFF;
    box-shadow: 3px 4px 30px rgba(151, 151, 151, 0.2);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-bottom: 0;
    height: 100%;
    color: #000;
    cursor: pointer;
    max-width: 360px;
    display: block;
    margin: 0 auto;
}
.pricing-page .price-container.selected{
    background: #215ED9;
    color: #fff;
}
.pricing-page .price-container .tick-wrapper {
    background: #215ED9;
    color: #fff;
    border: 1px solid #215ED9;
    border-radius: 100%;
    padding: 5px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 15px;
    margin: 0 auto;
    opacity: 0.1;
}
.pricing-page .price-container.selected .tick-wrapper{
    background: #fff;
    color: #215ED9;
    opacity: 1;
}
.pricing-page .tick-wrapper i {
    font-size: 10px;
}
.pricing-page .pricing{
    font: normal 50px/50px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    margin-top: 30px;
    margin-bottom: 20px;
}
.pricing-page .price-container.selected .pricing{
    color: #fff;
}
.pricing-page .duration{
    font: normal 22px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 20px;
}
.pricing-page .description{
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 20px;
}
.pricing-page ul{
    list-style: disc;
    padding: 0 0 0 15px;
    margin-bottom: 40px;
    text-align: left;
}
.pricing-page ul li{
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 15px;
}
.pricing-page ul li:last-child{
    margin-bottom: 0;
}
.pricing-page ul li i{
    color: #979797;
    margin-right: 10px;
}
.pricing-page .price-container.selected ul li i{
    color: #fff;
}
.pricing-page .price-container .btn{
    padding: 12px 18px;
}
.pricing-page .price-container.selected .btn{
    background-color: #fff;
    color: #215ED9;
}
/* #endregion*/

/* #region ----------------- LOGIN PAGE -------------------------*/
.login-page p{
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 10px;
    text-align: center;
}
.login-page .nav-pills{
    justify-content: center;
}
.login-page .nav-pills .nav-item{
    margin-right: 10px;
}
.login-page .nav-pills .nav-link{
    background-color: #fff;
    border-radius: 4px;
    color: #215ED9;
    font-size: 14px;
    padding: 13px 25px;
    border: 1px solid #fff;
}
.login-page .nav-pills .nav-link.active{
    border:1px solid #215ED9;
}
.login-page .franchise-form{
    padding: 0 100px;
}
.login-page .login-title{
    font: 800 32px/32px 'NeueHaasUnicaExtraBold', Arial;
    color: #04175F;
    margin-bottom: 30px;
    text-align: center;
}
.login-page label small{
    font: normal 12px/23px 'NeueHaasUnicaRegular', Arial;
    color: #979797;
    float: left;
}
.login-page .signup-link{
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 50px;
    text-align: center;
    color: #215ED9;
}
.login-page .signup-link a{
    font: normal 14px/14px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
}
.login-page .terms-privacy{
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
    text-align: center;
}
.login-page .modal-body .franchise-form{
    max-width: 315px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}
.login-page .remember-me{
    width: auto;
    margin-bottom: 0;
    padding-top: 2px;
}
.login-page .botom-links{
    overflow: hidden;
}
.login-page .remember-me #remember_me{
    border: 0.5px solid #215ED9 !important ;
    border-radius: 2px;
    height: 15px;
    width: 15px;
}
.login-page .remember-me span{
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
    vertical-align: top;
    padding-top: 2px;
    display: inline-block;
}
.login-page .forgot-password-link a{
    font: normal 12px/14px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
}
.login-page .login-btn{
    margin: 24px auto 48px;
    display: block;
}
/* #endregion*/

/* #region ----------------- FORGOT PASSWORD -------------------------*/
.forgot-password{
    clear: both;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 100px;
}
.forgot-password .login-title{
    font: 800 36px/36px 'NeueHaasUnicaExtraBold', Arial;
    color: #04175F;
    margin-bottom: 30px;
}
.forgot-password .subtitle{
    font: normal 15px/18px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
    max-width: 350px;
    margin: 0 auto 80px;
}
.forgot-password .franchise-form{
    max-width: 315px;
    margin: 0 auto;
    text-align: left;
}
.forgot-password .login-link{
    font: 500 12px/14px 'NeueHaasUnicaRegular', Arial;
    color: #215ED9;
}
.forgot-password .reset-btn{
    margin: 40px auto 180px;
    display: block;
    width: 146px;
    padding: .75rem 0;
}
/* #endregion*/

/* #region ----------------- HOW IT WORKS -----------------------*/
.how-it-works .vector-img{
    position: absolute;
    top: 0;
}
.how-it-works section{
    position: relative;
    float: left;
    width: 100%;
}
.how-it-works h1{
    font: 800 36px/36px 'NeueHaasUnicaExtraBold', Arial;
    text-align: center;
    color: #fff;
    margin: 100px 0 60px 0;
    position: relative;
}
.how-it-works .buying-process{
    background-color: #fff;
    margin: 0 200px 175px;
    padding: 55px 50px 50px 60px;
    box-shadow: 3px 4px 30px rgba(151, 151, 151, 0.2);
    border-radius: 6px;
    position: relative;
}
.how-it-works .buying-process img{
    background-color: #fff;
    padding: 0 20px;
}
.how-it-works .buying-process .horizontal-line{
    text-align: center;
    position: absolute;
    left: 7px;
    right: 0;
    padding-top: 4px;
}
.how-it-works hr{
    border-top: 1px solid #04175F;
}
.how-it-works .buying-process .process-title{
    font: 800 20px/138% 'NeueHaasUnicaExtraBold', Arial;
    color: rgba(4, 23, 95, 1);
    margin: 30px 0 15px 0;
}
.how-it-works .buying-process p{
    font: normal 18px/138% 'NeueHaasUnicaRegular', Arial;
    color: rgba(4, 23, 95, 1);
    text-align: left;
    padding-right: 0 7px;
}
.how-it-works .buying-process p b{
    font-family: 'NeueHaasUnicaMedium';
}
.how-it-works .buying-process .btn-groups{
    margin: 50px 0;
}
/* #endregion*/

/* #region ----------------- DUMMY CATEGORY (TERMS, PRIVACY) -------------------*/
.dummy-category .vector-img {
    position: absolute;
    top: 0;
}
.dummy-category section {
    position: relative;
    float: left;
    width: 100%;
}
.dummy-category h1 {
    font: 800 36px/36px 'NeueHaasUnicaExtraBold', Arial;
    text-align: center;
    color: #fff;
    margin: 100px 0 60px 0;
    position: relative;
}
.dummy-category .bhwhite-wrapper {
    background-color: #fff;
    margin: 0 200px 175px;
    padding: 55px 50px 50px 60px;
    box-shadow: 3px 4px 30px rgb(151 151 151 / 20%);
    border-radius: 6px;
    position: relative;
}
.dummy-category .bhwhite-wrapper .paras{
    font: normal 16px/27px 'NeueHaasUnicaRegular', Arial;
    color: rgba(4, 23, 95, 1);
    text-align: left;
    margin-bottom: 20px;
}
.dummy-category .bhwhite-wrapper a{
    font-family: 'NeueHaasUnicaMedium';
    color: #215ED9;
}
.dummy-category .sub-title{
    margin: 20px 0;
    display: inline-block;
    color: rgba(4, 23, 95, 1);
}
.dummy-category .section-title{
    color: rgba(4, 23, 95, 1);
    margin-bottom: -6px;
    margin-top: 20px;
    float: left;
    width: 100%;
}
.dummy-category ul{
    padding-left: 40px;
}
.dummy-category ul li{
    font: normal 16px/27px 'NeueHaasUnicaRegular', Arial;
    color: rgba(4, 23, 95, 1);
    line-height: 24px;
    margin-bottom: 10px;
}
/* #endregion*/

/* #region ----------------- CIRCULAR PROGRESS BAR ---------------*/
div.chart {
    position:relative;
    width:122px; height:122px;
    float: left;
}
.chart canvas {
    display: block;
    position:absolute;
    top:0;
    left:0;
}
.chart span {
    color:#2A3032;
    display:block;
    text-align:center;
    width:122px;
    font: 500 56px/14px 'NeueHaasUnicaMedium', Arial;
    padding-top: 45%;
}
.chart small{
    font: normal 9px/10px 'NeueHaasUnicaRegular', Arial;
    color: #817E7E;
}
.chart input {
    width: 200px;
}

.circle {
	width: 200px;
    margin: 6px 20px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
	vertical-align: top;
}
.circle	strong {
		position: absolute;
		top: 70px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 45px;
		font-size: 43px;
	}

/* #endregion*/

/* #region ----------------- RANGE SLIDER ---------------*/
.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    border-radius: 5.54785px;  
    background: linear-gradient(90deg, #27AE60 0%, #F2C94C 51.4%, #EB5757 99.29%);
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  .gs-slider{
    background: linear-gradient(90deg, #EB5757 0%, #F2C94C 51.4%, #27AE60 99.29%);
  }
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    /* width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #4CAF50; */
    background: #F2C94C;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 5px 5px -4px rgba(33, 47, 87, 0.704627);
    width: 15px;
    height: 15px;
    border-radius: 100%;
    cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
  }
/* #endregion*/

/* #region ----------------- TOOLTIP ---------------*/
  .tooltiptext {
    visibility: visible;
    /* width: 56px; */
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -24px;
    opacity: 1;
    transition: opacity 0.3s;
    font: normal 12px/12px 'NeueHaasUnicaRegular', Arial;
    padding: 5px 10px;
  }
  
  .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
  }
  .tooltip-icon{
      position: relative;
      cursor: pointer;
      display: inline-block;
  }
  .tooltip-icon:hover .custom-tooltiptext{
    display: block;
  }
  .custom-tooltiptext {
    display: none;
    width: 215px;
    background-color: #F3F6FA;
    border:1px solid #3C64B1;
    color: #979797;
    text-align: left;
    border-radius: 7px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -24px;
    margin-top: 6px;
    opacity: 1;
    transition: opacity 0.3s;
    font: normal 12px/140.62% 'NeueHaasUnicaRegular', Arial;
    padding: 8px;
  }
  
  .custom-tooltiptext:after,.custom-tooltiptext:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20px;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    z-index: 1;
  }
  .custom-tooltiptext:before {
    border-color: transparent transparent #F3F6FA transparent;
    z-index: 2;
    margin-bottom: -1px;
  }
  .custom-tooltiptext:after {
    border-color: transparent transparent #3C64B1 transparent;
  }

/* #endregion*/

/* #region ----------------- Listing Details ---------------------------*/
/* .listing-details{
    padding: 73px 0 0;
} */
.listing-details .wrapper{
    padding: 50px 0;
}
.listing-details .place{
    font: bold 34px/38px 'NeueHaasUnicaBold', Arial;
    color: #2A3032;
    margin-bottom: 10px;
}
.listing-details .place .back-button{
    font-size: 14px;
    font-family: 'NeueHaasUnicaRegular';
    float: right;
    line-height: 20px;
}
.listing-details .place .back-button .arrow-left{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #215ED9;
    display: inline-block;
}
.listing-details .place .back-button span{
    background: #215ED9;
    color: #fff;
    float: right;
    padding: 7px 10px 3px 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.listing-details .place-price span {
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin-right: 20px;
    color: #215ED9;
    display: inline-block;
}
.listing-details .place-price span i {
    font-size: 18px;
    color: #215ED9;
    margin-right: 10px;
    float: left;
    margin-top: -2px;
}
.listing-details .overview {
    font: normal 16px/25px 'NeueHaasUnicaRegular', Arial;
    margin: 30px 0 40px;
}
.listing-details .overview .title,
.listing-details .business-details .title,
.listing-details .contact-broker .title{
    font: bold 16px/24px 'NeueHaasUnicaBold', Arial;
    color: #215ED9;
    margin-bottom: 5px;
}
.listing-details .contact-broker .title{
    margin-bottom: 15px;
}
.listing-details .business-details{
    overflow: hidden;
}
.listing-details .business-details ul {
    list-style-type: none;
    margin: 10px 50px 20px 0;
    float: left;
}
.listing-details .business-details ul li {
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    margin-bottom: 10px;
    padding-left: 20px;
}
.listing-details .business-details ul li::before {
    content: "";
    border: 1px solid rgba(33, 94, 217, 0.8);
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: -20px;
}
.listing-details .contact-broker .list {
    margin-bottom: 15px;
}
.listing-details .contact-broker .list i {
    color: #215ED9;
    margin-right: 10px;
    float: left;
    font-size: 20px;
    margin-top: -2px;
}
.listing-details .contact-broker .list a {
    margin-bottom: 0;
    font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
.listing-details .contact-broker .btn-groups{
    margin-top: 30px;
    margin-bottom: 80px;
}
.listing-details .scorecard-tabs .responsive {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}
.listing-details .scorecard-tabs .nav-tabs{
    border-bottom: 0;
    display: table;
}
.listing-details .scorecard-tabs .nav-tabs .nav-item{
    display: table-cell;
}
.listing-details .scorecard-tabs .nav-link{
    padding: 30px 0 10px;
    color: #215ED9;
    border:0;
    border-radius: 0;
    background-color: #fff;
    font-family: 'NeueHaasUnicaLight';
    white-space: nowrap;
}
.listing-details .scorecard-tabs .nav-link.active{
    font-family: 'NeueHaasUnicaBold';
}
.listing-details .scorecard-tabs .nav-link span{
    padding: 12px 30px;
    border-right: 1px solid #C3CBCD;
}
.listing-details .scorecard-tabs .nav-item:first-child .nav-link{
    border-top-left-radius: 8px;
    padding-left: 70px;
}
.listing-details .scorecard-tabs .nav-item:first-child .nav-link span{
    padding-left: 0;
}
.listing-details .scorecard-tabs .nav-item:last-child .nav-link{
    border-top-right-radius: 8px;
    padding-right: 70px;
}
.listing-details .scorecard-tabs .nav-item:last-child .nav-link span{
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.listing-details .scorecard-tabs .tab-content{
    background: #fff;
    padding: 50px 70px;
    box-shadow: 3px 4px 30px rgb(151 151 151 / 20%);
    border-radius: 8px;
    border-top-left-radius: 0;
}
.listing-details .scorecard-tabs .score-detailed{
    padding-top: 0;
}
.listing-details .scorecard-tabs .score-detailed .title-wrapper{
    padding-right: 0;
}
.listing-details .scorecard-tabs .overall-score .score-detailed p{
    float: left;
    width: 100%;
    margin-top: 5px;
    clear: none;
    padding-right: 150px;
    font: normal 17px/24px 'NeueHaasUnicaRegular', Arial;
    color: #2A3032;
}
.listing-details .scorecard-tabs .overall-score{
    margin-bottom: 50px;
}
.listing-details .scorecard-tabs .overall-score .score-detailed .title{
    font: bold 16px/22px 'NeueHaasUnicaBold', Arial;
}
.listing-details .scorecard-tabs p{
    color: #2A3032;
    margin-bottom: 20px;
    font: normal 14px/20px 'NeueHaasUnicaRegular', Arial;
}
.listing-details .scorecard-tabs .form-group{
    margin-bottom: 45px;
}
/* #endregion*/

/* #region ----------------- RESPONSIVE MEDIA QUERIES --------------- */
@media(max-width: 823px){
    .bg-gray{
        padding: 67px 0 50px;
    }
    .btn-outline-secondary{
        padding: 7px 15px;
        margin-left: 10px;
    }
    .header-corner-img{
        width: 100%;
    }
    .header-container{
        float: left;
        width: 100%;
        position: fixed;
        padding-bottom: 11px;
        z-index: 999;
        height: 67px;
        left:0;
    }
    header{
        height: 67px;
    }
    .header-container .container{
        padding: 0;
    }
    .gray-header{
        background-color: #F4F7F5 ;
    }
    header .logo-text {
        padding: 0 0 0 10px;
        /* float: left;
        position: absolute;
        left:0;
        top:-7px;
        margin: 0; */
    }
    header .logo-text img{
        width: 85px;
        padding-top: 5px;
    }
    header .center-links {
        align-self: center;
    }
    header .center-links a:first-child{
        display: none;
    }
    header .center-links a{
        margin-right: 10px;
        font: 500 14px/18px 'NeueHaasUnicaMedium', Arial;
    }
    .btn-gradient,.btn-primary,.btn-outline-primary{
        font-size: 12px;
        padding: .375rem .8rem !important;
        margin-bottom: 0;
        line-height: 20px;
        width: auto !important;
    }
    header .right-links .btn-primary,
    header .login-header .btn{
        display:none;
    }
    header.gray-header .right-links a{
        border: 0;
    }
    /* header .left-links{
        background: #2A3032;
        position: fixed;
        height: 100%;
        overflow-y: auto;
        z-index: 12;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        left: 0;
        width: 0;
    }
    header .left-links.toggled{
        width: 255px;
        padding: 70px 0 0 0;
    }
    header .left-links.toggled a{
        display: block;
        color: #fff;
        line-height: 40px;
        margin-left: 30px;
    } */
    .mobile-hamburger{
        z-index: 9999;
        float: left;
        position: relative;
        left: 20px;
        top: 20px;
    }
    .mobile-hamburger.active{
        position: fixed;
        top: 14px;
        left: auto;
        margin-left: 20px;
    }
    .mobile-hamburger.active span{
        position: absolute;
    }
    .mobile-hamburger.active .top {
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: #fff;
        top: 0;
    }
    .mobile-hamburger.active .middle {
        opacity: 0;
        background: #fff;
    }
    .mobile-hamburger.active .bottom {
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: #fff;
        top: 22px;
    }
    .mobile-hamburger span{
        background: linear-gradient(226.11deg, #6D6AFE -27.07%, #3FB0F7 134.15%);
        border-radius: 6px;
        height: 3px;
        width: 25px;
        display: block;
        margin-bottom: 3px;
    }
    header .right-links{
        padding: 0 10px 0 0;
        margin-right: 0;
        align-self: center;
    }
    header .right-links .login-link{
        padding: 0 0 0 0;
        float: left;
        margin-right: 10px;
        margin-left: 0;
        border: 0;
    }
    .home-page .banner-wrapper {
        padding-top: 67px;
    }
    .header-banner{
        padding: 67px 15px 0;
    }
    .banner-section{
        padding: 60px 0 30px 0;
        position: relative;
    }
    .banner-section .logo-tagline .content .business-tagline{
        font: 800 23px/28px 'NeueHaasUnicaExtraBold', Arial;
        margin-bottom: 10px;
    }
    .banner-section .logo-tagline .content .business-tagline br{
        display: none;
    }
    .score-detailed .title-wrapper{
        padding-right: 0;
    }
    /* .inner-pages header .logo-text{
        padding: 10px 0 0 10px;
        margin-left: 0;
    } */
    .banner-section .logo-tagline{
        text-align: center;
        align-self: start;
    }
    .banner-section .logo-tagline img {
        width: 100%;
        display: block;
        padding-right: 10px;
        max-width: 300px;
        margin: 0 auto;
    }
    /* .inner-pages section{
        padding-top: 60px;
    } */
    section{
        margin-top: 0;
    }
    section .box-container,
    .home-page .search-page .search-container{
        padding: 40px 20px;
        margin-bottom: 40px;
    }
    .buyers-page .box-container{
        margin-bottom: 40px;
    }
    section .sellers-home{
        margin:0;
        padding: 50px 15px 20px 15px;
    }
    /*--------------------------------Search Page---------------------------------*/
    .search-page .search-box,
    .search-page .search-container .search-box{
        width: 100%;
        margin-top: 20px;
        max-width: 400px;
    }
    .search-page .search-container {
        padding: 0 0 50px;
    }
    .search-page .search-results{
        padding: 0;
    }
    .search-page .search-container .box-title, .search-page .search-results .search-title{
        font: 800 23px/28px 'NeueHaasUnicaExtraBold', Arial;
        margin-bottom: 20px;
    }
    .search-page .search-list .place{
        font: 500 18px/24px 'NeueHaasUnicaMedium', Arial;
    }
    .search-page .search-list .place-price span{
        margin-bottom: 10px;
    }
    .search-page .search-list .desc{
        font-size:14px;
    }
    .search-page .search-list .chart{
        margin: 20px 0;
    }
    .search-page .search-list .business-score{
        font-size:15px;
    }
    .search-page .search-list ul li{
        width: 100%;
    }
    .search-page .score-detailed .title{
        font: 500 15px/22px 'NeueHaasUnicaMedium', Arial;
        margin-right: 0;
        float: none;
    }
    .search-page .score-detailed{
        padding-top: 30px;
    }
    .search-page .search-list .detail-score{
        padding-left: 0;
    }
    .search-page .search-list .detail-score .form-group {
        margin-bottom: 0;
    }
    .search-page .search-list .left-score{
        border-right: 0;
        padding: 20px 20px 0;
    }
    .search-page .search-list .right-section{
        padding: 0 20px 20px;
    }
    .landing-wrapper .btn-groups {
        margin: 30px 0 70px;
    }
    .banner-section .franchise-img{
        max-width: 400px;
        margin: 0 auto 70px;
    }
    .banner-section .logo-tagline .content p {
        margin-bottom: 10px;
        line-height: 23px;
    }
    .banner-section .logo-tagline .content p br{
        display: none;
    }
    .banner-section .logo-tagline .content{
        font-size: 16px;
        left: 20%;
        top: 32%;
        padding-right: 10px;
    }
    .banner-section .logo-tagline .btn-outline-secondary,
    .banner-section .logo-tagline .btn-primary{
        padding: .375rem .75rem;
        font-size: 12px;
        line-height: 125.12%;
    }
    section .franchise-calculator .title{
        font-size: 18px;
        line-height: 140.62%;
        padding: 0;
    }
    section .franchise-calculator .sub-title{
        font-size: 12px;
        line-height: 140.62%;
        padding: 0;
        text-align: left !important;
        margin: 20px 0 30px 0;
    }
    section .franchise-form{
        margin: 0;
    }
    section .franchise-form label{
        font-size: 12px;
        line-height: 14px;
    }
    section .franchise-form .form-control{
        padding: 0 .75rem .2rem 0;
        font-size: 12px;
        line-height: 24px;
    }
    .input-icon > i{
        font: normal 14px/23px 'NeueHaasUnicaRegular', Arial;
    }
    .franchise-form input::placeholder{
        font-size: 12px;
    }
    section .franchise-form .form-group{
        margin-bottom: 15px;
    }
    section .franchise-calculator .bottom-line{
        padding: 20px 34px 24px;
        margin: 0;
    }
    section .franchise-calculator .sub-title.bottom-line{
        font-size: 12px;
        padding: 0;
    }
    section .franchise-calculator .sub-title.bottom-line br{
        display: none;
    }
    section .terms-privacy{
        padding: 0 17px;
    }
    section .business-oppurtunity{
        margin-top: 50px;
        padding: 49px 0 0 0;
        background-size: cover;
        background-position: center;
    }
    section .business-oppurtunity .title{
        font-size: 18px;
        line-height: 140%;
        padding: 0 25px;
        text-align: left !important;
        margin-bottom: 40px;
        max-width: 500px;
    }
    section .business-oppurtunity .oppurtunity-wrapper{
        margin: 0 20px;
    }
    section .oppurtunity-wrapper p{
        margin: 20px 0 40px 0;
        font-size: 14px;
    }
    /*------------------------------Footer--------------------------*/
    /* footer{
        margin-top: 60px;
    } */
    footer .logo-text img{
        margin-top: 0;
    }
    footer .footer-wrapper{
        padding: 20px 0;
    }
    footer .footer-wrapper .subscribe{
        margin: 20px 0;
    }
    footer .subscribe p{
        margin-bottom: 5px;
        font-size: 14px;
    }
    footer .subscribe .btn-gradient{
        padding: .3rem .8rem;
        margin-bottom: 10px;
    }
    footer .subscribe .form-control{
        margin: 0 0 10px;
        padding: .3rem .75rem;
        line-height: 20px;
    }
    footer .footer-links{
        text-align: left !important;
    }
    footer .copywrite-privacy{
        text-align: center;
    }
    footer .copywrite-privacy, footer .copywrite-privacy a, footer .footer-links a{
        font-size: 14px;
        text-align: left;
    }
    /*--------------------------------------- business score ------------------*/
    .business-score .title{
        font: 800 16px/28px 'NeueHaasUnicaExtraBold', Arial;
        padding: 30px 0 15px 0;
        float: none;
    }
    .business-score .sub-title{
        font: normal 12px/140.62% 'NeueHaasUnicaRegular', Arial;
        padding: 0 20px 30px;
        margin: 0 30px;
    }
    .business-score .sub-title.title-line1{
        padding: 0;
        margin-bottom: 30px;
    }
    .potential-scores {
        padding: 0 10px;
    }
    .potential-scores .form-group {
        margin-bottom: 15px;
    }
    .business-score .potential-scores .scores-wrapper .row .col-md-6:last-child {
        padding-left: 15px;
    }
    .potential-scores .section-container{
        padding: 15px;
    }
    div.chart{
        width: 70px;
        height: 70px;
    }
    .chart span{
        width: 70px;
        font: 500 25px/12px 'NeueHaasUnicaMedium', Arial;
        padding-top: 34%;
    }
    .score-detailed {
        padding-left: 90px;
        padding-top: 0;
    }
    .business-score .btn-groups{
        margin: 40px 0;
    }
    .business-score .potential-scores{
        padding: 0 10px 20px;
        margin: 0 10px 30px;
    }
    .business-score .score-detailed{
        padding-right: 0;
        padding-left: 80px;
    }
    .business-score .score-detailed .slidecontainer{
        margin-top: 0;
    }
    .business-score .potential-scores .scores-wrapper .form-group {
        margin-bottom: 20px;
    }
    .business-score .potential-scores .description{
        font-size: 12px;
        text-align: left;
    }
    .business-score .potential-scores .description a{
        font-size: 12px;
    }
    .score-detailed a{
        padding-top: 0;
    }
    .business-score .score-detailed p{
        margin-bottom: 0;
    }
    .business-score .potential-scores .filter-section{
        padding-top: 20px;
        padding-right: 0;
    }
    .business-score .potential-scores .filter-section .report-name{
        float:none;
        margin-bottom: 10px;
    }
    .business-score .potential-scores .filter-section .business-type{
        float: none;
        width: 100%;
        clear: both;
    }
    .business-score .potential-scores .filter-section .report-name span{
        font: 500 14px/36px 'NeueHaasUnicaMedium', Arial;
    }
    .business-score .potential-scores .filter-section input{
        font: 500 14px/18px 'NeueHaasUnicaMedium', Arial;
    }
    .business-score .potential-scores .filter-section .business-type label{
        font: 500 14px/15px 'NeueHaasUnicaMedium', Arial;
        width: 100%;
        text-align: left;
    }
    .business-score .potential-scores .filter-section .business-type .form-control,
    .business-score .potential-scores .filter-section .business-type input[type=text]{
        width: 80%;
        float: left;
    }
    .business-score .potential-scores .filter-section .business-type input[type=text]{
        clear: left;
    }
    .business-score .potential-scores .scores-wrapper{
        padding-left: 0;
    }
    .slidecontainer{
        margin-top: 10px;
    }
    .business-score .potential-scores .bottom-info p{
        margin-top: 20px;
        padding-left: 0; 
        text-align: left;
    }
    .business-score .potential-scores .bottom-info .score-detailed{
        padding-left:0;
        /* float: left;
        width: 100%; */
        padding-top: 20px;
        display: inline-block;
        width: 50%;
        overflow: hidden;
    }
    .business-score .potential-scores .bottom-info .score-detailed .title-wrapper{
        width:100%;
    }
    .business-score-values td span{
        margin-bottom: 5px;
    }
    .business-score-values, .business-score-values td, .business-score-values th{
        border-right: 1px solid #979797;
        border-top: 1px solid #979797;
    }
    .business-score-values, .business-score-values tr:last-child td{
        border-bottom: 1px solid #979797;
    }
    .business-score-values th.new-values{
        border-top-right-radius: 0;
    }
    .business-score-values{
        margin-bottom: 20px;
    }
    .business-score-values td{
        padding: 15px 0;
    }
    .business-score-values td .price{
        font: 500 16px/21px 'NeueHaasUnicaMedium', Arial;
    }
    .save-report-modal .btn-groups{
        margin: 0 0 20px !important;
    }
    .save-report-modal .modal-body .franchise-form{
        margin: 0;
    }
    /*--------------------------------- forgot password -----------------*/
    .forgot-password{
        margin-top: 100px;
        padding: 0 20px;
    }
    .forgot-password .login-title{
        font-size: 28px;
    }
    .forgot-password .subtitle{
        font-size: 14px;
    }
    /*--------------------------------- how it works --------------------*/
    .how-it-works .vector-img{
        width: 100%;
        min-height: 500px;
        object-fit: cover;
    }
    .how-it-works .buying-process{
        margin:0 0 50px;
        padding: 15px;
    }
    .how-it-works h1{
        font-size: 26px;
        margin: 35px 0 30px 0;
        padding: 0 20px;
    }
    .how-it-works .buying-process .horizontal-line{
        display: none;
    }
    .how-it-works .buying-process p{
        font-size: 16px;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .how-it-works .buying-process .btn-groups {
        margin: 30px 0;
    }
    .dummy-category .bhwhite-wrapper {
        margin: 0 0 50px;
        padding: 15px;
    }
    .dummy-category section {
        padding-top: 20px;
    }
    .dummy-category h1 {
        font-size: 26px;
        margin: 35px 0 30px 0;
        padding: 0 20px;
    }
    .dummy-category .vector-img {
        width: 100%;
        min-height: 500px;
        object-fit: cover;
    }
    /*------------------------------------ account details -----------------*/
    .account-details .my-reports .top-header .download-buttons{
        float: right!important;
        margin-top: 10px;
    }
    .account-details .sidebar-panel .logo{
        display: inline-block;
        padding: 12px 0 0 60px;
    }
    .account-details .my-reports{
        padding: 16px 10px 0;
        position: relative;
        margin-bottom: 100px;
    }
    .account-details .my-reports .page-navigator{
        float: right;
    }
    .account-details .my-reports h1{
        font: 500 20px/23px 'NeueHaasUnicaMedium', Arial;
        margin-bottom: 0;
        padding-top: 7px;
        width: 100%;
    }
    .account-details .my-reports h1.account-title{
        padding-top: 50px;
    }
    .account-details .my-reports .top-header{
        width: 100%;
        margin-bottom: 0;
    }
    .page-navigator span{
        font-size: 14px;
    }
    .page-navigator i{
        font-size: 19px;
    }
    .account-details .user-details .user-avatar img{
        height: 35px;
        width: 35px;
    }
    .account-details .my-scores{
        margin-top: 10px;
        padding: 0 15px;
    }
    /* .account-details .my-reports .download-buttons {
        margin: 0 10px 20px 0;
    } */
    .account-details .filter-section {
        padding-top: 10px;
    }
    .account-details .date-download .download{
        text-align: right;
    padding-right: 10px;
    }
    .account-details .date-download {
        margin-bottom: 10px;
    }
    .account-details .score-cards {
        padding-left: 0;
        clear: both;
    }
    .account-details div.chart{
        width: 70px;
        height: 70px;
    }
    .account-details .chart span{
        width: 70px;
    }
    .account-details .score-detailed {
        padding-left: 90px;
        padding-top: 12px;
    }
    .score-detailed .title{
        font: 500 16px/22px 'NeueHaasUnicaMedium', Arial;
        padding: 0;
    }
    .account-details .score-cards .form-group {
        margin-bottom: 30px;
    }
    .account-details .score-values{
        padding-left: 0;
        padding-right: 0;
    }
    .account-details .business-score-values, 
    .account-details .business-score-values td, 
    .account-details .business-score-values th{
        border-left: 0;
        border-top: 1px solid #DFE0EB;
    }
    .account-details .business-score-values td {
        padding: 16px 0;
    }
    .account-details .saved-reports-lists{
        width: auto;
    }
    .account-details .saved-reports-lists .title{
        margin: 0 0 30px 30px;
    }
    .account-details .saved-reports-lists li{
        padding: 10px 10px 10px 20px;
    }
    .account-details .saved-reports-lists li .report-name{
        display: inline-block;
    }
    .account-details .saved-reports-lists li i{
        padding-right: 20px;
    }
    .account-details .personal-information{
        padding: 20px;
    }
    .account-details .personal-information .form-group{
        width: 100%;
    }
    .account-details .create-listing{
        padding-top: 0;
    }
    .login-page .login-title{
        font: 800 30px/30px 'NeueHaasUnicaExtraBold', Arial;
        margin-bottom: 20px;
    }
    .login-page .signup-link{
        margin-bottom: 30px;
    }
    .save-report-modal .modal-body .franchise-form label{
        margin-bottom: 0;
    }
    .login-page .login-btn{
        margin: 40px auto;
    }
    .create-listing{
        padding-top: 100px;
    }
    .create-listing .listing-progress .steps{
        font: normal 12px/16px 'NeueHaasUnicaRegular', Arial;
        text-align: center;
        padding: 0 5px;
    }
    .create-listing .listing-progress .steps span{
        margin-right: 0;
        display: block;
        margin: 0 auto 10px;
    }
    .create-listing .main-title{
        font: 800 23px/28px 'NeueHaasUnicaExtraBold', Arial;
        margin-bottom: 40px;
    }
    .search-page .listing-title .listing-text{
        display: block;
    }
    .search-page .listing-title{
        margin-bottom: 40px;
    }
    .account-details .business-listing .listing-status .listing-date{
        margin-right: 0;
    }
    .account-details .business-listing li .report-name{
        width: 50%;
    }
    .account-details .business-listing li .status{
        display: block;
        text-align: right;
    }
    .listing-details .listing-status .status-text{
        padding-bottom: 15px;
    }
    /*-------------------------------------------- Sellers Page--------------------*/
    .sellers-page .heading{
        font-size: 23px;
    }
    .sellers-page .box-container{
        padding: 40px 20px;
        margin-bottom: 40px;
    }
    .sellers-page .description{
        padding: 0;
    }
    .sellers-page .leads-listing {
        margin-top: 20px;
    }
    .sellers-page .leads-listing .box-title:first-child {
        margin-top: 40px;
    }
    .sellers-page .leads-listing img{
        display: none;
    }
    .sellers-home .search-list .detail-score{
        padding-left: 0;
    }
    /*--------------------------------------Login Page-----------------------------*/
    .login-page{
        padding-top: 100px;
    }
    .login-page .nav-pills .nav-link{
        padding: 14px 20px;
    }
    .login-page .franchise-form {
        padding: 0;
    }
    /*------------------------------------Pricing Page-----------------------*/
    .pricing-page .main-title{
        font: 800 23px/29px 'NeueHaasUnicaExtraBold', Arial;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    /*-----------------------------------Listing Details--------------------------*/
    .listing-details .place{
        font: bold 22px/24px 'NeueHaasUnicaBold', Arial;
    }
    .listing-details .place-price span{
        margin-bottom: 5px;
    }
    .listing-details .overview{
        margin: 30px 0;
    }
    .listing-details .business-details{
        margin-bottom: 30px;
    }
    .listing-details .business-details ul{
        margin: 0 50px 0 0;
    }
    .listing-details .contact-broker .btn-groups{
        margin-bottom: 40px;
    }
    .listing-details .scorecard-tabs .nav-link{
        padding: 20px 0 10px;
    }
    .listing-details .scorecard-tabs .nav-item:last-child .nav-link{
        padding-right: 40px;
    }
    .listing-details .scorecard-tabs .nav-item:first-child .nav-link{
        padding-left: 40px;
    }
    .listing-details .scorecard-tabs .tab-content{
        padding: 30px 20px;
    }
    .listing-details .scorecard-tabs .overall-score {
        margin-bottom: 40px;
    }
    .listing-details .scorecard-tabs .overall-score .score-detailed p{
        padding-right: 0;
        font: normal 16px/20px 'NeueHaasUnicaRegular', Arial;
    }
    .listing-details .scorecard-tabs .form-group {
        margin-bottom: 30px;
    }
    .listing-details .scorecard-tabs .score-detailed {
        padding-top: 0;
    }
    .listing-details .scorecard-tabs p{
        margin-bottom: 0;
    }

}
@media (max-width: 360px){
    .banner-section .logo-tagline .content{
        font-size: 14px;
    }
}
@media (max-width: 414px){
    .business-score .potential-scores .bottom-info .score-detailed{
        display: block;
        margin: 0 auto;
        width: 218px;
        float: none;
    }
}
@media screen and (min-width: 768px){
    .account-details .my-reports {
        padding-left: 285px;
        margin-bottom: 100px;
        position: relative;
    }
    .account-details .sidebar-panel{
        width: 255px;
        overflow: hidden;
        z-index: 1050;
    }
}
@media (max-width: 767px) and (min-width: 240px){
    .sidebar-panel {
        width: 0;
    }
    .sidebar-panel.toggled{
        width: 255px;
    }
    
}
@media (max-width: 812px) and (min-width: 768px){
    .header-corner-img {
        width: 70%;
    }
    .banner-section .logo-tagline img{
        width: 100%;
    }
    .mobile-hamburger{
        display: none;
    }
    .banner-section {
        padding: 60px 0 80px 0;
    }
}
@media only screen and (min-device-width: 812px) and (max-device-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .banner-section {
        padding: 60px 0 80px 0;
    }
}
@media (max-width: 1200px) and (min-width: 824px){
    header .logo-text {
        padding: 0;
        align-self: center;
        margin-left: 30px;
    }
    .header-corner-img{
        width: 50%;
    }
    header .right-links {
        padding: 23px 20px 22px 0;
    }
    .banner-section{
        margin: 0 0 0 30px;
        padding: 20px 0 80px 0;
    }
    section .business-oppurtunity{
        margin-top: 50px;
    }
    .banner-section .logo-tagline .content {
        font: 800 22px/114% 'NeueHaasUnicaExtraBold', Arial;
        left: 27%;
        top: 28%;
    }
    section .franchise-calculator .title {
        font: 800 18px/140.62% 'NeueHaasUnicaExtraBold', Arial;
        padding: 28px 0 0;
    }
    section .franchise-form {
        margin: 0 30px;
    }
    .btn-gradient{
        /* margin-bottom: 34px; */
    }
    
    .score-detailed .title-wrapper{
        padding-right: 0;
    }
    .banner-section .franchise-img .btn-outline-secondary, .banner-section .franchise-img .btn-primary {
        padding: .375rem .75rem;
        margin-top: 10px;
        font: 500 12px/125.12% 'NeueHaasUnicaMedium', Arial;
    }
    section .business-oppurtunity .title {
        font: 800 18px/140% 'NeueHaasUnicaExtraBold', Arial;
        padding: 0 25px;
        margin-bottom: 40px;
        max-width: 500px;
    }
    section .business-oppurtunity .oppurtunity-wrapper {
        margin: 0 20px;
    }
    .banner-section .logo-tagline img{
        width: 100%;
    }
    /* .banner-section .franchise-img{
        max-width: 500px;
    } */
    .business-score .potential-scores{
        margin: 40px 30px 45px 30px;
    }
    .business-score .sub-title.title-line1{
        padding: 0;
    }
    .business-score .sub-title{
        padding: 0 0 30px;
    }
    .business-score-values, .business-score-values td, .business-score-values th {
        border-right: 1px solid #979797;
        border-top: 1px solid #979797;
    }
    .business-score-values, .business-score-values tr:last-child td {
        border-bottom: 1px solid #979797;
    }
    footer .subscribe .form-control,footer .subscribe .btn-gradient{
        margin-bottom: 10px;
    }
    /*--------- how it works --------------------*/
    .how-it-works .buying-process{
        margin: 0 100px 100px;
    }
    .listing-details .scorecard-tabs .overall-score .score-detailed p{
        padding-right: 0;
    }
}
@media (max-width: 1400px) and (min-width: 1201px){
    .banner-section .logo-tagline img{
        width: 100%;
    }
    header .right-links {
        padding: 23px 20px 22px 0;
    }
    .banner-section .logo-tagline .content {
        font: 800 22px/114% 'NeueHaasUnicaExtraBold', Arial;
        left: 27%;
        top: 28%;
        padding-right: 0;
    }
    section .business-oppurtunity .oppurtunity-wrapper{
        margin: 0 180px;
    }
}
@media (max-width: 1455px) and (min-width: 824px){
    /* .banner-section .franchise-img{
        margin-right: -15px;
    } */
}

/* #endregion*/


@-webkit-keyframes shadow-drop-2-center {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      -webkit-transform: translateZ(50px);
              transform: translateZ(50px);
      -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
              box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
  }
  @keyframes shadow-drop-2-center {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      -webkit-transform: translateZ(50px);
              transform: translateZ(50px);
      -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
              box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
  }