@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;800&display=swap');

/* ============== comman font text style code by alam date : 20/01/2022 =========== */
h6, h5, h4, h3, h2, h1 {
    font-family: "Open Sans", sans-serif !important;
}
p {
    font-family: "Open Sans" !important;
}
input {
    font-family: "Open Sans" !important;
}

/*--------------------------------------------------------*/
.btn-blue {
    background-color: #0075f2 !important;
    color: #fff;
}
.preheading {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #44546A !important;
}
.mainheading {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #1E2B3C !important;
}
.heading-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #1E2B3C !important;
}
.body-text {
    font-size: 15px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}
.font9px {
    font-size: 11px !important;
    font-family: 'Open Sans', sans-serif;
}
.font10px {
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif;
}
.font11px {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
}
.font12px {
    font-size: 15px !important;
    font-family: 'Open Sans', sans-serif;
}
.font14px {
    font-size: 17px !important;
    font-family: 'Open Sans', sans-serif;
}
.font16px {
    font-size: 20px !important;
    font-family: 'Open Sans', sans-serif;
}
.font18px {
    font-size: 22px !important;
    font-family: 'Open Sans', sans-serif;
}
.font20px {
    font-size: 25px !important;
    font-family: 'Open Sans', sans-serif;
}
.font24px {
    font-size: 28px !important;
    font-family: 'Open Sans', sans-serif;
}
.font26px {
    font-size: 30px !important;
    font-family: 'Open Sans', sans-serif;
}
.font32px {
    font-size: 36px !important;
    font-family: 'Open Sans', sans-serif;
}
.font36px {
    font-size: 40px !important;
    font-family: 'Open Sans', sans-serif;
}
.font48px {
    font-size: 52px !important;
    font-family: 'Open Sans', sans-serif;
}

@media screen and (min-width: 1441px) {
    .font12px {
        font-size: 19px !important;
        font-family: 'Open Sans', sans-serif;
    }
}

.error-heading {
    font-size: 10rem;
    color: white;
    font-weight: 800;
}
.error-text {
    font-size: 5rem;
    color: #439DFF;
}
.btn-error {
    font-size: 2rem;
    color: #b7c2d1;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
.denied-body {
    /* position: relative;
    box-sizing: border-box; */
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom right, #EEE, #AAA);
}
.denied-body h1 {
    margin: 40px 0 20px;
}
.lock {
    border-radius: 5px;
    width: 55px;
    height: 45px;
    background-color: #333;
    /* animation-iteration-count: infinite; */
}
.lock::before, .lock::after {
    content: '';
    position: absolute;
    border-left: 5px solid #333;
    height: 20px;
    width: 15px;
    left: calc(50% - 12px);
}
.lock::before {
    top: 245px;
    border: 5px solid #333;
    border-bottom-color: transparent;
    border-radius: 15px 15px 0 0;
    height: 40px;
    width: 25px;
}
/* .lock::after {
    top: -15px;
    border-right: 5px solid transparent;
} */


.fontLight {
    font-weight: 400 !important;
}
.fontBold {
    font-weight: 700 !important;
}
.fontExtraBold {
    font-weight: 800 !important;
}
.color-light {
    color: #7F7F7F !important;
}
.color-bold {
    color: #1E2B3C !important;
}
.color-bolder {
    color: #44546A !important;
}

.dollor-with:hover {
    background-color: #b7c2d1 !important;
}
.width120 {
    width: 120px !important;
}
.nextInput ul {
    list-style: none;
    padding: 0;
}

.wrap {
    position: relative;
    height: 100%;
    width: 300px;
    margin: 0 auto;
}
.wrap .benchmark:first-child {
    /* background-color: #1E65A7; */
    background-color: #0077ff;
    border-radius: 15px;
    position: absolute;
    top: 0;
    width: 300px;
}
.wrap .benchmark:last-child {
    background-color: #58B091;
    border-radius: 15px;
    position: absolute;
    bottom: 0;
    width: 300px;
}
.wrap .benchmark h4 {
    font-family: "Open Sans", sans-serif !important;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px !important;
    padding: 5px;
}
.wrap .benchmark p {
    font-family: "Open Sans", sans-serif !important;
    font-size: 36px;
    font-weight: 800;
    color: #fff;
}
@media screen and (max-width: 820px) {
    .wrap {
        margin: 20px 0px 20px 0px !important;
        display: grid;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }
    .wrap .benchmark:first-child {
        position: relative !important;
    }
    .wrap .benchmark:last-child {
        position: relative !important;
    }
}

.listWrapper {
    width: 100%;
    height: auto;
}
.listWrapper .lw-text {
    height: 200px;
}
.listWrapper .lw-img {
    height: 500px;
    background-color: #03202b;
}
.listWrapper .lw-img img{
    height: 100%;
    width: 100%;
}
@media only screen and (min-width: 2160px) {
    .listWrapper .lw-text {
        height: 150px !important;
    }
}
@media only screen and (min-width: 1200px) {
    .listWrapper .lw-text {
        height: 250px !important;
    }
}
@media only screen and (min-width: 1080px) {
    .listWrapper .lw-text {
        height: 250px !important;
    }
    .listWrapper .lw-img {
        height: 450px !important;
    }
}
/* @media only screen and (min-width: 1024px) {
    .listWrapper .lw-text {
        height: 300px !important;
    }
    .listWrapper .lw-img {
        height: 400px !important;
    }
}
@media only screen and (min-width: 992px) {
    .listWrapper .lw-text {
        height: 300px !important;
    }
    .listWrapper .lw-img {
        height: 300px !important;
    }
} */
@media screen and (max-width: 820px) {
    .listWrapper .lw-text {
        height: auto !important;
    }
    .listWrapper .lw-img {
        height: auto !important;
    }
}

/*--------------------------------------------------------*/

.font-sise-20 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    color: #8497b0 !important;
}
.font-sise-42 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold !important;
    font-size: 42px !important;
    color: #fff !important;
}
.font-sise-14 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: inherit !important;
    font-size: 14px !important;
    color: #fff !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
}
.font-sise-16 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: inherit !important;
    font-size: 16px !important;
    color: #fff !important;
    padding: 0 !important;
    margin-bottom: 4px !important;
}
.font-sise-bold-18 {
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold !important;
    font-size: 22px !important;
    color: #439dff !important;
    padding: 0 !important;
    margin-bottom: 5px !important;
}
.font-sise-bold-wt-24 {
    font-size: 24px;
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: bold;
    color: #d0cece;
}
.font-sz-black-20 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0;
    word-spacing: 0;
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold !important;
}
.color-black {
    color: #1e2b3c !important;
}
.black-bg {
    background-color: #1e2b3c !important;
}
.white-bg {
    background-color: #fff !important;
}
.bg-color-01 {
    background-color: #f4b084 !important;
}
.bg-color-02 {
    background-color: #d8e2f2 !important;
}
.bg-color-03 {
    background-color: #44546a !important;
}
.hide-content {
    visibility: hidden;
}
.padding-0 {
    padding: 0 !important;
}
.w-col {
    display: block;
    width: 428px;
}
.next-link {
    font-size: 20px;
    margin-top: 20px;
    display: block;
    width: fit-content;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    word-spacing: 0;
    color: #0075f2;
    text-decoration: underline;
    font-weight: 300;
    font-family: "Open Sans";
}
.next-link:hover {
    color: #0075f2;
    text-decoration: underline;
}
/*  =============== comman width 170px ============= */
.wh-130 {
    width: 160px;
}
.wh-200 {
    width: 200px;
}
/*  =============== comman width 170px ============= */

.bg-dard-color {
    background-color: #1e2b3c !important;
    width: 100%;
    margin-left: 0 !important;
}
.bg-white-color {
    background-color: #fff !important;
    /* width: 100%;
    margin-left: 0!important; */
}
.mar-b {
    margin-bottom: 30px;
}

/* ============== comman font text style code by alam date : 20/01/2022 =========== */

/* ============== Home page css style code by alam date : 20/01/2022 =========== */
.leftContetn .list-of-data {
    padding-left: 20px;
}

.leftContetn .list-of-data li {
    list-style-type: disc;
    width: 100%;
}
.the-revense {
    margin-bottom: 20px;
}
.card-rwo .diagnosediv {
    border: 1px solid #fff;
    padding: 10px 20px 0px 20px;
    margin: 0;
    width: 100%;
    display: block;
    clear: both;
}
.diagnosediv {
    min-height: 160px;
}
.diagnosediv ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
/* add css with jahir sir */
.diagnosediv a {
    cursor: pointer;
    color: #fff;
}
.diagnosediv h3 a{
    cursor: pointer;
    color: #439DFF !important;
}
/* add css with jahir sir */
/* .diagnosediv a:hover {
    color: unset;
} */
.copyRgight {
    margin-top: 50px;
    width: 100%;
    max-width: 370px;
    padding: 0;
    display: block;
}
span.custome-color {
    color: #a6a6a6;
}
span.text-white.color-whte {
    font-weight: bold;
}

.copyRgight span {
    font-size: 12px;
    font-family: "Open Sans", sans-serif !important;
}
span.custome-color {
    display: inline-block;
    margin-bottom: 25px;
}
.imageBx {
    margin-top: -61px;
}
/* ============== Home page css style code by alam date : 20/01/2022 =========== */

/* ============== Diagnose page css style code by alam date : 20/01/2022 =========== */
.duble-list {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 100%;
}
.card-rwo.diagnose-page .diagnosediv {
    min-height: 280px;
}
/* ============== Diagnose page css style code by alam date : 20/01/2022 =========== */

/* ============== Prescribe page css style code by alam date : 20/01/2022 =========== */
.prescribe-hg {
    min-height: 315px !important;
}
a.text-white-cl {
    color: #fff!important;
}
/* ============== Prescribe page css style code by alam date : 20/01/2022 =========== */

/* ============== How It works page css style code by alam date : 20/01/2022 =========== */
.color-drk {
    color: #1e2b3c !important;
}
.color-dark {
    color: #000 !important;
}
.list-ht-wr li {
    list-style-type: disc;
    margin-left: 20px;
}
.graph-div-bx {
    width: 100%;
    min-height: auto;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* ============== How It works page css style code by alam date : 20/01/2022 =========== */

/* ============== sidebar section css style code by alam date : 20/01/2022 =========== */
.content-body .container {
    margin-top: 0!important;
} 
.sidebarNew {
    width: 16rem;
    border: 1px solid #000;
    position: fixed;
    left: 0;
    height: 100vh;
    background-color: #1e2b3c;
    padding: 20px 0;
    z-index: 999;
    display: block;
}
.nav-header-new {
    margin-bottom: 4rem;
    padding-left: 15px;
    width: 100%;
    height: auto;
}
.dlabnav-scroll-new ul li a.active span {
    color: #65afff;
}
.metismenu-mew {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
}
.metismenu-mew li a img {
    width: 24px;
}

.metismenu-mew li {
    line-height: inherit;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
}
.dlabnav-scroll-new ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    padding-left: 10px;
    margin: 10px 0;
}
.dlabnav-scroll-new {
    height: 80%;
    overflow: auto;
    padding: 0;
    margin: 0;
    width: 100%;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.dlabnav-scroll-new::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.dlabnav-scroll-new {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.sidebar-footer {
    padding: 0 10px;
}
.metismenu-mew li a span {
    width: 100%;
    display: inline;
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
.content-body-new {
    margin-left: 16rem !important;
}

address.contact-info p {
    padding: 0;
    margin: 0;
    line-height: 1.8;
    color: #d0cece;
    font-size: 12px;
    font-weight: 300;
}

address.contact-info {
    padding-left: 15px;
    margin: 105px 0;
    width: 100%;
}
/* ============== sidebar section css style code by alam date : 20/01/2022 =========== */

/*  ========================== you can replace css code date : 30/01/2023 ==============================  */

/* ============== pre-banchmarke page css style code by alam date : 20/01/2022 =========== */
.brand-logo-new {
    width: 100%;
    max-width: 170px;
    height: 70px;
    display: block;
    padding: 0;
    margin: 0;
}
.brand-logo-new img {
	width: 200px;
	height: 72px;
	margin-left: -22px;
}
.input-fiel-cn {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.input-fiel-cn input {
    width: 100%;
    height: 100%;
    padding: 0px 10px;
    border: 0;
}
.input-fiel-cn input:hover {
    background-color: #b7c2d1 !important;
}

.input-fiel-cn textarea {
    width: 100%;
    height: 100%;
    padding: 0px 10px;
    border: 0;
}
.input-fiel-cn textarea:hover {
    background-color: #b7c2d1 !important;
}
span.icon-three {
    padding-left: 10px;
}
.prebenchmark .table tr.row-two th:first-child {
    text-align: center;
}
.bg_bottom {
    background: #1e2b3c !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
}
.bordernone {
    border: none !important;
}
.leftContetn p {
    width: 645px;
}
.prebenchmark .table tr th:nth-child(2) {
    width: 100% !important;
}
/* ============== pre-banchmarke page css style code by alam date : 20/01/2022 =========== */

/* ============== clients input old page css style code by alam date : 20/01/2022 =========== */
.table .form-control {
    background-color: #f4b084 !important;
    color: #fff;
}
.table .form-control:hover {
    background-color: #b7c2d1 !important;
    color: #fff;
}
.client-input-new-div .table tbody tr td {
    height: 100% !important;
}
/* ============== clients input old page css style code by alam date : 20/01/2022 =========== */

/* ============== new clients input page css style code by alam date : 30/01/2022 =========== */
.client-Input-inner table thead tr th {
    font-size: 20px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
}
.client-Input-inner table tbody tr th {
    text-align: right !important;
}
.w-wth-cell-75 {
    width: 75%;
}
.w-wth-cell-25 {
    width: 25%;
}
.dollor-with {
    display: flex;
    height: 100%;
    width: 200px;
    background: #f4b084;
}
.dollor-with .dolor-title {
    color: #333;
    font-size: 18px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}
.dollor-with input {
    text-align: right;
}
.dfsdjk {
    width: 213px;
}
.sdanflkn {
    width: 613px;
    text-align: left;
}
.annual-revenue {
    width: 77px;
}
.client-inpt-field input {
    width: 110px;
    text-align: right;
    padding-right: 20px;
}
.client-int-new {
    width: 450px;
}
.Blue-gray-bg {
    background-color: #8497b0!important;
}
.color-text-white {
    color: #fff !important;
}
.font15px {
    font-size: 15px!important;
}
.dollor-sin-pr {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: #f4b084;
    width: 100%;
    justify-content: center;
}
.dollor-sin-pr .dollor-sin {
    font-size: 16px;
    width: 20px;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    align-items: center;
    height: 100%;
    font-weight: 300;
}

.dollor-sin-pr .perecentage {
    font-size: 16px;
    width: 20px;
    display: flex;
    justify-content: center;
    position: absolute;
    color: #333;
    right: 0;
    top: 0;
    align-items: center;
    height: 100%;
}

table.client-input-target-th tbody tr th:nth-child(4){
    background-color: red;
}
.number-limit {
    width: 120px;
}

@media screen and (min-width: 2049px) {
    .dollor-with {
        display: flex;
        height: 100%;
        width: 225px;
        background: #f4b084;
    }
}
@media screen and (min-width: 1707px) {
    .client-int-new {
        width: auto;
    }
    .dfsdjk {
        width: 210px;
    }
}
@media screen and (min-width: 1199px) {
    .sidebarNew {
        width: calc(15% + 60px);
        padding: 20px;
    }
    .content-body-new {
        margin-left: auto!important;
        width: 82%;
    }
    .content-body .container-fluid {
        margin-top: 0!important;
        padding: 0 30px 0 100px;
        margin-left: initial;
    }
}
/* ============== new clients input page css style code by alam date : 30/01/2022 =========== */

/* ============== customer financial page new css style code by alam date : 30/01/2022 =========== */
.annual-customer p, .annual-customer h3 {
    font-family: "Open Sans", sans-serif !important;
}
.bg-color-blue {
    background-color: #0075F2!important;
}
.bg-color-teal {
    background-color: #72BDA3!important;
}
.bg-color-orange-accent {
    background-color: #ED7D31!important;
}
.bg-color-light-blue {
    background-color: #D8E2F2!important;
}
.bg-color-gold-light {
    background-color: #FFD966!important;
}
.bg-color-gold-light2{
    background-color: #FFE699!important;
}
.bg-color-green {
    background-color: #00B050!important;
}
.bg-color-blue-gray {
    background-color: #8497B0!important;
}
/* .annual-customer {
    border-radius: 5px;
    width: 100%;
    display: block;
    padding: 10px 10px;
}
.annual-customer p {
    color: #fff;
    display: block;
    text-align: right;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
} */
.annual-customer {
    border-radius: 5px;
    width: 96%;
    display: block;
    padding: 10px 10px;
}


.annual-customer p {
    color: #fff;
    display: block;
    text-align: right;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
.annual-img-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
}
.annual-img-bx h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.annual-customer .annual-image-d {
    width: 100%;
    height: 100%;
    max-width: 50px;
}
.annual-customer-table-inner table thead tr th {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
}
.annual-dollor-sign {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
}
.about-your-busines {
    width: 320px;
    padding: 0;
    margin: 0;
    text-align: left;
}
.annual-dl-number strong {
    letter-spacing: 0.5px;
}
.only-number {
    display: block;
    text-align: right;
    width: 100%;
}
/* ============== customer financial page new css style code by alam date : 30/01/2022 =========== */ 

/* ============== lead generation page updated css style code by alam date : 01/02/20223 =========== */ 
.wthinherit {
    width: inherit!important;
}
.lead-generation-new .card {
    box-shadow: unset!important;
}
.update-class-lead {
    border-radius: unset!important;
}
.update-class-lead table thead tr th {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
}
.update-class-lead table tbody tr th {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    text-align: center;
}
.update-class-lead table tbody tr th:nth-child(1) {
    text-align: left;
}
.update-class-lead table tbody tr td {
    text-align: right;
}
.update-class-lead table tbody tr td:nth-child(1) {
    text-align: left;
}
.update-class-lead .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: none!important;
    color: var(--bs-table-striped-color);
}
.text-black {
    color: #1e2b3c!important;
}
.lead-generation-graph-img {
    width: 100%;
    height: auto;
}
.lead-generation-graph-img img {
    width: 100%;
    height: 100%;
}
.potential-growth-ld {
    padding: 30px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    background-color: #ebf1f9;
}
.potential-growth-ld h3 strong {
    font-size: 15px;
    font-family: "Open Sans", sans-serif !important;
    padding: 0;
    margin: 0;
    width: 100%;
}
.potential-growth-ld ol {
    padding-left: 15px;
    margin: 0;
    width: 100%;
    display: block;
}
.potential-growth-ld ol li {
    padding: 0;
    margin: 0;
    line-height: 1.8;
    width: 100%;
    list-style: auto;
    font-size: 14px;
    color: #333;
    font-family: "Open Sans" !important;
}
.lead-generation-table table thead tr th {
    font-size: 20px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    text-align: left;
    width: 120px;
}
.text-right-rt {
    text-align: right!important;
}
.impact-lead-titile {
    font-size: 20px;
    line-height: 1.2;
    color: #333;
    margin-top: 20px;
}
.long-tbale-body tr td input{
    border-radius: 0!important;
    height: 100%!important;
    text-align: center!important;
}
.long-tbale-body tr td:first-child input{
    text-align: left!important;
}
/* ============== lead generation page updated css style code by alam date : 01/02/20223 =========== */


/* ============== the compounding effecting page css style code by alam date : 01/02/20223 =========== */ 
.compounding-effection-rw {
    margin-bottom: 30px;
}
.height-auto-cl {
    height: 233px;
    display: flex;
    align-items: center;
}
.compounding-img-bx {
    width: 100%;
    height: 100%;
}
.compounding-img-bx img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.total-improvement-bx {
    padding: 0;
    margin: auto;
    width: 100%;
    max-width: 600px;
    height: 300px;
    border-radius: 10px;
    
}
.total-improvement-bx1 {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    width: 100%;
    padding: 15px;
    margin: 0;
}
.total-improvement-bx1 h2 {
    font-size: 28px;
    color: #c1c1c1;
    padding-left: 20px;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.grossSales-prt-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 200px;
    padding: 0;
    margin: 0;
}
.grossSales-prt-bx .grossSales {
    width: 50%;
    padding: 20px;
    height: 100%;
}
.grossSales-prt-bx .grossSales {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    color: #fff;
}
.grossSales-prt-bx .grossSales strong {
    text-align: center;
}
.grossSales-prt-bx .grossSales strong:first-child {
    font-size: 20px;
    margin-bottom: 0px;
    font-family: "Open Sans";
    font-weight: 300;
    color: #d5d5d5;
}
.grossSales-prt-bx .grossSales strong:last-child {
    font-size: 35px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}
.update-class-lead table tbody tr th {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    text-align: center;
}
table.compounting-table tbody tr td {
    background-color: #D8E2F2;
    font-size: 15px;
    color: #1e2b3c;
}
table.compounting-table tbody tr td:nth-child(3) {
    background-color: #f4b084 !important;
}
table.compounting-table tbody tr td:nth-child(3) input {
    border: 0!important;
    text-align: right;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
}
table.compounting-table tbody tr td:nth-child(3) .perecentage {
    padding: 0 5px;
}
.inputbg {
    box-shadow: unset;
}
/* ============== the compounding effecting page css style code by alam date : 01/02/20223 =========== */ 

/* ============== Low Hanging fruits page css style code by alam date : 02/02/20223 =========== */ 
.card-box-shadow .card {
    box-shadow: unset!important;
}
.how-do-your {
    padding: 0;
    margin-top: 20px;
    display: block;
    width: 100%;
}
.how-do-your h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 0;
}
.how-do-your p {
    padding: 0;
    margin: 0;
    line-height: 1.4;
    font-weight: 300;
    color: #000;
    font-size: 14px;
}
.instructions-title{
    padding: 0;
    margin-top: 20px;
    display: block;
    width: 100%;
}
.instructions-title h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding: 0;
}
.instructions-title ol li {
    padding: 0;
    margin: 0;
    line-height: 1.4;
    font-weight: 300;
    color: #000;
    font-size: 14px;
    list-style: auto;
}
.long-image-bx {
    width: 100%;
    height: 100%;
}
.long-image-bx img {
    width: 100%;
    height: 100%;
}
.update-class-lead table tbody tr th {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    text-align: center;
}
.opportunity-wt {
    width: 250px;
}
.dimension-one {
    font-size: 15px;
    color: #333;
    font-weight: 300;
    line-height: 1.3;
}
.long-hanging-table-rw .col-md-7, .long-hanging-table-rw .col-md-5 {
    height: 390px;
}
/* ============== Low Hanging fruits page css style code by alam date : 02/02/20223 =========== */ 
 
/* ============== opportunity Ranking Analysis page css style code by alam date : 02/02/20223 =========== */ 
.input-field-ops input {
    border: 0;
    width: 251px;
    height: 100%;
    display: block;
    padding: 0 10px;
    text-align: left;
    background-color: #f4b084 !important;
    font-size: 15px;
    font-weight: 300;
}

.input-field-ops {
    border: 0;
    max-width: 100%;
    height: 100%;
}
.input-field-auto {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}
.input-field-auto input {
    width: 100%;
    border: 0;
    height: 100%;
    text-align: center;
    background-color: #f4b084 !important;
    font-size: 15px;
    font-weight: 300;
}
.opportunity-abl thead tr:nth-child(1) th {
    font-size: 20px!important;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    height: 100%;
}
.opportunity-abl thead tr:nth-child(2) th {
    font-size: 15px!important;
    font-weight: 300;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    height: 100%;
}
.weith-150 {
    width: 115px;
}
.return-on-inves {
    height: 100%;
}
/* .return-on-inves {
    width: 251px;
    height: 100%;
} */
.return-on-inves input {
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 10px;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
}
.opportunity-inpt input {
    width: 100%;
    padding: 0 10px;
}
.input-field-auto.presentage-center {
    position: relative;
    display: flex;
}
.cneter-peb {
    width: 100%;
    display: flex;
    align-items: center;
    background: #f4b084;
    color: #333;
    padding-left: 5px;
}
.dollor-sin-pr .dollor-sin {
    color: #333;
}
.number-center-ac {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Open Sans" !important;
}
@media screen and (min-width: 1707px) {
    .weith-150 {
        width: 158px;
    }
}
/* ============== opportunity Ranking Analysis page css style code by alam date : 02/02/20223 =========== */ 

/* ============== Weighted Decision Maxtric page css style code by alam date : 02/02/20223 =========== */ 
.input-maxt {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
}
.input-maxt input {
    width: 100%;
    height: 100%;
    border: 0;
    text-align: center;
    background-color: #f4b084;
    font-size: 15px;
    font-weight: 300;
}
.min-height-cs {
    min-height: 63px;
}
.should-input-field input {
    text-align: left!important;
    padding: 0 10px;
}
.precenttage-df {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    background: #f4b084;
    color: #333;
    font-weight: 300;
    font-size: 14px;
}
.mtratix-number {
    display: flex;
    width: 100%;
}   
.mtratix-number input {
    width: 50%;
    padding: 10px 2px 10px 10px;
    text-align: right;
}
.weighted-left-text th {
    text-align: left!important;
}
.opportunity-abl thead tr:nth-child(3) th:first-child {
    font-size: 15px!important;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    line-height: 1.4;
    height: 100%;
}
.ranke-slider strong.font-weight-bold {
    font-weight: unset!important;
}
.maxtric-th-col thead tr:nth-child(2) th {
    font-size: 15px!important;
    font-weight: bold;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    height: 100%;
}
/* ============== Weighted Decision Maxtric page css style code by alam date : 02/02/20223 =========== */ 

/* ============== Conpettive advantage page css style code by alam date : 02/02/20223 =========== */ 
.long-pera-competitive p {
    padding: 0;
    margin: 0;
    color: #fff;
    width: 600px;
    display: flex;
    white-space: normal;
}
.create-competitive-tex p{
    padding: 0;
    margin: 0;
    color: #fff;
    width: 220px;
    display: flex;
    white-space: normal;
    text-align: center;
    line-height: 1.3;
    padding: 10px 0;
}
.content-pere-competitive {
    width: 572px;
    padding: 0;
    margin: 0;
    white-space: normal;
    font-weight: 300;
    color: #333;
}
.normal-input-field {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: 300;
}
.font-weight-light {
    font-weight: 300!important;
}
.do-you-content {
    white-space: normal;
}
.do-you-want {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
}
.do-you-want-link a {
    color: #65afff;
    text-decoration: underline;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
}
.head-title > h1 {
    margin-bottom: 40px!important;
}
.contentleft h4 {
    margin: 0;
}
/* ============== Conpettive advantage page css style code by alam date : 02/02/20223 =========== */ 

/* ============== Quarter Opportunity page css style code by alam date : 02/02/20223 =========== */
tr.pere-graph-dx th {
    padding: 10px;
}
tr.pere-graph-dx th p {
    font-size: 18px;
    font-weight: 300;
    color: #fff !important;
    padding: 0;
    margin: 0;
    width: 180px;
    white-space: normal;
}
.pere-graph-fist-tr th {
    padding: 10px;
} 
.pere-graph-fist-tr p{
    font-size: 18px;
    font-weight: 300!important;
    color: #fff !important;
    padding: 0;
    margin: 0;
    width: auto;
    line-height: 1.2;
    white-space: normal;
}
.default-input {
    height: 100%!important;
    text-align: left!important;
    border-radius: 0;
}
.font-bold-re {
    font-weight: bold!important;
}
.parsonal-weith {
    width: 413px!important;
}
/* ============== Quarter Opportunity page css style code by alam date : 02/02/20223 =========== */ 

/* ============== Reverse & Growth Planning page css style code by alam date : 02/02/20223 =========== */ 
.year-gold {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 210px;
}
.number-goal {
    padding: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #d8e2f2;
    color: #333;
}
.width-list {
    width: 50px!important;
}
#pointer {
    width: 100%;
    height: 40px;
    position: relative;
    background: #0075F2;
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}
.bg-color-white {
    background-color: #fff!important;
}

/* ============== Reverse & Growth Planning page css style code by alam date : 02/02/20223 =========== */ 

/* ============== Zero In Valuepage css style code by alam date : 08/02/20223 =========== */ 
.quantifiable {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.quantifiable p {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 22px;
    line-height: initial;
}
.quantifiable img {
    width: 100%;
    max-width: 40px;
    height: 40px;
    object-fit: fill;
}
.parsonal-benifit p {
    color: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: initial;
}
.number-width-td {
    width: 20px;
}
.rotate-text p {
    display: block;
    writing-mode: tb;
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    width: 100%;
    line-height: initial;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-set-div {
    position: relative;
    margin: 0;
}
.zero-in-on {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.zero-in-on h1 {
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    white-space: normal;
    height: 100%;
}
.zero-in-on h1 strong {
    width: 100%;
    max-width: 230px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #0075F2;
    border: 5px solid #fff!important;
    border-radius: 50%;
    color: #fff;
    line-height: 1.2;
    padding: 35px;
}
/* ========== writing css by jahir sir ============ */
/* .zero-in-on h1 strong {
    width: 100%;
    max-width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #0075F2;
    border: 5px solid #fff!important;
    border-radius: 50%;
    color: #fff;
    line-height: 1.5;
    padding: 20px;
} */
/* ========== writing css by jahir sir ============ */
.tangible p {
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    width: 100%;
    line-height: initial;
    text-align: center;
}
.professional-text {
    transform: rotate(180deg);
}
.inputfield-limit-lt {
    padding: 0 70px 0 15px!important;
}
/* .inputfield-limit-rt {
    padding: 0 15px 0 70px!important;
} */
.inputfield-limit-rt {
    padding: 0 25px 0 100px!important;
}

/* ============== Zero In Valuepage css style code by alam date : 08/02/20223 =========== */ 

/* ============== Customer Transformation css style code by alam date : 08/02/20223 =========== */ 
.customer-table-number {
    width: 40px;
}
.customer-transformation-content p {
    font-size: 15px;
    color: #333;
    font-weight: 300;
    padding: 0;
    margin: 0;
    width: 100%;
}

.before-your {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    margin: 0;
}

.before-your img {
    width: 100%;
    width: 40px;
    height: 40px;
    object-fit: fill;
    padding: 0;
    margin: 0;
}

.before-your p {
    padding-left: 40px;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
.why-whats {
    display: flex;
    padding: 10px 0;
    line-height: initial;
    align-items: center;
    justify-content: flex-start;
}

.why-whats p {
    display: inline-block;
    padding: 0;
    margin: 0;
    padding-left: 22px;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    white-space: normal;
}
.why-whats img {
    width: 100%;
    width: 30px;
    height: 30px;
    object-fit: fill;
    padding: 0;
    margin: 0;
}
strong.why-text {
    font-size: 24px;
    font-weight: 300;
}
.transformation-story {
    padding: 20px;
    background-color: #d8e2f2;
    margin-top: 50px;
    width: 100%;
    display: block;
}
.transformation-story h3 {
    font-size: 24px;
    margin-bottom: 25px;
    padding: 0;
    width: 100%;
    color: #333;
    font-weight: 500;
}
.settings-tex p {
    font-size: 15px;
    color: #333;
    padding: 0;
    line-height: 1.5;
    margin-bottom: 30px;
}
.settings-tex p strong {
    font-weight: 700;
    font-size: 18px;
}
/* ============== Customer Transformation css style code by alam date : 08/02/20223 =========== */ 

/* ============== Differentiation Diagnostic css style code by alam date : 08/02/20223 =========== */ 
.dslfhsd {
    margin-bottom: 30px!important;
}
.parsone-width {
    width: 50%;
}
.parsone-width-10 {
    width: 5%;
}
/* .par-col-width {
    width: 424px!important;
} */
/* ============== Differentiation Diagnostic css style code by alam date : 08/02/20223 =========== */ 

/* ============== growth option card css style code by alam date : 10/02/20223 =========== */ 
.growth-strategies {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin: 0;
}
.growth-strategies img {
    width: 100%;
    max-width: 40px;
    height: 100%;
    object-fit: fill;
    padding: 0;
    margin: 0;
}
.growth-titile {
    padding: 10px 0;
    margin: 0;
    font-size: 22px!important;
    color: #fff!important;
    font-weight: 300!important;
}
.growth-content-pere p {
    padding: 5px 0;
    margin: 0;
    width: auto;
    white-space: normal;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.long-term-growth h3 {
    width: 153px;
    white-space: normal;
}
.grow-title {
    writing-mode: tb-rl;
    width: 30px;
    transform: rotate(180deg);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.revense-growth-title {
    width: 250px;
}
.blue-inpt-field input {
    border: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    padding: 10px;
}
.blue-inpt-field input:hover {
    background-color: #b7c2d1 !important;
}
.blue-inpt-field {
    width: 100%;
    height: 100%;
}
.growth-content-pere {
    width: 100px;
}
.height-div-growth td {
    height: 10px;
    visibility: hidden;
}
.revense-growth-title p {
    font-size: 15px;
    margin: 0;
    color: #fff;
    line-height: 1.3;
    padding: 10px 0;
    min-height: 117px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
/* ============== growth option card css style code by alam date : 10/02/20223 =========== */ 

/* ============== Critical Growth Factors css style code by alam date : 23/02/20223 =========== */ 
.critical-factors p {
    margin-bottom: 30px!important;
}
.critical-factors-igm {
    width: 40px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: auto;
}
.critical-factors-igm img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.factors-content p {
    display: block;
    width: 200px;
    white-space: normal;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 0;
    margin: 0 auto!important;
    font-weight: 300!important;
    line-height: 1.4;
}
.factors-description p {
    display: block;
    width: 400px;
    white-space: normal;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 0;
    margin: 0 auto!important;
    font-weight: 300!important;
    line-height: 1.4;
}
.factors-content-tbody-content p {
    display: block;
    white-space: normal;
    text-align: left;
    color: #fff;
    font-size: 15px;
    padding: 0;
    margin: 0!important;
    font-weight: 300!important;
    line-height: 1.4;
}
.padidng-ty {
    padding: 10px!important;
}
.factor-numbers {
    font-size: 42px;
    line-height: initial;
    font-weight: bold;
}
.factor-inputs {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    text-align: left;
}
.factor-inputs input {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 15px;
    /* color: #fff!important; */
}
.factor-inputs input:hover {
    background-color: #b7c2d1 !important;
}
.changes-input input {
    text-align: center !important;
    color: #333!important;
}
.critical-factors-head th {
    font-size: 22px!important;
    line-height: initial;
    padding: 10px;
    font-weight: 300 !important;
}
.font15px.text-left-ft {
    text-align: left!important;
}
/* ============== Critical Growth Factors css style code by alam date : 23/02/20223 =========== */ 

/* ============== Growth Potential overview css style code by alam date : 14/02/20223 =========== */ 
.graph-content {
    background-color: #1e2b3c;
    width: 100%;
    height: 100%;
    padding: 15px;
    margin: 0;
    display: block;
    border-radius: 10px;
}
.state-of-the {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
}
.state-of-the h3 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding-left: 20px;
    font-weight: 300;
}
/* .state-of-the img {
    width: 100%;
    max-width: 25px;
    height: auto;
    object-fit: cover;
} */
.graph-content-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.graph-content-bx {
    width: 100%;
    display: block;
    height: calc(100% - 45px);
}
.col-padding-left-0 {
    padding-left: 0;
}
.col-padding-right-0 {
    padding-right: 0;
}
.list-average {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
}
.list-average ul {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.list-average ul li {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
}
.list-average ul li:last-child {
    margin-top: 50px;
}
.list-average ul li p {
    width: 50%;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 300;
}
.list-average ul li strong {
    font-size: 32px;
    padding: 0;
    margin: 0;
    width: 50%;
    display: block;
    text-align: right;
}
.potential-overviews .col-12 {
    min-height: 294px;
}

.overall-score {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
}
.overall-score ul {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.overall-score ul li {
    padding: 0;
    margin-top: 10px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
}
.overall-score ul li:first-child {
    margin-top: 0;
}
.overall-score ul li p {
    padding: 0;
    margin: 0;
    line-height: 1.4;
    font-size: 13px;
    font-weight: 300;
}
.overall-score ul li strong {
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: block;
    text-align: right;
}
strong.color-green {
    color: #72BDA3;
    letter-spacing: 1.2px;
    font-size: 22px!important;
}
/* ============== Growth Potential overview css style code by alam date : 14/02/20223 =========== */ 

/* ============== creating growth momentum css style code by alam date : 14/02/20223 =========== */ 
.graph-blue-bg {
    position: relative;
}
.DifferentiationDiagnostic {
    position: absolute;
    top: 10rem;
    left: 10rem;
    width: 100%;
    max-width: 213px;
    height: 100px;
    z-index: 1;
    background-color: #0075f2;
    padding: 15px;
}
.DifferentiationDiagnostic p {
    padding: 0;
    margin: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.4;
    font-size: 13px;
}
.DifferentiationDiagnostic::after {
    content: "";
    width: 90px;
    height: 25px;
    background-color: #0075f2;
    position: absolute;
    top: 5px;
    right: -72px;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}
/* ============== creating growth momentum css style code by alam date : 14/02/20223 =========== */ 

/* ============== Purchase Frequency css style code by alam date : 14/02/20223 =========== */ 
.lead-generation-graph-img {
    position: relative;
}
.lead-generation-graph-img::after {
    content: "";
    width: 97px;
    height: 75%;
    position: absolute;
    top: 73px;
    left: 90px;
    background-color: #ebf1f991;
    background-image: url('../images/customer-aq/overlay-img.png');
    background-repeat: no-repeat;
    opacity: 1;
}
/* ============== Purchase Frequency css style code by alam date : 14/02/20223 =========== */ 

/* ============== Growth Capabilities Gap Analysis css style code by alam date : 15/02/20223 =========== */ 

.remove-card-sd .card {
    box-shadow: unset!important;
}
.displayNone {
    display: none;
}
.add-parsonal-class-table th.d-hidden {
    width: 40px;
}
.add-parsonal-class-table th.text-center-c.black-bg {
    width: 100px;
}
/* ============== Growth Capabilities Gap Analysis css style code by alam date : 15/02/20223 =========== */ 

/* ============== Target markets score card css style code by alam date : 15/02/20223 =========== */ 
.target-markets-score-card-table table thead tr p {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}
.what-do-you-me {
    padding: 0;
    margin: 0;
    width: 550px;
    white-space: normal;
}
.opportunity-improve {
    width: 335px;
    margin: auto;
}
.do-you-number {
    width: 80px;
    margin: auto;
}
.score-point-each {
    width: 92px;
    white-space: normal;
    text-align: center;
    margin: auto;
}
.we-understand p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    padding: 10px 0;
}
.arrow-targer-market {
    width: 60px;
    height: 70px;
    background: #0075f2;
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
    margin: auto;
}
/* ============== Target markets score card css style code by alam date : 15/02/20223 =========== */ 

/* ============== customer aquisition score card css style code by alam date : 16/02/20223 =========== */ 
.what-do-perents-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* ============== customer aquisition score card css style code by alam date : 16/02/20223 =========== */ 

/* ============== revenue generation score card css style code by alam date : 16/02/20223 =========== */ 
.revenue-generation-scoreard table thead tr th p {
    font-size: 16px;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    line-height: 1.3;
}
.question-div {
    width: 370px;
}
.activity-div {
    width: 210px;
}
.scoring-legend {
    width: 300px;
}
.we-understand.chnages-content-df p {
    font-size: 18px;
    text-align: left;
}
.light-blue-nw {
    background-color: #C0D0EA!important;
}
.light-blue-nw2 {
    background-color: #D8E2F2!important;
}
.light-blue-nw3 {
    background-color: #ACB9CA!important;
}
strong.total-score-new {
    font-size: 20px;
    padding: 10px;
    line-height: initial;
    text-align: center;
    width: 100%;
    display: block;
}
/* ============== revenue generation score card css style code by alam date : 16/02/20223 =========== */ 

/* ============== competitive advantage audit css style code by alam date : 17/02/20223 =========== */ 
.competitive-advantages-list {
    padding-left: 15px;
    margin: 0;
    width: 100%;
    display: block;
    list-style: none;
}
.competitive-advantages-list li {
    list-style-type: auto;
    padding: 5px 0;
    margin: 0;
    font-size: 15px;
    color: #333;
    font-weight: 300;
    line-height: 1.5;
}
.competitive-advantage-audit-table table thead tr th p {
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}
.competitive-advantage-audit-table table tbody tr td p {
    padding: 10px 0;
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 300;
}
.competitive-advantage-audit-table table tbody tr td p strong {
    font-weight: bold;
}
.competitive-advantage-audit-table table tbody tr td {
    height: 83px;
}
.competitive-advantage-audit-table table tbody tr td:last-child input{
    color: #333!important;
    text-align: center!important;
}
.current-ration {
    width: 140px;
    white-space: normal;
    margin: auto;
}
.sources-cons {
    width: 550px;
}
.improvement-ideas {
    width: 390px;
}
.bg-orange-color {
    background-color: #ED7D31;
}
.total-prive-dfd {
    font-size: 25px;
    padding: 10px 0;
}
.empty-number-ddh {
    width: 80px;
}
.competitiveImagesBox {
    width: 100%;
    max-width: 40px;
    margin: auto;
}
.competitiveImagesBox img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.bg-color001 {
    background-color: #fdd17f;
}
.bg-color002 {
    background-color: #f98370;
}
.bg-color003 {
    background-color: #ccdd82;
}
.bg-color004 {
    background-color: #98ce7f;
}
.bg-color005 {
    background-color: #63be7b;
}
.bg-color006 {
    background-color: #fa9d75;
}
.bg-color007 {
    background-color: #f8696b;
}
.bg-color008 {
    background-color: #f98370;
}
/* ============== competitive advantage audit css style code by alam date : 17/02/20223 =========== */ 

/* ============== equity evolution score card css style code by alam date : 17/02/20223 =========== */  

.profit-margin-score-card table thead tr th p {
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}
.profit-margin-score-card table tbody tr td p {
    line-height: 1.4;
}
.profit-margin-outer p {
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 600;
    text-align: right;
}
.profit-margin-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.score-high-low-chs {
    width: 138px;
    white-space: normal;
    margin: auto;
}
.bg-blue-accent-01 {
    background-color: #B1C5E5 !important;
}
strong.total-amaudfd {
    font-size: 25px;
    line-height: initial;
    padding: 15px;
    display: block;
    font-weight: 600;
}
.competitive-advantage-audit-table.changes-equity table tbody tr td:last-child input{
    color: #333!important;
    text-align: left!important;
}
strong.total-letf-side {
    font-size: 18px;
    padding: 10px;
    display: block;
}
/* ============== equity evolution score card css style code by alam date : 17/02/20223 =========== */


/*  ========================== you can replace css code date : 30/01/2023 ==============================  */









/* ==================== media query only mobile and tablets  ==================== */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    /* .duble-list {
        justify-content: flex-start;
    } */
    .duble-list ul:last-child {
        margin-left: 50px;
    }
    .font-sise-42 {
        font-size: 32px !important;
    }
    .font-sz-black-20 {
        font-size: 16px;
        line-height: 1.3;
    }
    .font-sise-16 {
        font-size: 14px!important;
        line-height: 1.3 !important;
    }
    .next-link {
        font-size: 15px;
    }
    .annual-customer {
        min-height: 150px;
    }
    .annual-customer p {
        color: #fff;
        display: block;
        text-align: right;
        font-size: 13px;
        line-height: 1.3;
        letter-spacing: 0;
        margin-bottom: 5px;
        padding: 0;
    }
    .profit-margin-outer p {
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 600;
        text-align: right;
    }
    .before-your {
        width: 350px;
        white-space: normal;
    }
    
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .col-padding-right-0 {
        padding-right: 15px;
        padding-left: 0;
    }
    .imageBx {
        margin-top: 0px;
        text-align: right;
    }
    .imageBx img {
        width: 100%;
        max-width: 100px;
        height: 100%;
    }
    .height-auto-cl {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .long-hanging-table-rw .col-lg-5 {
        margin-top: 20px;
    }
    
}
@media screen and (min-width: 768px) {
    .nav-header {
        display: none;
    }
    .old-slider {
        display: block;
    }
    .nav-header {
        width: 16rem;
    }
    
}
@media screen and (max-width: 767px) {
    .nav-control {
        display: block;
        right: 1rem;
        top: 35px;
    }
    /* .sidebarNew {
        display: none;
    } */
    .content-body-new {
        margin-left: 0rem !important;
    }
    .nav-header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        margin: 0;
        background-color: #1e2b3c !important;
    }
    a.brand-logo-new {
        width: 100%;
        max-width: 147px;
        display: block;
        height: 55px;
        padding: 0;
        margin: 0;
    }
    a.brand-logo-new img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
    .imageBx {
        margin-top: 20px;
    }
    .imageBx img {
        width: 100%;
        max-width: 100px;
        height: 100%;
    }
    .duble-list {
        flex-direction: column;
    }
    .leftContetn p {
        width: 100%;
    }
    .col-padding-left-0 {
        padding-left: 15px;
    }
    .col-padding-right-0 {
        padding-right: 15px;
    }
    .annual-customer p {
        color: #fff;
        display: block;
        text-align: right;
        font-size: 15px;
        line-height: 1.5;
        letter-spacing: 0;
        margin-bottom: 28px;
        padding: 0;
    }
    .profit-margin-outer p {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        text-align: right;
    }
    .font-sise-42 {
        font-size: 32px !important;
        line-height: 1.2;
    }
    .height-auto-cl {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .long-hanging-table-rw .col-lg-5 {
        margin-top: 20px;
    }
    .parsonal-benifit {
        width: 250px;
    }
    .quantifiable {
        width: 250px;
    }
    .before-your {
        width: 350px;
        white-space: normal;
    }
}
/* ==================== media query only mobile and tablets  ==================== */