/* Bookkeeping Service */
                    #bookkeeping-service {
                        display: inline-block;
                        text-align: center;
                        width: 100%;
                        -webkit-box-shadow: 0 0 40px 5px rgba(0,0,0,.1);
                        -moz-box-shadow: 0 0 40px 5px rgba(0,0,0,.1);
                        -ms-box-shadow: 0 0 40px 5px rgba(0,0,0,.1);
                        box-shadow: 0 0 40px 5px rgba(0,0,0,.1);
                        padding: 20px;
                        -webkit-border-radius: 15px;
                        -moz-border-radius: 15px;
                        -ms-border-radius: 15px;
                        border-radius: 15px;
                        border: 0!important;
                        align-items: center;
                        background-color: #224925;
                    }

                    #bookkeeping-service h4,
                    #bookkeeping-service p {
                        color: #fff!important;
                    }

                    /* Pricing Shiz */
                    .pricing-table-container p {
                        margin-top: 0.25rem;
                    }

                    .pricing-table-container .accordion-item {
                        border: none !important;
                    }

                    .pricing-table-full a {
                        color: #003a09;
                    }

                    .pricing-table-full a:hover {
                        text-decoration: underline;
                    }

                    .pricing-table-left {
                        width: 30%;
                        margin-right: 3%;
                        float: left;
                    }

                    .pricing-table-left .pricing-table-full {
                        margin-top: 20px;
                        text-align: center;
                        padding: 0px 51px;
                    }

                    .pricing-table-right {
                        width: 65%;
                        float: left;
                        padding: 5px;
                    }

                    .pricing-table-right-third {
                        width: 30%;
                        margin-right: 3%;
                        float: left;
                    }

                    .pricing-table-right-third p {
                        margin-left: 29px;
                        line-height: 26px;
                        font-size: 14px;
                        margin-bottom: 0.5rem;
                    }

                    .pricing-table-right-third p:before {
                        font-family: "FontAwesome";
                        font-weight: 900;
                        content: "";
                        margin-left: -29px;
                        padding: 0px 5px 5px 4px;
                        color: white;
                        background-color: #ccc;
                        /* border-radius: 50%; */
                        width: 14px;
                        height: 14px;
                        display: inline-block;
                        text-align: center;
                        margin-right: 2px;
                        font-size: 12px;
                        line-height: 12px;
                    }

                    .pricing-table-right-third p.packageActive:before {
                        background-color: #c76003;
                    }

                    .packageOption {
                        margin: 10px 0px;
                        padding: 30px 15px;
                        border: rgba(0, 58, 9, 0.5) 1px solid;
                        border-radius: 3px;
                        display: block;
                        box-sizing: border-box;
                        height: 88px;
                        transition: all 0.2 ease-in-out;
                    }

                    .packageOption:hover,
                    .active {
                        /*background-color: #00630f;*/
                        box-sizing: border-box;
                        background-color: rgba(0, 99, 15, 0.25);
                    }

                    .active {
                        border: 2px solid #00630f;
                    }

                    /* Hide the browser's default radio button */
                    .packageOption input {
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                    }

                    /* Create a custom radio button */
                    .checkmarkOuter {
                        position: relative;
                        top: 2px;
                        left: 0px;
                        height: 19px;
                        width: 19px;
                        margin-right: 5px;
                        margin-left: 5px;
                        border: 2px solid #00630f;
                        background-color: #fff;
                        border-radius: 50%;
                    }

                    .checkmark {
                        position: relative;
                        top: -3px;
                        left: 1px;
                        height: 13px;
                        width: 13px;
                        border: 1px solid #ffffff;
                        background-color: #fff;
                        border-radius: 50%;
                    }

                    /* On mouse-over, add a grey background color */
                    .packageOption:hover input~.checkmark {
                        background-color: #fff;
                    }

                    /* When the radio button is checked, add a blue background */
                    .packageOption input:checked~.checkmarkOuter .checkmark {
                        background-color: #00630f;
                    }

                    /* Create the indicator (the dot/circle - hidden when not checked) */
                    .checkmark:after {
                        content: "";
                        position: absolute;
                        display: none;
                    }

                    /* Show the indicator (dot/circle) when checked */
                    .packageOption input:checked~.checkmark:after {
                        display: block;
                    }


                    .packageOption span {
                        display: inline-block;
                        font-size: 16px;
                        font-weight: bold;
                        line-height: 25px;
                    }

                    .packageOption small {
                        font-size: 12px;
                    }

                    .packageOption .price {
                        display: inline;
                        float: right;
                    }

                    .pricing-table-full {
                        width: auto;
                        padding: 5px 0px;
                        margin: 5px 0px;
                        border-top: 1px solid rgba(124, 152, 18, 0.5);
                        ;
                    }

                    .pricing-table-full h3 {
                        font-size: 20px;
                        color: #003a09;
                        display: inline-block;
                        margin: 20px 0px 15px 0px;
                    }

                    .price-area {
                        text-align: right;
                    }

                    .package-price {
                        padding-top: 25px;
                        font-size: 20px;
                        font-weight: bold;
                    }

                    .label-check {
                        float: left;
                        -webkit-border-radius: 8;
                        -moz-border-radius: 8;
                        border-radius: 3px;
                        color: #333333;
                        font-size: 14px;
                        background: #ffffff;
                        padding: 13px 31px;
                        text-decoration: none;
                        margin-top: 10px;
                        margin-bottom: 20px;
                        border: 1px solid #98842f;
                        line-height: 20px;
                    }

                    .label-check.active,
                    .label-check:hover {
                        background: rgba(152, 132, 47, 0.24);
                    }

                    #packageCost {
                        font-size: 35px;
                        display: inline-block;
                        margin-top: 1rem;
                    }

                    #monthlyTitle,
                    #addonTitle {
                        line-height: 35px;
                        font-size: 19px;
                    }

                    #monthlyCost,
                    #addonCost {
                        font-size: 20px;
                        display: inline-block;
                    }

                    .clearfix {
                        clear: both;
                    }

                    .ui-widget {
                        font-size: 15px;
                    }

                    #checkoutbutton {
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        color: #ffffff;
                        font-size: 18px;
                        background: #204D27;
                        padding: 15px 25px 15px 25px;
                        text-decoration: none;
                        margin-top: 20px;
                        margin-bottom: 20px;
                        display: inline-block;
                        cursor: pointer;
                    }

                    #moreinfobutton {
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        color: #ffffff;
                        font-size: 18px;
                        background: #204D27;
                        padding: 15px 25px 15px 25px;
                        text-decoration: none;
                        margin-bottom: 20px;
                        display: inline-block;
                        float: right;
                        cursor: pointer;
                    }

                    #moreinfobutton:hover,
                    #checkoutbutton:hover {
                        background: #00540d;
                    }

                    @media screen and (max-width: 1100px) and (min-width:870px) {
                        .packageOption span {
                            font-size: 16px;
                        }
                    }

                    @media only screen and (max-width: 870px) {

                        .pricing-table-left,
                        .pricing-table-right {
                            width: 97%;
                            margin-bottom: 50px;
                        }

                        .pricing-hide-this {
                            display: none;
                        }

                        .pricing-table-right-third {
                            width: 100%;
                        }
                    }


                    @media only screen and (max-width: 600px) {
                        .label-check {
                            width: 110px;
                            text-align: center;
                        }
                    }


                    /* checkmark */

                    .container2 {
                        display: block;
                        position: relative;
                        padding-left: 47px;
                        margin-bottom: 12px;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        border-radius: 3px;
                    }

                    /* Hide the browser's default checkbox */
                    .container2 input {
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                    }

                    /* Create a custom checkbox */
                    .checkmark2 {
                        position: absolute;
                        top: 11px;
                        left: 0;
                        height: 21px;
                        width: 21px;
                        background-color: #eee;
                        margin-left: 13px;
                        border: 1px solid #98842f;
                        border-radius: 3px;
                    }

                    /* On mouse-over, add a grey background color */
                    .container2:hover input~.checkmark2 {
                        background-color: rgba(152, 132, 47, 0.24);
                    }

                    /* When the checkbox is checked, add a blue background */
                    .container2 input:checked~.checkmark2 {
                        background-color: #98842f;
                    }

                    /* Create the checkmark/indicator (hidden when not checked) */
                    .checkmark2:after {
                        content: "";
                        position: absolute;
                        display: none;
                    }

                    /* Show the checkmark when checked */
                    .container2 input:checked~.checkmark2:after {
                        display: block;
                    }

                    /* Style the checkmark/indicator */
                    .container2 .checkmark2:after {
                        left: 7px;
                        top: 2px;
                        width: 5px;
                        height: 10px;
                        border: solid white;
                        border-width: 0 3px 3px 0;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }


                    .container3 {
                        display: block;
                        position: relative;
                        padding-top: 30px;
                        margin-bottom: 12px;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        border-radius: 3px;
                        float: left;
                        margin-right: 3%;
                        text-align: center;
                        width: 47%;
                        box-sizing: border-box;
                        padding: 30px 15px 10px 15px;
                        min-height: 200px;
                    }

                    @media only screen and (max-width: 1100px) {
                        .container3 {
                            width: 97%;
                        }
                    }

                    .container3 a {
                        font-size: 13px;
                        padding-top: 1em;
                        display: inline-block;
                    }

                    /* Hide the browser's default checkbox */
                    .container3 input {
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                    }

                    /* Create a custom checkbox */
                    .checkmark3 {
                        position: absolute;
                        top: 17px;
                        left: 46%;
                        height: 21px;
                        width: 21px;
                        background-color: #eee;
                        /* margin-left: 13px; */
                        border: 1px solid #98842f;
                        border-radius: 3px;
                    }

                    .container3 h4 {
                        font-weight: bold;
                        font-size: 17px;
                        line-height: 23px;
                        margin-bottom: 10px;
                        margin-top: 25px;
                    }

                    /* On mouse-over, add a grey background color */
                    .container3:hover input~.checkmark3 {
                        background-color: rgba(152, 132, 47, 0.24);
                    }

                    /* When the checkbox is checked, add a blue background */
                    .container3 input:checked~.checkmark3 {
                        background-color: #98842f;
                    }

                    /* Create the checkmark/indicator (hidden when not checked) */
                    .checkmark3:after {
                        content: "";
                        position: absolute;
                        display: none;
                    }

                    /* Show the checkmark when checked */
                    .container3 input:checked~.checkmark3:after {
                        display: block;
                    }

                    /* Style the checkmark/indicator */
                    .container3 .checkmark3:after {
                        left: 6px;
                        top: 2px;
                        width: 5px;
                        height: 10px;
                        border: solid white;
                        border-width: 0 3px 3px 0;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

                    .payMonthly,
                    .payAnnually {
                        display: inline-block;
                        font-size: 19px;
                        font-weight: bold;
                        float: right;
                    }

                    .payMonthly small,
                    .payAnnually small {
                        font-weight: normal;
                    }

                    .payHidden {
                        display: none;
                    }

                    /* toggle */

                    .switchContainer {
                        width: 100%;
                        text-align: center;
                        margin: 20px 0;
                        vertical-align: middle;
                    }

                    .switch {
                        position: relative;
                        display: inline-block;
                        width: 60px;
                        height: 34px;
                        margin-bottom: -10px;
                    }

                    .switch input {
                        display: none;
                    }

                    .switch strong {
                        margin-left: 70px;
                        display: inline-block;
                        font-weight: bold;
                        font-size: 17px;
                        line-height: 23px;
                        width: 140px;
                        margin-top: 6px;
                    }

                    .slider {
                        position: absolute;
                        cursor: pointer;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: rgba(0, 99, 15, 0.25);
                        -webkit-transition: .4s;
                        transition: .4s;
                    }

                    .slider:before {
                        position: absolute;
                        content: "";
                        height: 26px;
                        width: 26px;
                        left: 4px;
                        bottom: 4px;
                        background-color: white;
                        -webkit-transition: .4s;
                        transition: .4s;
                    }

                    input:checked+.slider {
                        background-color: rgba(0, 99, 15, 0.95);
                    }

                    input:focus+.slider {
                        box-shadow: 0 0 1px #2196F3;
                    }

                    input:checked+.slider:before {
                        -webkit-transform: translateX(26px);
                        -ms-transform: translateX(26px);
                        transform: translateX(26px);
                    }

                    /* Rounded sliders */
                    .slider.round {
                        border-radius: 34px;
                    }

                    .slider.round:before {
                        border-radius: 50%;
                    }



                    /* accordion */

                    .accordion h3:hover,
                    .accordion h3:hover::after {
                        cursor: pointer;
                    }

                    .accordion h3 {
                        width: 95%;
                    }

                    .accordion h3::after {
                        content: '+';
                        position: relative;
                        float: right;
                        text-align: right;
                        color: #003a09;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        display: inline;
                        transition: all 0.1s ease-in;
                        font-size: 23px;
                    }

                    .accordion h3.accordionactive::after {
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                        transition: all 0.1s ease-in;
                        font-size: 23px;
                    }

                    .accordion .accordioncontent {
                        opacity: 0;
                        max-height: 0;
                        overflow: hidden;
                        clear: both;
                        -webkit-transition: all 0.2s ease 0.15s;
                        -o-transition: all 0.2s ease 0.15s;
                        transition: all 0.2s ease 0.15s;
                    }

                    .accordion .accordioncontent p {
                        font-size: 1rem;
                        font-weight: 300;
                    }

                    .accordion .accordioncontent.accordionactive {
                        opacity: 1;
                        max-height: 300%;
                        -webkit-transition: all 0.35s ease 0.15s;
                        -o-transition: all 0.35s ease 0.15s;
                        transition: all 0.35s ease 0.15s;
                    }

                    .has-tooltip {
                        position: relative;
                        text-decoration: none;
                        color: #00630f;
                    }

                    .tooltip {
                        pointer-events: none;
                        position: absolute;
                        z-index: 9999;
                        left: 50%;
                        top: 116%;
                        opacity: 0;
                        transition: all 0.5s ease-in;
                    }

                    .tooltip span {
                        display: block;
                        position: relative;
                        background: rgba(0, 0, 0, 0.8);
                        border-radius: 3px;
                        padding: 2px 8px;
                        left: -50%;
                        font-size: 14px;
                        color: #fff;
                        width: 220px;
                    }

                    .tooltip span:after {
                        bottom: 100%;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        border-bottom-color: rgba(0, 0, 0, 0.8);
                        border-width: 6px;
                        left: 50%;
                        margin-left: -6px;
                    }

                    .has-tooltip:hover span {
                        opacity: 1;
                    }