/** -- Begin of scfPrices ------------------------------------------------------------------------------------------ **/
#scfPrices .pricing-table {
    font-size: 0;
    letter-spacing: 0;
    width: 100%;
    max-width: none;
}

#scfPrices .pricing-table > div {
    width: 50%;
    display: inline-block;
    font-size: var(--font-size);
    letter-spacing: var(--letter-spacing);
    vertical-align: top;
}

#scfPrices .pricing-table > div:nth-child(1) {
    padding: 0 35px 0 0;
}

#scfPrices .pricing-table > div:nth-child(2) {
    padding: 0 0 0 35px;
}

#scfPrices .pricing-table > div.buttons {
    width: 100%;
}
/** -- End of scfPrices -------------------------------------------------------------------------------------------- **/

/** -- Begin of scfWorkflow ---------------------------------------------------------------------------------------- **/
#scfWorkflow ul {
    font-size: 0;
    letter-spacing: 0;
}

#scfWorkflow li {
    width: 33%;
    display: inline-block;
    font-size: var(--font-size);
    letter-spacing: var(--letter-spacing);
    vertical-align: top;
}

#scfWorkflow li:nth-child(1) {
    padding: 0 44px 0 0;
}

#scfWorkflow li:nth-child(2) {
    padding: 0 22px 0;
}

#scfWorkflow li:nth-child(3) {
    padding: 0 0 0 44px;
}
/** -- End of scfWorkflow ------------------------------------------------------------------------------------------ **/

/** -- Begin of ourCustomers --------------------------------------------------------------------------------------- **/
#ourCustomers ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 18px;
}

#ourCustomers li {
    --width: calc(50% - 9px);
    flex: 1 1 var(--width);
    max-width: var(--width);
}
/** -- End of ourCustomers ----------------------------------------------------------------------------------------- **/

/** -- Begin of googleAppointment ---------------------------------------------------------------------------------- **/
#googleAppointment iframe {
    height: 1240px;
}
/** -- End of googleAppointment ------------------------------------------------------------------------------------ **/

/** -- Begin of scfButtonsQuoteAndMeeting -------------------------------------------------------------------------- **/
#scfButtonsQuoteAndMeeting {
    font-size: 0;
    text-align: center;
}

#scfButtonsQuoteAndMeeting .btn {
    font-size: var(--font-size);
    width: calc(50% - 21px);
    max-width: 300px;
}
/** -- End of scfButtonsQuoteAndMeeting ---------------------------------------------------------------------------- **/

/** -- Begin of bootstrap ------------------------------------------------------------------------------------------ **/
/** ---- Header ---------------------------------------------------------------------------------------------------- **/
#toggleHamburger {
    display: none;
}

header nav {
    display: block;
    max-height: revert;
    width: fit-content;
    position: revert;
    top: revert;
    right: revert;
}

header li,
header li:last-child {
    display: inline-block;
    border: none;
}

/** ---- footer ---------------------------------------------------------------------------------------------------- **/
footer ul.topLevel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

footer ul.topLevel > li,
footer ul.topLevel > li > div,
footer ul.secondLevel {
    width: fit-content;
}
/** -- End of bootstrap -------------------------------------------------------------------------------------------- **/

/** -- Begin of scfServicesDescription ----------------------------------------------------------------------------- **/
#scfServicesDescription ul {
    font-size: 0;
    letter-spacing: 0;
}

#scfServicesDescription li {
    width: 33%;
    display: inline-block;
    font-size: var(--font-size);
    letter-spacing: var(--letter-spacing);
    vertical-align: top;
    margin-bottom: 0;
}

#scfServicesDescription li:nth-child(1) {
    padding: 0 44px 0 0;
}

#scfServicesDescription li:nth-child(2) {
    padding: 0 22px 0;
}

#scfServicesDescription li:nth-child(3) {
    padding: 0 0 0 44px;
}
/** -- End of scfServicesDescription ------------------------------------------------------------------------------- **/

/** -- Begin of scfSEOOptimized ------------------------------------------------------------------------------------ **/
#scfSEOOptimized div.row {
    font-size: 0;
    letter-spacing: 0;
}

#scfSEOOptimized div.row > div {
    width: 50%;
    display: inline-block;
    font-size: var(--font-size);
    letter-spacing: var(--letter-spacing);
    vertical-align: top;
    padding: 0 15px;
}

#scfSEOOptimized [class^="icon-"] {
    margin-right: 5px;
}

#scfSEOOptimized #ulSeo li {
    letter-spacing: 0.7px;
}
/** -- End of scfSEOOptimized -------------------------------------------------------------------------------------- **/

/** -- Begin of scfOurServices ------------------------------------------------------------------------------------- **/
#scfOurServices {
    padding-bottom: 0;
}

#scfOurServices .round {
    padding: 0px;
    position: relative;
    height: 340px;
    margin-top: 200px;
}

#scfOurServices .round li {
    position: absolute;
    width: 107px;
    height: 130px;
    text-align: center;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}

#scfOurServices ul.round li:first-child {
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid #e6e6e6;
    border-radius: 50%;
    width: 535px;
    height: 535px;
    font-weight: bold;
    font-size: 18px;
    z-index: -1;
}

#scfOurServices #turnkeyImg {
    width: 190px;
    height: auto;
    margin-top: 50px;
}

#scfOurServices .round li div {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.4;
}

#scfOurServices .round li:first-child div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1.4;
}

#scfOurServices .round li div span[class^="icon-"] {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 8px;
}

#scfOurServices ul.round li:not(:first-child) br {
    display: inline;
}

#scfOurServices ul.round li:not(:first-child) {
    margin-left: 0;
}

#scfOurServices .round li:nth-child(2) {
    left: 50%;
    transform: translateX(-50%);
    top: -143px;
}

#scfOurServices .round li:nth-child(3) {
    top: -95px;
    left: calc(50% - 178px);
}

#scfOurServices .round li:nth-child(4) {
    top: -95px;
    left: calc(50% + 178px);
}

#scfOurServices .round li:nth-child(5) {
    top: 31px;
    left: calc(50% - 300px);
}

#scfOurServices .round li:nth-child(6) {
    top: 31px;
    left: calc(50% + 300px);
}

#scfOurServices .round li:nth-child(7) {
    top: 193px;
    left: calc(50% - 330px);
}

#scfOurServices .round li:nth-child(8) {
    top: 193px;
    left: calc(50% + 330px);
}
/** -- End of scfOurServices --------------------------------------------------------------------------------------- **/

#toggleHamburger {
    display: initial;
}

header nav {
    display: initial;
    max-height: 0;
    width: 100vw;
    position: absolute;
    top: 90px;
    right: 0;
}

header .row > #logo {
    height: 50px;
    width: 308px;
    flex: 1 1 308px;
}

footer .row {
    display: flex;
    flex-wrap: wrap;
}

footer .row > div {
    flex: 1 1 38%;
}

footer p {
    padding-right: 12%;
}

footer ul.topLevel {
    flex: 1 1 62%;
    align-items: flex-start;
}

footer ul.topLevel > li:first-child {
    flex: 1 1 36%;
}

footer ul.topLevel > li:last-child {
    flex: 1 1 64%;
}

footer li li {
    padding-left: 0;
}