.elementor-3232 .elementor-element.elementor-element-f4d49f4:not(.elementor-motion-effects-element-type-background), .elementor-3232 .elementor-element.elementor-element-f4d49f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dental-implants-near-me-cost.xyz/wp-content/uploads/2019/02/banner-gr.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3232 .elementor-element.elementor-element-f4d49f4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3232 .elementor-element.elementor-element-f4d49f4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3232 .elementor-element.elementor-element-9a9426a > .elementor-widget-container{padding:2rem 4rem 2rem 4rem;}.elementor-3232 .elementor-element.elementor-element-9a9426a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-3232 .elementor-element.elementor-element-26181d0:not(.elementor-motion-effects-element-type-background), .elementor-3232 .elementor-element.elementor-element-26181d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dental-implants-near-me-cost.xyz/wp-content/uploads/2019/03/bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3232 .elementor-element.elementor-element-26181d0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3232 .elementor-element.elementor-element-26181d0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3232 .elementor-element.elementor-element-9a9426a > .elementor-widget-container{padding:1rem 1rem 1rem 1rem;}.elementor-3232 .elementor-element.elementor-element-9a9426a .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-3232 .elementor-element.elementor-element-9a9426a .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-3232 .elementor-element.elementor-element-26181d0{padding:0px 0px 0px 0px;}.elementor-3232 .elementor-element.elementor-element-a25d2ce > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-9a9426a */.profitabl{
    color: #f16334;
}/* End custom CSS */
/* Start custom CSS */.final__fig {
    float: right;
    padding-left: 20px;
}

        a#cal_show {
            background-color: #f16334;
            color: #fff;
            padding: 10px 40px;
            font-size: 20px;
            font-weight: 500;
            text-transform: uppercase;
        }

        a#cal_show:hover {
            background-color: #000;

        }

        section.office__graph {
            display: flex;
        }

        section.graph__tab h2 {

            font-size: 20px;
        }

        section.tab__section.office-salary {
            width: 50%;
            float: left;
        }

        .over__hidden {
            overflow-x: hidden;
        }

        .result__tab {
            display: inline-block;
            width: 50%;
        }

        .graph__tab {
            display: flex;
            float: right;
            width: 50%;
            padding: 14px;
            height: 100%;
            position: relative;
            align-items: center;
            background-color: #f16334;
        }

        .graph__tab div h2 {
            display: flex;
            position: absolute;
             top: -20px; 
            text-align: center;
            align-items: center;
            justify-content: center;
            width: 96%;
            padding: 10px;
            color: #fff;
        }

        section table th {
            background-color: #f16334 !important;
            color: #fff;
        }

        label {
            font-family: "SF Pro Display";
            font-weight: 500;
            font-style: normal;
        }

        h3 {
            font-family: "SF Pro Display";
            font-style: normal;
            font-weight: 500;
            font-size: 26px;
            line-height: 36px;
            margin-bottom: auto;
            /* margin-top: 16px; */
        }

        .button {
            text-align: center;
            margin: 10px;
        }

        .pro-name p {
            color: #304166 !important;
            font-family: "SF Pro Display";
            font-style: normal;
            font-weight: 400;
        }

        img {
            width: 100%;
            height: 100%;
        }

        section.background-img {
            background-image: url(/wp-content/uploads/2023/01/pattern-11.png);
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-position: top center;
            background-size: cover;
            background-blend-mode: color-burn;
            background-color: #6495ed61;
        }

        section.background-img h1 {
            padding: 7rem;
            color: #fff;
        }

        .icon-box img {
            width: 130px;
        }

        .content {
            position: relative;
            background: #eff5fc;
            height: 152px;
            border: 1px solid #eff5fc;
            border-radius: 10px;
            padding: 10px;
        }

        .active {
            background-color: #2759cd !important;
            color: #fff;
        }

        .icon-box {
            width: 50%;
            display: inline-block;
            text-align: center;
        }

        .categories {
            width: 50%;
            display: inline-block;
            float: right;
        }

        .row:after {
            content: "";
            display: table;
            clear: both;
        }

        .selling-price {
            width: 49%;
            float: left;
            position: relative;
        }

        .product-price {
            width: 50%;
            float: right;
            position: relative;
        }

        .price-tag-1 {
            position: absolute;

            left: 4px;
            right: 0;
            top: 41px;
            width: 18px;
        }

        .price-tag-2 {
            position: absolute;
            left: 4px;
            right: 0;
            top: 40px;
            width: 18px;
        }

        .custom-input {
            padding: 10px 0px 10px 25px;
            font-weight: 400;
            font-size: smaller;
        }

        .cost-price {

            background: #eff5fc;
            height: 152px;
            border: 1px solid #eff5fc;
            border-radius: 10px;
            padding: 10px;

        }

        .flyer-item {
            display: block;

            width: 100%;
        }

        .other-cost {
            background: #eff5fc;
            border: 1px solid #eff5fc;
            border-radius: 10px;
            padding: 15px;

            margin: 0px;
        }

        .icon-box-img {
            width: 100%;
            display: block;
            text-align: center;
        }

        .other-cost .custom-label {
            text-align: center;
        }

        .icon-box-img img {
            width: 92px;
            padding: 26px;
            padding-bottom: 4px;
        }

        label {
            display: block !important;
        }

        .custom-button {
            background: #fff;
            border-radius: 10px;
            box-shadow: none !important;
        }

        .cal-btn {
            text-align: center;
            margin-top: 30px;
        }

        .top-result-btn {
            display: flex;
            justify-content: space-between;
        }

        .graph-area.content {
            margin-top: 40px;
            padding: 25px;
            height: auto;
            padding-bottom: 10px;
        }

        .result-dynamic {
            background: #fff;
            padding: 20px;
            margin-top: 20px;
            max-height: 50rem;
        }

        .date-logo img {
            width: 150px;
        }

        .date-logo {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .pro-name {
            display: flex;
            font-size: 18px;
            margin-bottom: 10px;
        }

        .selling-result {
            display: flex;
            font-weight: 700;
        }

        .selling-result .product-selling input {
            border: none;
            font-weight: 500;
            color: #304166;
            width: 80%;
        }

        .selling-result input:focus-visible,
        .total-rec input:focus-visible,
        .gaph-sec input:focus-visible {
            outline-offset: none !important;
            outline: none;
            pointer-events: none;
            cursor: pointer;
        }

        .selling-result input,
        .total-rec input,
        .gaph-sec input {
            pointer-events: none;
            cursor: pointer;
            border: none;
        }

        .total-rec .rec-1 {
            border: none;
            display: flex;
            flex-direction: row-reverse;
            justify-content: left;
            float: left;
            background: #eff5fc;
            border-radius: 10px;
            padding: 10px;
            width: 46%;
        }

        .total-rec input {
            width: 40%;
            background: transparent;
            color: #2759cd;
            font-weight: 700;
            font-family: "SF Pro Display";
            font-style: normal;
        }

        .total-rec {
            position: relative;
            padding: 30px;
        }


        .rec-2 {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-end;
            float: right;
            background: #eff5fc;
            border-radius: 10px;
            padding: 10px;
            width: 46%;
        }

        .record {
            margin: 30px 0;
        }

        .gaph-sec {
            padding: 20px;
            margin: 66px 30px;
            background: #2759cd;
            border-radius: 10px;
            display: flex;
            margin-bottom: 30px;
        }

        .gaph-sec label,
        .gaph-sec label {
            color: #fff;
            font-weight: 400;
            font-size: 18px;
        }

        .total {
            display: inline-block;
            width: 30%;
        }

        .input-field {
            width: 100%;
            background: transparent;
            border: none;
            color: #fff;
            font-weight: bolder;
            font-size: 25px;
        }

        .graph {
            width: 100%;
            position: relative;
            display: flex;
            justify-content: center;

        }

        .btn-outline-primary {
            border: none;
            color: #000;
        }

        canvas.graph-canvas {

            width: 200px !important;
            height: 150px !important;
        }

        .reset-result {
            margin: 26px;
            display: block;
            text-align: right;
            margin-bottom: 0;
        }

        .btn.btn-reset {
            display: inline-block;
            font-weight: 400;
            line-height: 1.5;
            color: #fff;
            background-color: #ff5722 !important;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            font-size: 1rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

        .pro-name p {
            font-size: 14px;
            display: contents;
        }

        span img {
            width: 20px;
            height: auto;
        }

        .btn {
            border-radius: 10px;
            padding-left: 20px;
            padding-right: 20px;
            font-family: "SF Pro Display";
            font-style: normal;
            font-weight: 500;
        }

        .reslut__product__name input {
            background: #eff5fc;
            border: 1px solid #eff5fc;
            width: 100%;
        }

        .curr__tag {
            position: relative;
        }

        .price-tags {
            position: absolute;
            left: 4px;
            right: 0;
            top: 9px;
            width: 18px;
        }

        .price-tags,
        .price-tag-1,
        .price-tag-2 {
            color: grey;
        }


        .tab__section th>h2 {
            margin: 0;
            font-size: 20px;
        }

        .tab__section .table th,
        .tab__section .table td {
            padding: 3px;
            font-size: 14px;
            font-weight: 400;
            vertical-align: middle;
        }

        .tab__section table {
            border: 1px solid rgb(0 0 0 / 30%);
        }

        /* Media Queries */

        @media (max-width: 425px) {
            .over__hidden {
                overflow-x: hidden;
            }

            .tab__section input {
                font-size: 12px;
                font-weight: 500;
            }

            section.office__graph {
                display: block;
            }

            section.tab__section.office-salary {
                width: 100%;

            }

            a#cal_show {

                margin-top: 30px;
            }

            .graph__tab {
                margin-top: 10px;
            }

            .result__tab {
                display: inline-block;
                width: 100%;
            }

            .graph__tab {
                display: flex;
                width: 100%;
                height: 200px;
            }

            .custom-fields {
                padding-left: 6px;
                padding-right: 6px;
            }

            .price_tag {
                padding-left: 0px;
                padding-right: 0px;
                border-left: none;
            }

            td.tab_data {
                padding: 10px 3px;
            }

            .cost-price {
                height: 190px;
            }

            .selling-price,
            .product-price {
                width: 100%;
            }

            section.background-img {
                width: 100%;
            }

            .gaph-sec {
                display: block;
                margin-top: 30rem;
            }

            .total {
                display: block;
                width: 100%;
            }

            canvas.graph-canvas {
                height: 160px !important;
                width: 150px !important;
                position: relative;
                float: none;
                left: 0;
                top: 0px;
                bottom: 0;
            }

            .result-dynamic {
                max-height: none;
                height: auto;
            }

            .total-rec .rec-1,
            .rec-2 {
                display: block;
                width: 100%;
                margin: 10px 0;
            }

            .total-rec input {
                width: 100%;
            }

            .reslut__product__name input {
                width: 100%;
            }

            span.input-group-text.price_tag {
                font-size: 12px;
                font-weight: 500;
            }
            .tab__section .table th, .tab__section .table td {
    padding: 3px;
    font-size: 10px;
    font-weight: 600;
    vertical-align: middle;
}
        }

        @media (max-width: 320px) {
            section.background-img {
                width: 100%;
            }

            .selling-result {
                display: block;
                font-weight: 700;
            }

            /* canvas.graph-canvas {
                width: 125px !important;
                left: -17px;
            } */

            .reslut__product__name input {
                width: 100%;
            }

            /*section.background-img h1 {*/
            /*    padding: 2rem;*/
            /*}*/
        }/* End custom CSS */