/*
 * Base styles shared by every public page, moved out of
 * resources/views/layouts/mainfrontend.blade.php so browsers can cache them
 * instead of downloading them inside every page's HTML. Loaded at the exact
 * spot the inline <style> block used to be, so the cascade order is unchanged.
 */

/* Images that OptimizePageImages gave their real width/height (data-tba-dim)
   keep drawing at the size they did before: the attributes only reserve the
   space. :where() keeps this at zero specificity so any page rule wins. */
:where(img[data-tba-dim]) {
    height: auto;
}
        :root {
            --primary-color: #0073FC;
            --primary-color-dark: #005BC7;
            --primary-color-light: #66ACFF;
        }

        body{
            font-family: "Montserrat", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
        }
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto
        }

        .hide {
            display: none
        }

        .show {
            display: block
        }

        .text-hide {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        .text-underline {
            text-decoration: underline
        }

        .hidden {
            display: none
        }

        @media screen and (max-width: 991px) {
            .mobile-hidden {
                display: none
            }

            .mobile-reverse {
                display: flex;
                flex-direction: column-reverse
            }

            .mobile-reverse img {
                position: relative;
                margin-top: -30px
            }
        }

        @keyframes spinner-border {
            to {
                transform: rotate(360deg)
            }
        }

        .has-tooltip {
            display: inline-block;
            position: relative;
            cursor: pointer
        }

        .has-tooltip .tooltip-top {
            position: absolute;
            opacity: 0;
            transition: opacity .3s ease-in-out 0s;
            pointer-events: none;
            width: 100%;
            max-width: 300px;
            font-size: 12px;
            bottom: 110%;
            line-height: 12px;
            background: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, .5);
            border-radius: 5px;
            padding: 10px;
            display: block;
            left: 0
        }

        .tooltip-hover {
            background: #d3d3d3;
            color: #fff;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            border-radius: 100%;
            display: inline-block;
            margin-left: 6px
        }

        .has-tooltip:hover .tooltip-top {
            opacity: 1
        }

        .checkout-container {
            max-width: 910px;
            margin: 0 auto
        }

        .checkout-flow .setup-content {
            display: none;
            opacity: 0;
            transform: translateY(12px);
            transition: opacity .35s ease, transform .35s ease
        }

        .checkout-flow .setup-content.is-active {
            display: block;
            opacity: 1;
            transform: translateY(0)
        }

        .checkout-flow .cd-controls {
            margin-top: 30px
        }

        .checkout-flow .project-details-breadcrumbs a span {
            transition: box-shadow .3s ease, background-color .3s ease, color .3s ease
        }

        .checkout-flow .project-details-breadcrumbs a span.complete {
            box-shadow: 0 0 12px color-mix(in srgb, var(--primary-color) calc(.4 * 100%), transparent)
        }

        .project-details-breadcrumbs circle, .project-details-breadcrumbs path {
            fill: #e4e4e4;
            -webkit-transition: fill .3s ease-in-out 0s;
            -moz-transition: fill .3s ease-in-out 0s;
            -ms-transition: fill .3s ease-in-out 0s;
            -o-transition: fill .3s ease-in-out 0s;
            transition: fill .3s ease-in-out 0s
        }

        .project-details-breadcrumbs .complete {
            fill: var(--primary-color)
        }

        .project-details-steps {
            position: relative
        }

        .project-details-steps label img {
            width: 100%
        }

        .project-details-steps .logo-style label img {
            max-height: 145px
        }

        .project-details-steps select {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
            background-position: right center;
            background-repeat: no-repeat;
            line-height: 20px;
            padding: 10px
        }

        .project-details-steps .input-gradient select {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
            background-position: right center;
            background-repeat: no-repeat
        }

        .input-gradient > textarea {
            border: none;
            box-shadow: none;
            resize: none;
            overflow: hidden;
            min-height: 80px;
            outline: 0
        }

        .project-details-steps #UseyourDrive {
            margin-bottom: 0
        }

        .cd-title {
            text-align: center;
            font-size: 45px;
            margin: 20px 0
        }

        .cd-gradient {
            background: #5daa00;
            background: -moz-linear-gradient(90deg, var(--primary-color) 15%, var(--primary-color-dark) 100%);
            background: -webkit-linear-gradient(90deg, var(--primary-color) 15%, var(--primary-color-dark) 100%);
            background: linear-gradient(90deg, var(--primary-color) 15%, var(--primary-color-dark) 100%);
            position: relative;
            counter-increment: gradientIndex;
            min-height: 250px;
            padding: 20px 0 20px 220px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .cd-gradient:nth-child(2) {
            background: 0 0
        }

        .cd-gradient:after {
            content: counter(gradientIndex);
            display: block;
            font-size: 265px;
            height: 100%;
            left: 0;
            line-height: 240px;
            opacity: .2;
            padding-left: 30px;
            position: absolute;
            text-align: left;
            top: 0;
            width: 220px;
            z-index: 0
        }

        @media screen and (max-width: 769px) {
            .cd-gradient:after {
                display: none
            }

            .project-details-steps .cd-title {
                font-size: 26px
            }

            .cd-gradient {
                padding: 20px 10px
            }
        }

        .cd-gradient label {
            font-size: 1.625rem;
            color: #fff
        }

        .cd-gradient:nth-child(2) label {
            color: #606060
        }

        .cd-gradient input {
            display: block;
            width: 98%;
            background: 0 0;
            border: none;
            border-bottom: 2px #fff solid;
            outline: 0;
            margin: 0 auto;
            max-width: 80%
        }

        .cd-gradient input:focus {
            background: 0 0
        }

        .cd-gradient select {
            min-width: 250px;
            outline: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .logo-layout {
            list-style: none;
            display: flex;
            justify-content: center;
            margin: 0;
            padding: 20px 0
        }

        .logo-layout li {
            cursor: pointer;
            display: block;
            width: 100%;
            max-width: 230px
        }

        .logo-layout li svg {
            width: 100%;
            max-height: 80px
        }

        .logo-layout li svg path {
            fill: currentColor
        }

        .logo-layout label {
            color: #fff;
            cursor: pointer;
            display: block;
            text-transform: uppercase;
            font-size: 14px;
            position: relative
        }

        .logo-layout label svg:last-child {
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 30px;
            height: 30px;
            -webkit-transition: opacity .3s ease-in-out 0s;
            -moz-transition: opacity .3s ease-in-out 0s;
            -ms-transition: opacity .3s ease-in-out 0s;
            -o-transition: opacity .3s ease-in-out 0s;
            transition: opacity .3s ease-in-out 0s
        }

        @media screen and (max-width: 480px) {
            .logo-layout label svg:last-child {
                right: -5px;
                top: 0;
                width: 20px;
                height: 20px
            }

            .logo-type .details {
                padding: 0
            }

            .project-details-steps label {
                font-size: 14px
            }
        }

        .logo-layout label span {
            display: inline-block;
            margin-top: 10px;
            line-height: 18px
        }

        .logo-layout input[type=radio] {
            display: none
        }

        .logo-layout input[type=radio]:checked ~ label svg {
            opacity: 1
        }

        @media screen and (max-width: 480px) {
            .logo-layout li svg {
                max-height: 50px
            }

            .logo-layout label {
                font-size: 12px
            }
        }

        .cd-controls {
            padding: 40px 0;
            text-align: right
        }

        .logo-color {
            margin: 25px 0;
            padding: 5px
        }

        .logo-style {
            margin: 10px 0;
            padding: 5px
        }

        .logo-color label, .logo-style label {
            border: 5px solid transparent;
            cursor: pointer;
            display: inline-flex;
            position: relative;
            padding: 5px;
            text-transform: uppercase;
            transition: border .3s ease-in-out 0s;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .logo-color label svg, .logo-style label svg {
            opacity: 0;
            position: absolute;
            right: 3px;
            width: 30px;
            bottom: 3px;
            pointer-events: none;
            transition: opacity .3s ease-in-out 0s
        }

        @media screen and (max-width: 480px) {
            .logo-color label svg, .logo-style label svg {
                width: 20px
            }
        }

        .logo-color input[type=checkbox]:checked ~ label, .logo-style input[type=checkbox]:checked ~ label {
            border-color: var(--primary-color)
        }

        .logo-color input[type=checkbox]:checked ~ label svg, .logo-style input[type=checkbox]:checked ~ label svg {
            opacity: 1
        }

        .logo-color input, .logo-style input {
            display: none
        }

        .input-wrapper {
            position: relative;
            max-width: 350px;
            margin: 40px auto 0
        }

        .input-wrapper label {
            position: absolute;
            left: 0;
            top: 45px;
            text-align: center;
            width: 100%
        }

        .input-wrapper input {
            border: none;
            border-bottom: 1px solid #5daa00;
            width: 100%;
            outline: 0
        }

        .input-wrapper input:focus ~ label {
            top: 0
        }

        .input-wrapper input:not(:placeholder-shown) ~ label {
            top: 0
        }

        .custom_logo_type label {
            background: #0000006b;
            border: 3px solid #0000006b;
            padding: 20px
        }

        .custom_logo_type input[type=checkbox]:checked ~ label {
            border: 3px solid #5daa00
        }

        .input-wrapper input:-moz-placeholder {
            color: transparent
        }

        .input-wrapper input::-moz-placeholder {
            color: transparent
        }

        .input-wrapper input:-ms-input-placeholder {
            color: transparent
        }

        .input-wrapper input::-webkit-input-placeholder {
            color: transparent
        }

        .logo-type {
            margin-bottom: 30px;
            position: relative
        }

        .logo-type input {
            display: none
        }

        .logo-type img {
            vertical-align: top;
            z-index: 1
        }

        .logo-type .wrapper {
            border: 5px solid transparent;
            cursor: pointer;
            display: block;
            position: relative
        }

        .logo-type input[type=checkbox]:checked ~ label {
            border-color: var(--primary-color)
        }

        .logo-type .inner-block {
            background: linear-gradient(#83f000 80%, #04a804)
        }

        .logo-type .details div {
            color: #000;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 13px;
            min-height: 60px;
            display: block
        }

        .logo-type .details h4 {
            color: #000;
            font-weight: 700;
            text-transform: uppercase;
            font-weight: 800
        }

        .logo-type svg {
            position: relative;
            vertical-align: top
        }

        .logo-type .details {
            color: #fff;
            padding: 0;
            text-align: center;
            position: relative;
            z-index: 3
        }

        .logo-type h4 {
            font-size: 23px;
            line-height: 30px;
            color: inherit;
            margin: 0 0 10px 0
        }

        .logo-type .details div {
            font-size: 15px;
            line-height: 18px
        }

        .custom_logo_type {
            max-width: 500px;
            margin: 0 auto;
            text-align: center
        }

        .custom_logo_type input {
            display: none
        }

        .custom_logo_type label {
            border: none;
            border-bottom: 1px solid #5daa00;
            display: block
        }

        .custom_logo_type input[type=checkbox]:checked ~ label {
            border: 3px solid #5daa00
        }

        .custom_logo_type label p {
            margin: 0
        }

        @media screen and (max-width: 991px) {
            .logo-type {
                padding: 0 10px
            }

            .custom_logo_type label p {
                line-height: 20px;
                padding: 0 15px
            }
        }

        @media screen and (max-width: 768px) {
            .logo-type h4 {
                font-size: 18px;
                line-height: 20px
            }

            .logo-type .details div {
                font-size: 12px;
                line-height: 14px
            }
        }

        @media screen and (max-width: 480px) {
            .logo-type {
                padding: 0 4px
            }

            .logo-type h4 {
                font-size: 14px;
                line-height: 18px;
                color: inherit;
                margin: 0 0 5px 0
            }

            .logo-type .wrapper {
                border: 2px solid transparent
            }

            .logo-type .details {
                padding: 10px 3px
            }

            .logo-type .details div {
                font-size: 10px;
                line-height: 12px
            }
        }

        .logo-details h3 {
            background: #000;
            background-image: linear-gradient(90deg, #666 0, #1a1a1a 45%, #000 100%);
            background-image: -webkit-linear-gradient(left, #666 0, #1a1a1a 45%, #000 100%);
            color: #fff;
            border-radius: 25px 0 0 25px;
            padding: 5px 20px;
            text-align: center
        }

        .logo-details .col-md-8 {
            padding: 0 25px
        }

        .logo-details form .row {
            display: flex;
            margin-bottom: 40px
        }

        .logo-details form label {
            display: inline-block;
            line-height: 24px;
            font-size: 20px;
            margin: 10px 0
        }

        .logo-details form .input-gradient {
            width: 100%;
            position: relative;
            box-sizing: border-box;
            color: #000;
            background: #fff;
            background-clip: padding-box;
            border: solid 2px transparent;
            border-radius: 5px
        }

        .logo-details form .input-gradient:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: -2px;
            border-radius: inherit;
            background: linear-gradient(to right, var(--primary-color-light), var(--primary-color-dark));
            z-index: -1
        }

        .logo-details form .input-gradient input {
            border: none;
            border-radius: 5px;
            padding: 8px 10px;
            width: 100%
        }

        .logo-details form .input-gradient select {
            border: none;
            border-radius: 10px;
            padding: 8px 10px;
            line-height: 20px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            box-shadow: none;
            outline: 0
        }

        .logo-details input[type=file] {
            height: 100%;
            width: 100%;
            overflow: visible;
            padding-top: 200px
        }

        .logo-details input[type=file] span {
            position: relative;
            top: 100%;
            background: 0 0
        }

        .logo-details .file-upload {
            text-align: center
        }

        .logo-details .file-upload img {
            margin: 0 auto;
            max-width: 150px
        }

        .file-upload-drop-wrapper {
            position: relative;
            padding-top: 20px
        }

        .file-upload-drop {
            position: absolute;
            z-index: 1;
            top: 0;
            width: 100%;
            height: 100%
        }

        input[type=file]::file-selector-button {
            display: none
        }

        input[type=file]::-webkit-file-upload-button {
            display: none
        }

        .spinner-border {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            vertical-align: text-bottom;
            border: .25em solid currentColor;
            border-right-color: transparent;
            border-radius: 50%;
            -webkit-animation: spinner-border .75s linear infinite;
            animation: spinner-border .75s linear infinite
        }

        .logo-details form .col-md-4 {
            padding: 0;
            border-right: 4px solid #000
        }

        @media screen and (max-width: 991px) {
            .logo-details h3 {
                border-radius: 25px
            }

            .logo-details form .row {
                display: block
            }

            .logo-details form .col-md-4 {
                border: none
            }
        }

        form[name=step-2-form] > .row {
            margin-bottom: 20px
        }

        form[name=step-2-form] h4 {
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 10px
        }

        @media screen and (max-width: 991px) {
            form[name=step-2-form] .col-md-2 img {
                max-width: 120px
            }

            form[name=step-2-form] .col-md-8 {
                order: 3;
                width: 100%
            }

            form[name=step-2-form] h4 {
                margin: 0;
                padding: 5px 15px
            }
        }

        .shop_table .cart_item .quantity {
            display: none
        }

        @media screen and (max-width: 480px) {
            form[name=step-2-form] .col-md-2 img {
                max-width: 90px
            }
        }

        input[type=range] {
            -webkit-appearance: none;
            background-image: linear-gradient(90deg, #666 0, #1a1a1a 30%, #000 100%);
            background-image: -webkit-linear-gradient(left, #666 0, #1a1a1a 30%, #000 100%);
            border-radius: 25px;
            margin: 10px 0;
            width: 100%
        }

        input[type=range]:focus {
            outline: 0
        }

        input[type=range]::-webkit-slider-runnable-track {
            width: 100%;
            height: 38px;
            cursor: pointer;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
            background: linear-gradient(90deg, #666 0, #1a1a1a 30%, #000 100%);
            border-radius: 25px;
            border: 4px solid #fff
        }

        input[type=range]::-webkit-slider-thumb {
            box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
            border: none;
            height: 60px;
            width: 60px;
            background-image: url(/assets/other/themes/astra-child/assets/images/toggle4x.html);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            cursor: pointer;
            -webkit-appearance: none;
            margin: 0;
            transform: translateY(-14px)
        }

        input[type=range]:focus::-webkit-slider-runnable-track {
            background: linear-gradient(90deg, #666 0, #1a1a1a 30%, #000 100%)
        }

        input[type=range]::-moz-range-track {
            cursor: pointer;
            animate: .2s;
            width: 100%;
            height: 30px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
            background: linear-gradient(90deg, #666 0, #1a1a1a 30%, #000 100%);
            border-radius: 25px;
            border: 4px solid #fff
        }

        input[type=range]::-moz-range-thumb {
            box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
            border: none;
            height: 60px;
            width: 60px;
            background-image: url(/assets/img/https_/www.thebusinesstoolkit.com/themes/astra/assets/images/toggle4x.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            cursor: pointer
        }

        input[type=range]::-ms-track {
            width: 100%;
            height: 35px;
            cursor: pointer;
            animate: .2s;
            background: 0 0;
            border-color: transparent;
            border-width: 39px 0;
            color: transparent
        }

        input[type=range]::-ms-fill-lower {
            width: 100%;
            height: 35px;
            cursor: pointer;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
            border-radius: 25px;
            border: 4px solid #fff;
            background: #000
        }

        input[type=range]::-ms-fill-upper {
            width: 100%;
            height: 35px;
            cursor: pointer;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
            border-radius: 25px;
            border: 4px solid #fff;
            background: #000
        }

        input[type=range]::-ms-thumb {
            height: 60px;
            width: 60px;
            border: none;
            background-image: url(/assets/other/themes/astra/assets/images/toggle4x.html);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            cursor: pointer
        }

        input[type=range]:focus::-ms-fill-lower {
            background: #000
        }

        input[type=range]:focus::-ms-fill-upper {
            background: #000
        }

        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            .woocommerce select, input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
                font-size: 16px
            }
        }

        #billing_phone_field {
            width: 100%
        }

        #billing_postcode_field {
            width: 100%
        }

        @media (max-width: 767px) {
            .col.col-md-4.col-sm-4.col-6.logo-style, .logo-type.col.col-md-4.col-sm-6.col-6, .project-details-steps .col.col-md-3.col-sm-4.col-6.logo-color {
                flex: 0 0 50%
            }

            .col.col-md-4.col-sm-4.col-6.logo-style {
                margin-bottom: 40px
            }

            .row.row-logo-styles > div {
                width: 33%
            }

            .row.row-logo-styles > div label {
                font-size: 12px
            }

            .logo-addons .tk-title {
                font-size: 13px
            }
        }

        .project-details-steps select {
            max-width: 100%;
            border: none;
            margin-top: 15px
        }

        @font-face {
            font-family: swiper-icons;
            src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
            font-weight: 400;
            font-style: normal
        }

        :root {
            --swiper-theme-color: #0073fc
        }

        .swiper {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1
        }

        .swiper-vertical > .swiper-wrapper {
            flex-direction: column
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: flex;
            transition-property: transform;
            box-sizing: content-box
        }

        .swiper-wrapper {
            transform: translate3d(0, 0, 0)
        }

        .swiper-pointer-events {
            touch-action: pan-y
        }

        .swiper-pointer-events.swiper-vertical {
            touch-action: pan-x
        }

        .swiper-slide {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            transition-property: transform
        }

        .swiper-3d {
            perspective: 1200px
        }

        .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
            transform-style: preserve-3d
        }

        .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-3d .swiper-slide-shadow {
            background: rgba(0, 0, 0, .15)
        }

        .swiper-3d .swiper-slide-shadow-left {
            background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        :root {
            --swiper-navigation-size: 44px
        }

        .swiper-button-next, .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: calc(var(--swiper-navigation-size) / 44 * 27);
            height: var(--swiper-navigation-size);
            margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swiper-navigation-color, var(--swiper-theme-color))
        }

        .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-family: swiper-icons;
            font-size: var(--swiper-navigation-size);
            text-transform: none;
            letter-spacing: 0;
            text-transform: none;
            font-variant: initial;
            line-height: 1
        }

        .swiper-button-prev {
            left: 10px;
            right: auto
        }

        .swiper-button-prev:after {
            content: 'prev'
        }

        .swiper-button-next {
            right: 10px;
            left: auto
        }

        .swiper-button-next:after {
            content: 'next'
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            transition: .3s opacity;
            transform: translate3d(0, 0, 0);
            z-index: 10
        }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-pagination-custom {
            bottom: 10px;
            left: 0;
            width: 100%
        }

        @keyframes swiper-preloader-spin {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        .swiper-grid > .swiper-wrapper {
            flex-wrap: wrap
        }

        .swiper-fade .swiper-slide {
            pointer-events: none;
            transition-property: opacity
        }

        .swiper-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-cards {
            overflow: visible
        }

        .swiper-cards .swiper-slide {
            transform-origin: center bottom;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            overflow: hidden
        }

        @media (max-width: 768px) {
            body.woocommerce-checkout {
                padding-top: 0
            }

            body.woocommerce-checkout article > header > h1.entry-title {
                margin-top: 10px
            }

            .woocommerce-checkout .content-area {
                padding-top: 60px
            }
        }

        /* #toolkit-mob-header is the MOBILE header only (it is display:none
           from 1025px up — the desktop header is .tk-topbar + .tk-main-navbar,
           styled in assets/css/tbtk-navbar-redesign.css).

           The translucent rgba(8,8,9,.74) fill, the rounded bottom corners,
           the border-bottom, the glass box-shadow/backdrop-filter and the
           animated ::before/::after glow that used to sit here were the
           "atmosphere" behind the old desktop navbar; they are gone. The
           layout half of the rule (the fixed -100px/padding-top:100px trick
           that lets the header grow when the search or menu opens) is what
           mobile still needs, so that is all that remains. */
        #toolkit-mob-header {
            height: 160px;
            background: #0F100F;
            position: fixed;
            left: 0;
            right: 0;
            top: -100px;
            z-index: 1000;
            padding-top: 100px;
            overflow: hidden;
            transition: height .5s cubic-bezier(.88, .03, .13, 1.01), padding-bottom .5s cubic-bezier(.88, .03, .13, 1.01)
        }

        #toolkit-mob-header .tk-wrap {
            padding: 0 3vw;
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%
        }

        #toolkit-mob-header .top_bar {
            position: relative;
            z-index: 2;
            background: rgba(0, 0, 0, .26);
        }

        #toolkit-mob-header .tk-menu-toggle {
            display: flex;
            cursor: pointer;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 6px 20px;
            font-size: 14px;
            color: #fff;
            background: rgba(255, 255, 255, .09);
            border-radius: 12px
        }

        #toolkit-mob-header .tk-menu-toggle > div {
            display: block;
            width: 100%;
            height: 3px;
            background: #fff
        }

        #toolkit-mob-header .tk-logo {
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px;
            pointer-events: none
        }

        .tk-search-toggle .fas.fa-search {
            font-size: 25px
        }

        .tk-search-toggle {
            margin: 0
        }

        #toolkit-mob-header .tk-logo a {
            display: flex;
            height: 100%;
            width: min(100%, 210px);
            align-items: center;
            justify-content: center;
            pointer-events: all
        }

        #toolkit-mob-header .tk-logo img {
            display: block;
            width: auto;
            max-width: 100%;
            max-height: 46px;
            height: auto;
            object-fit: contain
        }

        #toolkit-mob-header .tk-call {
            display: flex;
            height: 35px;
            width: 35px;
            cursor: pointer;
            position: relative;
            justify-content: center;
            align-items: center;
            background: var(--primary-color);
            border-radius: 50%
        }

        #toolkit-mob-header .tk-call i.fas.fa-phone-alt {
            color: #fff
        }

        #toolkit-mob-header input#tk-search {
            background: 0 0;
            color: #fff;
            position: absolute;
            border: 0;
            top: 0;
            height: 100%;
            left: calc(3vw + 3rem);
            right: calc(3vw + 3rem);
            display: block;
            width: calc(100vw - 6vw - 8rem);
            padding: 0 1rem;
            z-index: -1;
            opacity: 0
        }

        #toolkit-mob-header input#tk-search:focus {
            outline: 0
        }

        #toolkit-mob-header .tk-search-wrap {
            position: absolute;
            width: 100%;
            left: 0;
            right: 0;
            display: flex;
            height: 100%;
            align-items: center;
            padding: 0 calc(3vw + 3rem);
            pointer-events: none
        }

        #toolkit-mob-header .tk-search-toggle {
            color: #fff;
            display: flex;
            width: 2rem;
            height: 60px;
            margin: 0 0;
            justify-content: center;
            align-items: center;
            font-size: 1.8rem;
            pointer-events: all;
            position: absolute;
            left: calc(3vw + 3rem);
            z-index: 1;
            cursor: pointer
        }

        #toolkit-mob-header.tk-search-open label.tk-search-toggle {
            left: 3vw;
            cursor: auto;
            right: calc(100% - 3vw - 3rem)
        }

        #toolkit-mob-header.tk-search-open .tk-call, #toolkit-mob-header.tk-search-open .tk-call a, #toolkit-mob-header.tk-search-open .tk-logo a {
            pointer-events: none;
            opacity: 0
        }

        #toolkit-mob-header.tk-search-open .line-1 {
            transform: translate(0, 7px) rotate(45deg)
        }

        #toolkit-mob-header.tk-search-open .line-2 {
            opacity: 0
        }

        #toolkit-mob-header.tk-search-open .line-3 {
            transform: translate(0, -7px) rotate(-45deg)
        }

        #toolkit-mob-header.tk-search-open input#tk-search {
            opacity: 1;
            z-index: 1;
            pointer-events: all
        }

        #toolkit-mob-header.tk-search-open.tk-dropdown-visible {
            height: 520px;
            padding-bottom: 360px
        }

        #toolkit-mob-header #search-results {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 4.5rem;
            left: calc(3vw + 3rem);
            right: calc(3vw + 1.5rem);
            height: 0;
            overflow: auto;
            -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(3%, #000), color-stop(97%, #000), to(transparent));
            -webkit-mask-image: linear-gradient(180deg, transparent, #000 3%, #000 97%, transparent);
            padding: 3% 0
        }

        #toolkit-mob-header #search-results::-webkit-scrollbar {
            width: 2px
        }

        #toolkit-mob-header #search-results::-webkit-scrollbar-thumb {
            background-color: #c9c9c982;
            border-radius: 5px
        }

        #toolkit-mob-header #search-results ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #toolkit-mob-header.tk-dropdown-visible #search-results {
            opacity: 1;
            pointer-events: all;
            height: 24rem
        }

        .tk-menu-l-wrap .tk-menu-list {
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            transform: translate(120%, 0);
            opacity: 0;
            bottom: 0;
            -webkit-backdrop-filter: saturate(180%) blur(5px);
            backdrop-filter: saturate(180%) blur(5px);
            background-color: #242624cc;
            z-index: 9999999999;
            border-radius: 2rem 0 0 2rem;
            min-width: 300px;
            width: calc(100vw - 60px);
            max-width: 496px;
            box-shadow: 0 0 3rem #00000066;
            overflow: hidden;
            font-size: 2.2rem;
            will-change: transform, opacity
        }

        .tk-menu-l-wrap .tk-menu-list ul {
            list-style: none;
            margin-left: 1rem;
            margin-bottom: 0;
            font-size: .8em
        }

        .tk-menu-l-wrap .tk-menu-list ul a.menu-link,
        .tk-menu-l-wrap .tk-menu-list ul .tk-menu-static {
            color: #fff;
            text-transform: uppercase;
            display: block;
            opacity: 0;
            transform: translate(0, 20px);
            will-change: transform, opacity
        }

        .tk-menu-l-wrap .tk-menu-list ul li {
            position: relative
        }

        .tk-menu-l-wrap .tk-menu-list .tk-open-list ul a.menu-link,
        .tk-menu-l-wrap .tk-menu-list .tk-open-list ul .tk-menu-static {
            opacity: 1;
            transform: translate(0, 0)
        }

        .tk-menu-l-wrap .tk-menu-list div > ul > li {
            display: block;
            border-bottom: 2px solid #fffFFF80;
            padding-bottom: .6em
        }

        .tk-menu-l-wrap .tk-menu-list div > ul > li > a.menu-link {
            font-weight: 800;
            display: block;
            opacity: 1;
            transform: translate(0, 0)
        }

        .tk-menu-l-wrap .tk-menu-list div > ul > li > a.menu-link span i {
            margin-right: .5ch
        }

        #menu-header-2023 .menu-link a, #menu-language a {
            font-weight: 700;
            font-size: 18px;
            text-transform: uppercase;
            color: #fff
        }

        .tk-menu-l-wrap .tk-menu-list > div {
            padding: 1rem 1rem 2rem 0;
            height: calc(100% - 60px);
            width: 100%;
            display: flex;
            flex-direction: column;
            padding-bottom: 90px;
            -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
            -webkit-mask-image: linear-gradient(180deg, transparent, #000 5%, #000 95%, transparent)
        }

        .tk-menu-l-wrap .tk-menu-list > div::-webkit-scrollbar-thumb {
            background-color: #c9c9c982;
            border-radius: 5px
        }

        .tk-menu-l-wrap .tk-menu-list > div::-webkit-scrollbar {
            width: 2px
        }

        .tk-menu-l-wrap .tk-menu-list > div > div > ul > li > ul > li > a {
            font-size: 1.2rem;
            font-weight: 200
        }

        .tk-menu-l-wrap .tk-menu-list > div > div > ul > li > ul > li > ul > li > a {
            font-size: 1rem !important;
        }

        .tk-menu-l-wrap .tk-menu-list li ul {
            border-left: 1px solid #fffFFF24;
            padding: .6em 0 .6em 0;
            margin-left: .4em;
            display: none
        }

        .tk-menu-l-wrap .tk-menu-list li.tk-open-list > ul {
            display: block
        }

        .tk-menu-l-wrap .tk-menu-list a.menu-link:focus {
            outline: 0
        }

        .tk-menu-l-wrap .tk-menu-list > a > .tk-expand {
            background: #ffffff47;
            border-radius: 1rem
        }

        .tk-menu-l-wrap .tk-menu-list > a > .tk-expand i {
            transform: rotate(135deg);
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            height: 100%;
            width: 100%
        }

        .tk-menu-l-wrap .tk-menu-list > a > .tk-expand i:before {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center
        }

        .tk-menu-l-wrap .tk-menu-list .tk-open-list > a > .tk-expand {
            background: #ffffff47;
            border-radius: 1rem
        }

        .tk-menu-l-wrap .tk-menu-list .tk-open-list > a > .tk-expand i {
            transform: rotate(135deg);
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            height: 100%;
            width: 100%
        }

        .tk-menu-l-wrap .tk-menu-list .tk-open-list > a > .tk-expand i:before {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center
        }

        .tk-menu-l-wrap .tk-menu-list .tk-social-list {
            position: absolute;
            bottom: 0;
            flex-direction: row;
            right: 0;
            height: auto;
            padding: 15px;
            width: auto;
            max-width: 100%;
            font-size: 1.3rem
        }

        .tk-menu-l-wrap .tk-menu-list .tk-social-list span {
            margin: 0 .6rem
        }

        .tk-menu-l-wrap .tk-menu-list .tk-social-list i {
            color: #fff
        }

        .tk-menu-l-wrap .tk-menu-list .sub-menu li.tk-open-list > ul a.menu-link {
            opacity: 1;
            transform: translate(0, 0)
        }

        .tk-menu-l-wrap .tk-menu-list .sub-menu li > ul a.menu-link {
            opacity: 0;
            transform: translate(0, 20px)
        }

        .tk-menu-l-wrap .tk-menu-overflow {
            position: fixed;
            top: -100px;
            right: 0;
            left: 0;
            bottom: -100px;
            background: rgba(36, 36, 36, .6);
            z-index: 9999999998;
            opacity: 0;
            pointer-events: none;
            cursor: pointer;
            will-change: opacity
        }

        .tk-menu-l-wrap .tk-custom-links {
            display: flex;
            flex-direction: column;
            padding-left: 15px;
            padding-top: 10px;
            font-size: 17px
        }

        .tk-social-list span span {
            display: none
        }

        .tk-social-list .tk-social-icon {
            margin: 5px
        }

        .tk-menu-l-wrap .tk-custom-links a.tk-custom-item {
            color: #fff;
            margin-top: 15px;
            font-size: 17px;
            font-weight: 800;
            text-transform: uppercase
        }

        #menu-language {
            margin-top: 10px
        }

        .tk-menu-l-wrap .tk-custom-links a.tk-custom-item i {
            display: inline-flex;
            width: 25px
        }

        .tk-menu-l-wrap .tk-custom-links a.tk-custom-item span {
            display: block;
            opacity: 0;
            transform: translate(-20px, 0);
            transition-delay: 0s;
            will-change: transform, opacity
        }

        .tk-menu-l-wrap .tk-custom-links a.tk-custom-item span i {
            margin-right: .5ch
        }

        .tk-menu-l-wrap.tk-menu-open .tk-menu-overflow {
            opacity: 1;
            pointer-events: all
        }

        .tk-menu-l-wrap.tk-menu-open .tk-menu-list {
            transform: translate(0, 0);
            opacity: 1
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item span {
            transform: translate(0, 0);
            opacity: 1
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item:nth-child(1) span {
            transition-delay: .25s
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item:nth-child(2) span {
            transition-delay: .3s
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item:nth-child(3) span {
            transition-delay: .35s
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item:nth-child(4) span {
            transition-delay: .4s
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item:nth-child(5) span {
            transition-delay: .45s
        }

        .tk-menu-l-wrap.tk-menu-open a.tk-custom-item:nth-child(6) span {
            transition-delay: .5s
        }

        .tk-menu-l-wrap .tk-expand {
            position: absolute;
            display: flex;
            height: 2em;
            width: 2em;
            right: 0;
            top: 0;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: .9em;
            color: #fff
        }

        .tk-menu-l-wrap ul {
            transition: none
        }

        #toolkit-mob-header .menu-item-has-children > a.menu-link, .tk-menu-l-wrap .menu-item-has-children > a.menu-link {
            position: relative;
            width: calc(100% - 2em);
            display: block;
            font-weight: 600
        }

        #toolkit-mob-header .tk-best-seller a, .tk-menu-l-wrap .tk-best-seller a {
            font-weight: 600
        }

        #toolkit-mob-header .tk-best-seller a:after, .tk-menu-l-wrap .tk-best-seller a:after {
            content: "top";
            display: inline-flex;
            align-items: center;
            text-transform: uppercase;
            font-size: 9px;
            margin: 0 5px;
            background: linear-gradient(90deg, #ff3a3a, #ff6565);
            font-weight: 600;
            padding: 1px 4px;
            line-height: 14px;
            border-radius: 3px;
            color: #fff;
            box-shadow: 0 0 2rem #ff6666cc
        }

        #toolkit-mob-header .tk-portfolio-static,
        .tk-menu-l-wrap .tk-portfolio-static {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: #fff;
            cursor: default;
            font-weight: 600;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .tk-portfolio-coming-soon-badge {
            display: inline-flex;
            align-items: center;
            border-radius: 3px;
            background: linear-gradient(90deg, #ff3a3a, #ff6565);
            box-shadow: 0 0 2rem #ff6666cc;
            color: #fff;
            font-size: 9px;
            font-weight: 600;
            line-height: 14px;
            margin: 0 5px;
            padding: 1px 4px;
            white-space: nowrap;
        }

        #toolkit-mob-header, .tk-menu-l-wrap * {
            transition: all .5s cubic-bezier(.88, .03, .13, 1.01)
        }

        .tk-menu-l-wrap .tk-custom-links * {
            transition: none
        }

        div#tbtk-preload {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 99999;
            opacity: 1;
            background: #000;
            transition: all 250ms ease
        }

        div#tbtk-preload.fade-loaded {
            opacity: 0;
            pointer-events: none
        }

        div#tbtk-preload img {
            width: 100px;
            height: 100px;
            margin-bottom: 5px
        }

        div#tbtk-preload:after, div#tbtk-preload:before {
            position: absolute;
            content: "";
            display: flex;
            width: 110px;
            height: 110px;
            border: 4px solid transparent;
            will-change: transform;
            border-radius: 100%;
            -moz-animation: loader 1.5s infinite cubic-bezier(1, 1, 0, 0);
            -webkit-animation: loader 1.5s infinite cubic-bezier(1, 1, 0, 0);
            animation: loader 1.5s infinite cubic-bezier(1, 1, 0, 0)
        }

        div#tbtk-preload:after {
            border-top: 4px solid #a88658
        }

        div#tbtk-preload:before {
            border-bottom: 4px solid #a88658
        }

        .woocommerce-checkout div#tbtk-preload {
            z-index: 9999999999;
            background: #000000db;
            opacity: 1;
            pointer-events: all
        }

        .woocommerce-checkout div#tbtk-preload.fade-loaded {
            background: 0 0;
            opacity: 0;
            pointer-events: none
        }

        @keyframes loader {
            0% {
                transform: rotate(0)
            }
            50% {
                transform: rotate(180deg)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        @media (max-width: 1024px) {
            #tk-search {
                padding-left: 0;
                font-size: 14px
            }

            .tk-menu-l-wrap ul.sub-menu li a {
                font-size: 16px;
                font-weight: 600;
                margin-left: 20px
            }

            .tk-menu-list .sub-menu .sub-menu {
                margin-left: 25px
            }

            #menu-language li a {
                margin-left: 0
            }

            #menu-item-64017 > a, .tk-menu-dropdown {
                display: none
            }

            .tk-menu-dropdown * {
                will-change: unset
            }

            .tk-desktop-menu {
                display: none
            }

            .tk-desktop-tel {
                display: none
            }

            div#toolkit-mob-header.tk-is-admin {
                top: -60px
            }

            #toolkit-mob-header .tk-call.tk-hide-mob {
                display: none
            }
        }

        @media (min-width: 1025px) {
            div#toolkit-mob-header .tk-call a .tk-desktop-tel {
                font-family: "Red Hat Display", sans-serif;
                font-weight: 700
            }

            /* The old desktop header geometry (max-width:1130px + margin:auto,
               which made it a centred floating card, plus the top:-10px /
               padding-top:10px / height:90px stack) lived here. It described
               #toolkit-mob-header at desktop widths, where that element is now
               display:none — the desktop header is .tk-topbar + .tk-main-navbar
               and sets its own full-bleed geometry. */

            div#toolkit-mob-header .tk-menu-wrap {
                opacity: 0;
                pointer-events: none
            }

            div#toolkit-mob-header .tk-logo {
                justify-content: left;
                left: 20px;
                right: auto;
                width: 150px;
                padding: 10px;
                padding-left: 20px
            }

            div#toolkit-mob-header .tk-logo a {
                width: min(100%, 150px);
                justify-content: flex-start;
            }

            div#toolkit-mob-header label.tk-search-toggle {
                left: auto;
                right: 213px
            }

            div#toolkit-mob-header.tk-search-open .tk-menu-wrap {
                opacity: 1;
                pointer-events: all
            }

            div#toolkit-mob-header.tk-search-open label.tk-search-toggle {
                left: auto
            }

            div#toolkit-mob-header .tk-wrap {
                padding: 0 20px
            }

            div#toolkit-mob-header .tk-menu-wrap {
                transform: translate(1020px, 0)
            }

            div#toolkit-mob-header.tk-dropdown-visible div#search-results {
                top: 90px;
                height: 410px
            }

            div#toolkit-mob-header input#tk-search {
                width: 860px
            }

            div#toolkit-mob-header .tk-desktop-menu {
                display: flex;
                flex: 1 1 auto;
                width: auto;
                min-width: 0;
                justify-content: flex-start;
                margin: 0 190px 0 0px !important;
                position: relative;
                z-index: 2;
            }

            div#toolkit-mob-header .tk-desktop-menu .tk-menu-dropdown {
                position: absolute;
                opacity: 0;
                pointer-events: none;
                top: 80px;
                left: 20px;
                right: 20px
            }

            div#toolkit-mob-header .tk-desktop-menu .tk-menu-item {
                margin: 10px 8px
            }

            div#toolkit-mob-header .tk-desktop-menu .tk-menu-item a {
                color: #fff;
                text-transform: uppercase;
                opacity: 1;
                font-weight: 800;
                font-size: 14px;
                white-space: nowrap
            }

            /* `.tk-desktop-menu { margin: 0 auto !important }` was here. It is
               what centred the navigation links in the middle of the row; the
               links now sit directly beside the logo, so the margin belongs to
               .tk-main-navbar .tk-desktop-menu in tbtk-navbar-redesign.css. */

            div#toolkit-mob-header .tk-desktop-menu .tk-menu-item a:hover {
                color: var(--primary-color)
            }

            div#toolkit-mob-header.tk-desktop-menu-open {
                height: 530px;
                padding-bottom: 440px
            }

            div#toolkit-mob-header.tk-desktop-menu-open a.tk-desktop-dd-toggle {
                opacity: 1
            }

            div#toolkit-mob-header.tk-desktop-menu-open .tk-menu-dropdown {
                opacity: 1;
                pointer-events: all
            }

            div#toolkit-mob-header .tk-desktop-menu .tk-menu-dropdown ul {
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                margin: 0;
                flex-direction: column
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li.menu-link > a {
                display: none
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu {
                display: grid;
                grid-template-areas: "col1 col6 col3 col2" "col1 col6 col4 col2" "col1 col6 col5 col2";
                column-gap: 18px;
                height: 430px;
                grid-template-rows:90px 90px 250px;
                grid-template-columns:minmax(280px, 1fr) minmax(230px, .85fr) minmax(205px, .75fr) minmax(275px, .95fr)
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li {
                transform: translate(0, 20px);
                opacity: 0
            }

            div#toolkit-mob-header.tk-desktop-menu-open .tk-menu-dropdown > div > ul > li > ul.sub-menu > li {
                opacity: 1;
                transform: translate(0, 0);
                will-change: transform, opacity
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:first-child {
                grid-area: col1;
                transition-delay: .1s
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:nth-child(2) {
                grid-area: col2;
                transition-delay: .2s
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:nth-child(3) {
                grid-area: col3;
                transition-delay: .3s
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:nth-child(4) {
                grid-area: col4;
                transition-delay: .3s;
                margin-top: 35px
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:nth-child(5) {
                grid-area: col5;
                transition-delay: .3s
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:nth-child(6) {
                grid-area: col6;
                transition-delay: .3s
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li.tk-service-category-graphic-design {
                grid-area: col1;
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li.tk-service-category-print {
                grid-area: col2;
                min-width: 275px;
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li.tk-service-category-digital-marketing {
                grid-area: col3;
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li.tk-service-category-website {
                grid-area: col4;
                margin-top: 35px;
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li.tk-service-category-automation {
                grid-area: col6;
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li.tk-service-category > a {
                white-space: normal !important;
                line-height: 1.3;
                margin-bottom: 12px;
                display: inline-block;
            }

            div#toolkit-mob-header .tk-desktop-menu .tk-expand {
                display: none
            }

            div#toolkit-mob-header .tk-menu-dropdown > div > ul > li > ul.sub-menu > li:first-child ul {
                display: grid;
                grid-template-columns:1fr;
                grid-auto-flow: row
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li a.menu-link {
                font-size: .9em;
                display: flex;
                font-weight: 300;
                line-height: 1.25;
                opacity: 1;
                max-width: 100%;
                white-space: normal;
                overflow-wrap: anywhere;
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li .tk-menu-static {
                cursor: default;
                align-items: center;
                gap: 6px;
                color: #fff;
                text-transform: uppercase;
            }

            .tk-coming-soon-badge {
                display: inline-flex;
                align-items: center;
                border-radius: 3px;
                background: #ff4b55;
                color: #fff;
                font-size: 8px;
                font-weight: 800;
                line-height: 1;
                padding: 3px 4px;
                white-space: nowrap;
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li {
                line-height: 1;
                margin-bottom: 5px;
                will-change: transform, opacity
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li:hover {
                transform: translate(12px, 0);
                display: block
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li {
                transition-duration: 250ms
            }

            div#toolkit-mob-header.tk-search-open .tk-desktop-menu {
                opacity: 0;
                pointer-events: none
            }

            div#toolkit-mob-header .tk-desktop-menu .menu-item-has-children > a.menu-link {
                opacity: 1;
                line-height: 1.2;
                margin-bottom: 10px
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li a.menu-link:hover {
                color: var(--primary-color)
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li a.menu-link:after {
                height: 2.2ch;
                line-height: 1.8
            }

            div#toolkit-mob-header .tk-menu-dropdown ul.sub-menu li ul li a.menu-link {
                display: inline-block
            }

            div#toolkit-mob-header .tk-call {
                width: 150px;
                border-radius: 2rem
            }

            div#toolkit-mob-header .tk-call a {
                color: #fff;
                display: flex;
                justify-content: space-around;
                align-items: center;
                width: 100%;
                padding: 1px
            }

            div#toolkit-mob-header .tk-call a span {
                font-size: 1rem;
                font-weight: 600;
                white-space: nowrap
            }

            div#toolkit-mob-header .tk-call.tk-hide-desk {
                display: none
            }

            div#toolkit-mob-header.tk-search-open.tk-dropdown-visible {
                height: 510px;
                padding-bottom: 420px
            }

            div#toolkit-mob-header.tk-is-admin {
                top: 30px
            }
        }

        .tk-menu-l-wrap ul {
            padding-left: 0
        }

        .tk-menu-dropdown .sub-menu .sub-menu a {
            font-size: 13.5px !important;
            font-weight: 600 !important;
        }

        .sub-menu .sub-menu {
            margin-top: 6px
        }

        #menu-item-64017 .sub-menu {
            padding: 0;
            margin: 0;
            border: none
        }

        #menu-item-64018 > a, #menu-item-64018 > a span {
            font-weight: 700;
            margin-bottom: 5px
        }

        #menu-header-2023 > li > a, #menu-item-64018 > a span {
            font-size: 17px
        }

        .menu-item-object-language_switcher .trp-flag-image {
            width: 20px;
            height: 14px;
            margin-right: 13px;
            margin-left: 0
        }

        .tk-menu-l-wrap .sub-menu * {
            transition: none
        }

        #menu-item-64016 a {
            margin-left: 35px
        }

        .tk-menu-list > div, body, html {
            overflow-x: hidden
        }

        .background-img {
            transform: translate3d(0, 0, 0)
        }

        .testimonial_outer .section-header.details {
            padding-top: 40px
        }

        .scroll-top.d-flex.align-items-center.justify-content-center {
            display: none
        }

        .page-id-21246 li::marker {
            color: var(--primary-color)
        }

        .page-id-21246 .discount > div {
            float: right;
            margin-top: -40px
        }

        @media (max-width: 640px) {
            .woocommerce-MyAccount-content {
                margin-top: 50px
            }
        }

        .page-id-39 .entry-title {
            text-align: center
        }

        .cd-controls {
            max-width: 1000px
        }

        .cd-controls button {
            background: var(--primary-color);
            border: none;
            color: #fff;
            padding: 10px 30px;
            border-radius: 50px;
            margin-left: 5px
        }

        #order_review .product-quantity {
            display: none
        }

        .cd-controls button[disabled=""] {
            opacity: .5
        }

        .logo-details .h3, .logo-details h3 {
            font-size: 22px;
            font-weight: 700;
            padding: 10px;
            display: block
        }

        .product-name a {
            text-decoration: none
        }

        .woocommerce a.remove, .woocommerce a.remove:hover {
            margin-right: 6px;
            background: 0 0;
            color: red
        }

        .woocommerce table.shop_table td.product-name > span:first-child {
            display: inline-block;
            float: left
        }

        .woocommerce-checkout .col2-set .col-1 {
            float: left;
            width: 55%
        }

        .woocommerce-checkout .col2-set .col-2 {
            width: 40%;
            border: 1px solid #ebebeb;
            padding: 25px
        }

        .u-columns.woocommerce-Addresses.col2-set.addresses {
            margin-top: 30px
        }

        #order_review * {
            border-radius: 0;
            border-left: none;
            border-right: none;
            padding-left: 0;
            padding-right: 0
        }

        .woocommerce-page .col2-set .col-2 #order_review_heading {
            padding-top: 0
        }

        .tk-menu-l-wrap ul.sub-menu li a, div#toolkit-mob-header .tk-desktop-menu .tk-menu-item a {
            width: 100%;
            display: inline-block
        }


        @charset "UTF-8";
        @font-face {
            font-family: swiper-icons;
            font-style: normal;
            font-weight: 400;
            src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
        }

        :root {
            --swiper-theme-color: #0073fc
        }

        :root {
            --swiper-navigation-size: 44px
        }

        :root {
            --jp-carousel-primary-color: #fff;
            --jp-carousel-primary-subtle-color: #999;
            --jp-carousel-bg-color: #000;
            --jp-carousel-bg-faded-color: #222;
            --jp-carousel-border-color: #3a3a3a
        }

        [data-carousel-extra]:not(.jp-carousel-wrap) img {
            cursor: pointer
        }

        @keyframes load8 {
            0% {
                transform: rotate(0)
            }
            to {
                transform: rotate(1turn)
            }
        }

        .contact-form input {
            font: inherit
        }

        .contact-form input::placeholder {
            transition: opacity .3s ease-out
        }

        .contact-form input:hover::placeholder {
            opacity: .5
        }

        .contact-form input:focus::placeholder {
            opacity: .3
        }

        :where(.contact-forminput[type=text],.contact-forminput[type=email],.contact-forminput[type=tel],.contact-forminput[type=url]) {
            border-width: 1px;
            box-sizing: border-box;
            line-height: normal;
            padding: 12px 8px;
            width: 100%
        }

        .contact-form select {
            min-width: 150px;
            padding: 14px 7px
        }

        .contact-form textarea {
            box-sizing: border-box;
            float: none;
            font: inherit;
            height: 200px;
            padding: 7px;
            width: 100%
        }

        .contact-form input[type=checkbox], .contact-form input[type=radio] {
            float: none;
            margin: 0 .75rem 0 5px
        }

        .contact-form input[type=checkbox] {
            margin-left: 0;
            top: 0
        }

        .contact-form label {
            display: block;
            float: none;
            font-weight: 700;
            margin-bottom: .25em
        }

        .contact-form label span {
            font-size: 85%;
            font-weight: 400;
            margin-left: .25em
        }

        .form-errors .form-error-message {
            color: red
        }

        . {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: var(--, 1.5rem);
            justify-content: flex-start
        }

        . {
            flex: 0 0 100%
        }

        ..alignright button {
            float: right
        }

        @media only screen and (min-width: 600px) {
            .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url] {
                width: 50%
            }

            . input[type=email], . input[type=tel], . input[type=text], . input[type=url] {
                width: 100%
            }
        }

        #infinite-handle span {
            background: #333;
            border-radius: 1px;
            color: #f0f0f1;
            cursor: pointer;
            font-size: 13px;
            padding: 6px 16px
        }

        @keyframes spinner-inner {
            0% {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }

        #infinite-handle span button, #infinite-handle span button:focus, #infinite-handle span button:hover {
            background: 0 0;
            border: none;
            color: inherit;
            cursor: inherit;
            display: inline;
            font-family: inherit;
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            margin: 0;
            padding: 0;
            position: static
        }

        #infinite-handle span button::-moz-focus-inner {
            border: none;
            margin: 0;
            padding: 0
        }

        @media (max-width: 800px) {
            #infinite-handle span:before {
                display: none
            }

            #infinite-handle span {
                display: block
            }
        }

        #infinite-footer {
            bottom: -50px;
            left: 0;
            position: fixed;
            width: 100%
        }

        #infinite-footer a {
            text-decoration: none
        }

        #infinite-footer .blog-credits a:hover, #infinite-footer .blog-info a:hover {
            color: #444;
            text-decoration: underline
        }

        #infinite-footer .container {
            background: hsla(0, 0%, 100%, .8);
            border: solid rgba(0, 0, 0, .1);
            border-width: 1px 0 0;
            box-sizing: border-box;
            margin: 0 auto;
            overflow: hidden;
            padding: 1px 20px;
            width: 780px
        }

        #infinite-footer .blog-credits, #infinite-footer .blog-info {
            box-sizing: border-box;
            line-height: 25px
        }

        #infinite-footer .blog-info {
            float: left;
            overflow: hidden;
            text-align: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 40%
        }

        #infinite-footer .blog-credits {
            float: right;
            font-weight: 400;
            width: 60%
        }

        #infinite-footer .blog-info a {
            color: #111;
            font-size: 14px;
            font-weight: 700
        }

        #infinite-footer .blog-credits {
            color: #888;
            font-size: 12px;
            text-align: right
        }

        #infinite-footer .blog-credits a {
            color: #646970
        }

        @media (max-width: 640px) {
            #infinite-footer .container {
                box-sizing: border-box;
                width: 100%
            }

            #infinite-footer .blog-info {
                width: 30%
            }

            #infinite-footer .blog-credits {
                width: 70%
            }

            #infinite-footer .blog-credits, #infinite-footer .blog-info a {
                font-size: 10px
            }

            #infinite-footer {
                position: static
            }
        }

        #infinite-aria {
            clip: rect(0 0 0 0);
            border: 0;
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .infinite-wrap:focus {
            outline: 0
        }

        @-moz-document url-prefix() {
            .sd-social-icon .sd-content ul li a.share-more {
                top: 2px
            }
        }

        .pinterest_button, .twitter_button {
            margin: 0
        }

        .pinterest_button a {
            display: block
        }

        #jetpack-source_f_name {
            display: none;
            left: -9000px;
            position: absolute
        }

        .jetpack-video-wrapper {
            margin-bottom: 1.6em
        }

        .jetpack-video-wrapper > ., .jetpack-video-wrapper > embed, .jetpack-video-wrapper > iframe, .jetpack-video-wrapper > object {
            margin-bottom: 0
        }

        .jetpack-social-navigation ul {
            display: block;
            margin: 0 0 1.5em;
            padding: 0
        }

        .jetpack-social-navigation li {
            display: inline-block;
            line-height: 1;
            margin: 0
        }

        .jetpack-social-navigation a {
            border: 0;
            height: 1em;
            text-decoration: none;
            width: 1em
        }

        .jetpack-social-navigation-svg .icon {
            fill: currentColor;
            color: inherit;
            height: 1em;
            vertical-align: middle;
            width: 1em
        }

        div[class^=gr_custom_container] {
            background-color: #fff;
            border: 1px solid gray;
            border-radius: 10px;
            color: #000;
            padding: 10px 5px
        }

        div[class^=gr_custom_container] a {
            color: #000
        }

        h2[class^=gr_custom_header] {
            display: none
        }

        div[class^=gr_custom_each_container] {
            border-bottom: 1px solid #a7aaad;
            clear: both;
            margin-bottom: 10px;
            overflow: auto;
            padding-bottom: 4px;
            width: 100%
        }

        div[class^=gr_custom_book_container] {
            float: right;
            height: 60px;
            margin-left: 4px;
            overflow: hidden;
            width: 39px
        }

        div[class^=gr_custom_author] {
            font-size: 10px
        }

        div[class^=gr_custom_tags] {
            color: gray;
            font-size: 10px
        }

        div[class^=gr_custom_rating] {
            display: none
        }

        .widget-grid-view-image {
            float: left;
            max-width: 50%
        }

        .widget-grid-view-image a {
            display: block;
            margin: 0 2px 4px 0
        }

        .widget-grid-view-image:nth-child(2n) {
            float: right
        }

        .widget-grid-view-image:nth-child(2n) a {
            margin: 0 0 4px 2px
        }

        .jetpack-image-container:after {
            clear: both
        }

        .jetpack-image-container:after, .jetpack-image-container:before {
            content: "";
            display: table
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
                visibility: hidden
            }
            to {
                opacity: 1;
                visibility: visible
            }
        }

        @supports (display:grid) {
            .wpcom-instagram-images a {
                display: block;
                margin: 0
            }

            .wpcom-instagram-columns-2 a, .wpcom-instagram-columns-3 a {
                width: auto
            }
        }

        .jetpack-search-filters-widget__sub-heading {
            font-size: inherit;
            font-weight: 700;
            margin: 0 0 .5em;
            padding: 0
        }

        .jetpack-search-form + .jetpack-search-filters-widget__sub-heading {
            margin-bottom: .5em;
            margin-top: 1.5em
        }

        .jetpack-search-sort-wrapper {
            margin-bottom: 1.5em;
            margin-top: 1em
        }

        .jetpack-search-sort-wrapper label {
            display: inherit
        }

        .widget_search .jetpack-search-filters-widget__filter-list input[type=checkbox] {
            height: auto;
            width: auto
        }

        ul.jetpack-search-filters-widget__filter-list li {
            border: none;
            list-style: none;
            padding: 0
        }

        ul.jetpack-search-filters-widget__filter-list li a {
            text-decoration: none
        }

        ul.jetpack-search-filters-widget__filter-list li a:hover {
            box-shadow: none
        }

        ul.jetpack-search-filters-widget__filter-list li label {
            display: inherit;
            font-weight: inherit
        }

        .jetpack-search-filters-widget__filter-list {
            list-style: none
        }

        ul.jetpack-search-filters-widget__filter-list {
            margin-bottom: 1.5em
        }

        body.search .jetpack-search-form input[name=s]::placeholder {
            color: transparent
        }

        body.search .jetpack-search-form input[name=s].show-placeholder::placeholder {
            color: inherit
        }

        .jetpack_widget_social_icons li, .jetpack_widget_social_icons ul {
            list-style: none
        }

        .jetpack_widget_social_icons ul {
            display: block;
            margin: 0 0 1.5em;
            padding: 0
        }

        .jetpack_widget_social_icons ul li {
            border: 0;
            display: inline-block;
            line-height: 1;
            margin: 0;
            padding: 0
        }

        .jetpack_widget_social_icons ul li:after, .jetpack_widget_social_icons ul li:before {
            display: none
        }

        .jetpack_widget_social_icons a {
            border: 0;
            box-shadow: none;
            display: block;
            height: 24px;
            text-decoration: none;
            width: 24px
        }

        .jetpack_widget_social_icons svg {
            fill: currentColor;
            color: inherit;
            height: inherit;
            vertical-align: middle;
            width: inherit
        }

        .jetpack_widget_social_icons ul.size-small a {
            height: 24px;
            width: 24px
        }

        .jetpack_widget_social_icons ul.size-medium a {
            height: 32px;
            width: 32px
        }

        .jetpack_widget_social_icons ul.size-large a {
            height: 48px;
            width: 48px
        }

        .milestone-widget {
            margin-bottom: 1em
        }

        .milestone-content {
            line-height: 2;
            margin-top: 5px;
            max-width: 100%;
            padding: 0;
            text-align: center
        }

        .milestone-header {
            background-color: var(--milestone-text-color, #111);
            color: var(--milestone-bg-color, #fff);
            line-height: 1.3;
            margin: 0;
            padding: .8em
        }

        .milestone-header .date, .milestone-header .event {
            display: block
        }

        .milestone-header .event {
            font-size: 120%
        }

        .milestone-message {
            background-color: var(--milestone-bg-color, #fff);
            border: 1px solid var(--milestone-border-color, #767676);
            border-top: 0;
            color: var(--milestone-text-color, #111);
            padding-bottom: 1em
        }

        .milestone-message {
            padding-top: 1em
        }

        /* ---------- Montserrat mappings ---------- */
        /* 300 requested -> use Regular (400 file) */
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 300;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
        }

        /* 400 real (keep as-is) */
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
        }

        /* 500 requested -> use SemiBold (600 file) */
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 500;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
        }

        /* 600 real (optional) */
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 600;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
        }

        /* 700 requested -> use ExtraBold (800 file) */
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
        }

        /* map 800 and 900 also to ExtraBold file */
        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 800;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
        }

        @font-face {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 900;
            font-display: swap;
            src: url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
            url('../fonts/themes/thebusinesstoolkit-child/assets/fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
        }

        @charset "UTF-8";
        /*!
 * Bootstrap v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
        :root {
            --bs-blue: #0073fc;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #0073fc;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-bg: #fff;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-2xl: 2rem;
            --bs-border-radius-pill: 50rem;
            --bs-link-color: #0073fc;
            --bs-link-hover-color: #0a62ca;
            --bs-code-color: #d63384;
            --bs-highlight-bg: #fff3cd
        }

        *, ::after, ::before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion: no-preference) {
            :root {
                scroll-behavior: smooth
            }
        }

        body {
            margin: 0;
            font-family: var(--bs-body-font-family);
            font-size: var(--bs-body-font-size);
            font-weight: var(--bs-body-font-weight);
            line-height: var(--bs-body-line-height);
            color: var(--bs-body-color);
            text-align: var(--bs-body-text-align);
            background-color: var(--bs-body-bg);
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent
        }

        hr {
            margin: 1rem 0;
            color: inherit;
            border: 0;
            border-top: 1px solid;
            opacity: .25
        }

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            margin-top: 0;
            margin-bottom: .5rem;
            font-weight: 500;
            line-height: 1.2;
            color: var(--bs-heading-color)
        }

        .h1, h1 {
            font-size: calc(1.375rem + 1.5vw)
        }

        @media (min-width: 1200px) {
            .h1, h1 {
                font-size: 2.5rem
            }
        }

        .h2, h2 {
            font-size: calc(1.325rem + .9vw)
        }

        @media (min-width: 1200px) {
            .h2, h2 {
                font-size: 2rem
            }
        }

        .h3, h3 {
            font-size: calc(1.3rem + .6vw)
        }

        @media (min-width: 1200px) {
            .h3, h3 {
                font-size: 1.75rem
            }
        }

        .h4, h4 {
            font-size: calc(1.275rem + .3vw)
        }

        @media (min-width: 1200px) {
            .h4, h4 {
                font-size: 1.5rem
            }
        }

        .h5, h5 {
            font-size: 1.25rem
        }

        .h6, h6 {
            font-size: 1rem
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem
        }

        address {
            margin-bottom: 1rem;
            font-style: normal;
            line-height: inherit
        }

        ol, ul {
            padding-left: 2rem
        }

        dl, ol, ul {
            margin-top: 0;
            margin-bottom: 1rem
        }

        ol ol, ol ul, ul ol, ul ul {
            margin-bottom: 0
        }

        dd {
            margin-bottom: .5rem;
            margin-left: 0
        }

        b, strong {
            font-weight: bolder
        }

        .small, small {
            font-size: .875em
        }

        .mark, mark {
            padding: .1875em;
            background-color: var(--bs-highlight-bg)
        }

        sub {
            position: relative;
            font-size: .75em;
            line-height: 0;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        a {
            color: var(--bs-link-color);
            text-decoration: underline
        }

        a:hover {
            color: var(--bs-link-hover-color)
        }

        a:not([href]):not([class]), a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

        code, pre {
            font-family: var(--bs-font-monospace);
            font-size: 1em
        }

        pre {
            display: block;
            margin-top: 0;
            margin-bottom: 1rem;
            overflow: auto;
            font-size: .875em
        }

        pre code {
            font-size: inherit;
            color: inherit;
            word-break: normal
        }

        code {
            font-size: .875em;
            color: var(--bs-code-color);
            word-wrap: break-word
        }

        a > code {
            color: inherit
        }

        figure {
            margin: 0 0 1rem
        }

        img, svg {
            vertical-align: middle
        }

        table {
            caption-side: bottom;
            border-collapse: collapse
        }

        caption {
            padding-top: .5rem;
            padding-bottom: .5rem;
            color: rgba(var(--bs-body-color-rgb), .75);
            text-align: left
        }

        td, tfoot, tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        label {
            display: inline-block
        }

        button {
            border-radius: 0
        }

        button:focus:not(:focus-visible) {
            outline: 0
        }

        button, input, select, textarea {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        button, select {
            text-transform: none
        }

        [role=button] {
            cursor: pointer
        }

        select {
            word-wrap: normal
        }

        select:disabled {
            opacity: 1
        }

        [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
            display: none
        }

        [type=button], [type=reset], [type=submit], button {
            -webkit-appearance: button
        }

        [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
            cursor: pointer
        }

        ::-moz-focus-inner {
            padding: 0;
            border-style: none
        }

        textarea {
            resize: vertical
        }

        ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
            padding: 0
        }

        ::-webkit-inner-spin-button {
            height: auto
        }

        [type=search] {
            outline-offset: -2px;
            -webkit-appearance: textfield
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-color-swatch-wrapper {
            padding: 0
        }

        ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button
        }

        ::file-selector-button {
            font: inherit;
            -webkit-appearance: button
        }

        output {
            display: inline-block
        }

        iframe {
            border: 0
        }

        summary {
            display: list-item;
            cursor: pointer
        }

        progress {
            vertical-align: baseline
        }

        [hidden] {
            display: none
        }

        .display-1 {
            font-size: calc(1.625rem + 4.5vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width: 1200px) {
            .display-1 {
                font-size: 5rem
            }
        }

        .display-2 {
            font-size: calc(1.575rem + 3.9vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width: 1200px) {
            .display-2 {
                font-size: 4.5rem
            }
        }

        .display-3 {
            font-size: calc(1.525rem + 3.3vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width: 1200px) {
            .display-3 {
                font-size: 4rem
            }
        }

        .display-4 {
            font-size: calc(1.475rem + 2.7vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width: 1200px) {
            .display-4 {
                font-size: 3.5rem
            }
        }

        .display-5 {
            font-size: calc(1.425rem + 2.1vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width: 1200px) {
            .display-5 {
                font-size: 3rem
            }
        }

        .display-6 {
            font-size: calc(1.375rem + 1.5vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width: 1200px) {
            .display-6 {
                font-size: 2.5rem
            }
        }

        .list-inline {
            padding-left: 0;
            list-style: none
        }

        .list-inline-item {
            display: inline-block
        }

        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

        .figure {
            display: inline-block
        }

        .figure-img {
            margin-bottom: .5rem;
            line-height: 1
        }

        .figure-caption {
            font-size: .875em;
            color: #6c757d
        }

        .container, .container-lg, .container-md, .container-sm {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width: 576px) {
            .container, .container-sm {
                max-width: 540px
            }
        }

        @media (min-width: 768px) {
            .container, .container-md, .container-sm {
                max-width: 720px
            }
        }

        @media (min-width: 992px) {
            .container, .container-lg, .container-md, .container-sm {
                max-width: 960px
            }
        }

        @media (min-width: 1200px) {
            .container, .container-lg, .container-md, .container-sm {
                max-width: 1140px
            }
        }

        @media (min-width: 1400px) {
            .container, .container-lg, .container-md, .container-sm {
                max-width: 1140px
            }
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x))
        }

        .row > * {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y)
        }

        .col {
            flex: 1 0 0%
        }

        .col-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-1 {
            margin-left: 8.33333333%
        }

        .offset-2 {
            margin-left: 16.66666667%
        }

        .offset-3 {
            margin-left: 25%
        }

        .offset-4 {
            margin-left: 33.33333333%
        }

        .offset-5 {
            margin-left: 41.66666667%
        }

        .offset-6 {
            margin-left: 50%
        }

        .offset-7 {
            margin-left: 58.33333333%
        }

        .offset-8 {
            margin-left: 66.66666667%
        }

        .offset-9 {
            margin-left: 75%
        }

        .offset-10 {
            margin-left: 83.33333333%
        }

        .offset-11 {
            margin-left: 91.66666667%
        }

        .g-0 {
            --bs-gutter-x: 0
        }

        .g-0, .gy-0 {
            --bs-gutter-y: 0
        }

        .g-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-1, .gy-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-2, .gy-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-3 {
            --bs-gutter-x: 1rem
        }

        .g-3, .gy-3 {
            --bs-gutter-y: 1rem
        }

        .g-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-4, .gy-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-5 {
            --bs-gutter-x: 3rem
        }

        .g-5, .gy-5 {
            --bs-gutter-y: 3rem
        }

        @media (min-width: 576px) {
            .col-sm {
                flex: 1 0 0%
            }

            .col-sm-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-sm-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-sm-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-sm-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-sm-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-sm-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-sm-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-sm-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-sm-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-sm-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-sm-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-sm-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-sm-0 {
                margin-left: 0
            }

            .offset-sm-1 {
                margin-left: 8.33333333%
            }

            .offset-sm-2 {
                margin-left: 16.66666667%
            }

            .offset-sm-3 {
                margin-left: 25%
            }

            .offset-sm-4 {
                margin-left: 33.33333333%
            }

            .offset-sm-5 {
                margin-left: 41.66666667%
            }

            .offset-sm-6 {
                margin-left: 50%
            }

            .offset-sm-7 {
                margin-left: 58.33333333%
            }

            .offset-sm-8 {
                margin-left: 66.66666667%
            }

            .offset-sm-9 {
                margin-left: 75%
            }

            .offset-sm-10 {
                margin-left: 83.33333333%
            }

            .offset-sm-11 {
                margin-left: 91.66666667%
            }

            .g-sm-0 {
                --bs-gutter-x: 0
            }

            .g-sm-0, .gy-sm-0 {
                --bs-gutter-y: 0
            }

            .g-sm-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-sm-1, .gy-sm-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-sm-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-sm-2, .gy-sm-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-sm-3 {
                --bs-gutter-x: 1rem
            }

            .g-sm-3, .gy-sm-3 {
                --bs-gutter-y: 1rem
            }

            .g-sm-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-sm-4, .gy-sm-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-sm-5 {
                --bs-gutter-x: 3rem
            }

            .g-sm-5, .gy-sm-5 {
                --bs-gutter-y: 3rem
            }
        }

        @media (min-width: 768px) {
            .col-md {
                flex: 1 0 0%
            }

            .col-md-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-md-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-md-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-md-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-md-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-md-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-md-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-md-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-md-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-md-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-md-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-md-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-md-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-md-0 {
                margin-left: 0
            }

            .offset-md-1 {
                margin-left: 8.33333333%
            }

            .offset-md-2 {
                margin-left: 16.66666667%
            }

            .offset-md-3 {
                margin-left: 25%
            }

            .offset-md-4 {
                margin-left: 33.33333333%
            }

            .offset-md-5 {
                margin-left: 41.66666667%
            }

            .offset-md-6 {
                margin-left: 50%
            }

            .offset-md-7 {
                margin-left: 58.33333333%
            }

            .offset-md-8 {
                margin-left: 66.66666667%
            }

            .offset-md-9 {
                margin-left: 75%
            }

            .offset-md-10 {
                margin-left: 83.33333333%
            }

            .offset-md-11 {
                margin-left: 91.66666667%
            }

            .g-md-0 {
                --bs-gutter-x: 0
            }

            .g-md-0, .gy-md-0 {
                --bs-gutter-y: 0
            }

            .g-md-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-md-1, .gy-md-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-md-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-md-2, .gy-md-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-md-3 {
                --bs-gutter-x: 1rem
            }

            .g-md-3, .gy-md-3 {
                --bs-gutter-y: 1rem
            }

            .g-md-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-md-4, .gy-md-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-md-5 {
                --bs-gutter-x: 3rem
            }

            .g-md-5, .gy-md-5 {
                --bs-gutter-y: 3rem
            }
        }

        @media (min-width: 992px) {
            .col-lg {
                flex: 1 0 0%
            }

            .col-lg-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-lg-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-lg-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-lg-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-lg-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-lg-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-lg-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-lg-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-lg-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-lg-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-lg-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-lg-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-lg-0 {
                margin-left: 0
            }

            .offset-lg-1 {
                margin-left: 8.33333333%
            }

            .offset-lg-2 {
                margin-left: 16.66666667%
            }

            .offset-lg-3 {
                margin-left: 25%
            }

            .offset-lg-4 {
                margin-left: 33.33333333%
            }

            .offset-lg-5 {
                margin-left: 41.66666667%
            }

            .offset-lg-6 {
                margin-left: 50%
            }

            .offset-lg-7 {
                margin-left: 58.33333333%
            }

            .offset-lg-8 {
                margin-left: 66.66666667%
            }

            .offset-lg-9 {
                margin-left: 75%
            }

            .offset-lg-10 {
                margin-left: 83.33333333%
            }

            .offset-lg-11 {
                margin-left: 91.66666667%
            }

            .g-lg-0 {
                --bs-gutter-x: 0
            }

            .g-lg-0, .gy-lg-0 {
                --bs-gutter-y: 0
            }

            .g-lg-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-lg-1, .gy-lg-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-lg-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-lg-2, .gy-lg-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-lg-3 {
                --bs-gutter-x: 1rem
            }

            .g-lg-3, .gy-lg-3 {
                --bs-gutter-y: 1rem
            }

            .g-lg-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-lg-4, .gy-lg-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-lg-5 {
                --bs-gutter-x: 3rem
            }

            .g-lg-5, .gy-lg-5 {
                --bs-gutter-y: 3rem
            }
        }

        .table {
            --bs-table-color: var(--bs-body-color);
            --bs-table-bg: transparent;
            --bs-table-border-color: var(--bs-border-color);
            --bs-table-accent-bg: transparent;
            --bs-table-striped-color: var(--bs-body-color);
            --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
            --bs-table-active-color: var(--bs-body-color);
            --bs-table-active-bg: rgba(0, 0, 0, 0.1);
            --bs-table-hover-color: var(--bs-body-color);
            --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
            width: 100%;
            margin-bottom: 1rem;
            color: var(--bs-table-color);
            vertical-align: top;
            border-color: var(--bs-table-border-color)
        }

        .table > :not(caption) > * > * {
            padding: .5rem .5rem;
            background-color: var(--bs-table-bg);
            border-bottom-width: 1px;
            box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
        }

        .caption-top {
            caption-side: top
        }

        .table-sm > :not(caption) > * > * {
            padding: .25rem .25rem
        }

        .table-active {
            --bs-table-accent-bg: var(--bs-table-active-bg);
            color: var(--bs-table-active-color)
        }

        .table-primary {
            --bs-table-color: #000;
            --bs-table-bg: #cfe2ff;
            --bs-table-border-color: #bacbe6;
            --bs-table-striped-bg: #c5d7f2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bacbe6;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfd1ec;
            --bs-table-hover-color: #000;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-success {
            --bs-table-color: #000;
            --bs-table-bg: #d1e7dd;
            --bs-table-border-color: #bcd0c7;
            --bs-table-striped-bg: #c7dbd2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bcd0c7;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #c1d6cc;
            --bs-table-hover-color: #000;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-info {
            --bs-table-color: #000;
            --bs-table-bg: #cff4fc;
            --bs-table-border-color: #badce3;
            --bs-table-striped-bg: #c5e8ef;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #badce3;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfe2e9;
            --bs-table-hover-color: #000;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-light {
            --bs-table-color: #000;
            --bs-table-bg: #f8f9fa;
            --bs-table-border-color: #dfe0e1;
            --bs-table-striped-bg: #ecedee;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #dfe0e1;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #e5e6e7;
            --bs-table-hover-color: #000;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .table-dark {
            --bs-table-color: #fff;
            --bs-table-bg: #212529;
            --bs-table-border-color: #373b3e;
            --bs-table-striped-bg: #2c3034;
            --bs-table-striped-color: #fff;
            --bs-table-active-bg: #373b3e;
            --bs-table-active-color: #fff;
            --bs-table-hover-bg: #323539;
            --bs-table-hover-color: #fff;
            color: var(--bs-table-color);
            border-color: var(--bs-table-border-color)
        }

        .form-label {
            margin-bottom: .5rem
        }

        .col-form-label {
            padding-top: calc(.375rem + 1px);
            padding-bottom: calc(.375rem + 1px);
            margin-bottom: 0;
            font-size: inherit;
            line-height: 1.5
        }

        .col-form-label-lg {
            padding-top: calc(.5rem + 1px);
            padding-bottom: calc(.5rem + 1px);
            font-size: 1.25rem
        }

        .col-form-label-sm {
            padding-top: calc(.25rem + 1px);
            padding-bottom: calc(.25rem + 1px);
            font-size: .875rem
        }

        .form-text {
            margin-top: .25rem;
            font-size: .875em;
            color: rgba(var(--bs-body-color-rgb), .75)
        }

        .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: .375rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion: reduce) {
            .form-control {
                transition: none
            }
        }

        .form-control[type=file] {
            overflow: hidden
        }

        .form-control[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer
        }

        .form-control:focus {
            color: #212529;
            background-color: #fff;
            border-color: #86bdfe;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(0, 115, 252, .25)
        }

        .form-control::-webkit-date-and-time-value {
            height: 1.5em
        }

        .form-control::-moz-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control::placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control:disabled, .form-control[readonly] {
            background-color: #e9ecef;
            opacity: 1
        }

        .form-control::-webkit-file-upload-button {
            padding: .375rem .75rem;
            margin: -.375rem -.75rem;
            -webkit-margin-end: .75rem;
            margin-inline-end: .75rem;
            color: #212529;
            background-color: #e9ecef;
            pointer-events: none;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
            border-inline-end-width: 1px;
            border-radius: 0;
            -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        .form-control::file-selector-button {
            padding: .375rem .75rem;
            margin: -.375rem -.75rem;
            -webkit-margin-end: .75rem;
            margin-inline-end: .75rem;
            color: #212529;
            background-color: #e9ecef;
            pointer-events: none;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
            border-inline-end-width: 1px;
            border-radius: 0;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion: reduce) {
            .form-control::-webkit-file-upload-button {
                -webkit-transition: none;
                transition: none
            }

            .form-control::file-selector-button {
                transition: none
            }
        }

        .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
            background-color: #dde0e3
        }

        .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: #dde0e3
        }

        .form-control-sm {
            min-height: calc(1.5em + .5rem + 2px);
            padding: .25rem .5rem;
            font-size: .875rem;
            border-radius: .25rem
        }

        .form-control-sm::-webkit-file-upload-button {
            padding: .25rem .5rem;
            margin: -.25rem -.5rem;
            -webkit-margin-end: .5rem;
            margin-inline-end: .5rem
        }

        .form-control-sm::file-selector-button {
            padding: .25rem .5rem;
            margin: -.25rem -.5rem;
            -webkit-margin-end: .5rem;
            margin-inline-end: .5rem
        }

        .form-control-lg {
            min-height: calc(1.5em + 1rem + 2px);
            padding: .5rem 1rem;
            font-size: 1.25rem;
            border-radius: .5rem
        }

        .form-control-lg::-webkit-file-upload-button {
            padding: .5rem 1rem;
            margin: -.5rem -1rem;
            -webkit-margin-end: 1rem;
            margin-inline-end: 1rem
        }

        .form-control-lg::file-selector-button {
            padding: .5rem 1rem;
            margin: -.5rem -1rem;
            -webkit-margin-end: 1rem;
            margin-inline-end: 1rem
        }

        textarea.form-control {
            min-height: calc(1.5em + .75rem + 2px)
        }

        textarea.form-control-sm {
            min-height: calc(1.5em + .5rem + 2px)
        }

        textarea.form-control-lg {
            min-height: calc(1.5em + 1rem + 2px)
        }

        .form-control-color {
            width: 3rem;
            height: auto;
            padding: .375rem
        }

        .form-control-color:not(:disabled):not([readonly]) {
            cursor: pointer
        }

        .form-control-color::-moz-color-swatch {
            height: 1.5em;
            border-radius: .375rem
        }

        .form-control-color::-webkit-color-swatch {
            height: 1.5em;
            border-radius: .375rem
        }

        .form-select {
            display: block;
            width: 100%;
            padding: .375rem 2.25rem .375rem .75rem;
            -moz-padding-start: calc(.75rem - 3px);
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px;
            border: 1px solid #ced4da;
            border-radius: .375rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        @media (prefers-reduced-motion: reduce) {
            .form-select {
                transition: none
            }
        }

        .form-select:focus {
            border-color: #86bdfe;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(0, 115, 252, .25)
        }

        .form-select[multiple], .form-select[size]:not([size="1"]) {
            padding-right: .75rem;
            background-image: none
        }

        .form-select:disabled {
            background-color: #e9ecef
        }

        .form-select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #212529
        }

        .form-select-sm {
            padding-top: .25rem;
            padding-bottom: .25rem;
            padding-left: .5rem;
            font-size: .875rem;
            border-radius: .25rem
        }

        .form-select-lg {
            padding-top: .5rem;
            padding-bottom: .5rem;
            padding-left: 1rem;
            font-size: 1.25rem;
            border-radius: .5rem
        }

        .form-check {
            display: block;
            min-height: 1.5rem;
            padding-left: 1.5em;
            margin-bottom: .125rem
        }

        .form-check .form-check-input {
            float: left;
            margin-left: -1.5em
        }

        .form-check-reverse {
            padding-right: 1.5em;
            padding-left: 0;
            text-align: right
        }

        .form-check-reverse .form-check-input {
            float: right;
            margin-right: -1.5em;
            margin-left: 0
        }

        .form-check-input {
            width: 1em;
            height: 1em;
            margin-top: .25em;
            vertical-align: top;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: 1px solid rgba(0, 0, 0, .25);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
            print-color-adjust: exact
        }

        .form-check-input[type=checkbox] {
            border-radius: .25em
        }

        .form-check-input[type=radio] {
            border-radius: 50%
        }

        .form-check-input:active {
            filter: brightness(90%)
        }

        .form-check-input:focus {
            border-color: #86bdfe;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgba(0, 115, 252, .25)
        }

        .form-check-input:checked {
            background-color: #0073fc;
            border-color: #0073fc
        }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

        .form-check-input[type=checkbox]:indeterminate {
            background-color: #0073fc;
            border-color: #0073fc;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
        }

        .form-check-input:disabled {
            pointer-events: none;
            filter: none;
            opacity: .5
        }

        .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
            cursor: default;
            opacity: .5
        }

        .form-switch {
            padding-left: 2.5em
        }

        .form-switch .form-check-input {
            width: 2em;
            margin-left: -2.5em;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
            background-position: left center;
            border-radius: 2em;
            transition: background-position .15s ease-in-out
        }

        @media (prefers-reduced-motion: reduce) {
            .form-switch .form-check-input {
                transition: none
            }
        }

        .form-switch .form-check-input:focus {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
        }

        .form-switch .form-check-input:checked {
            background-position: right center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
        }

        .form-switch.form-check-reverse {
            padding-right: 2.5em;
            padding-left: 0
        }

        .form-switch.form-check-reverse .form-check-input {
            margin-right: -2.5em;
            margin-left: 0
        }

        .form-check-inline {
            display: inline-block;
            margin-right: 1rem
        }

        .input-group {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            width: 100%
        }

        .input-group > .form-control, .input-group > .form-select {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            min-width: 0
        }

        .input-group > .form-control:focus, .input-group > .form-select:focus {
            z-index: 3
        }

        .input-group-text {
            display: flex;
            align-items: center;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: center;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-radius: .375rem
        }

        .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
            padding: .5rem 1rem;
            font-size: 1.25rem;
            border-radius: .5rem
        }

        .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
            padding: .25rem .5rem;
            font-size: .875rem;
            border-radius: .25rem
        }

        .input-group-lg > .form-select, .input-group-sm > .form-select {
            padding-right: 3rem
        }

        .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .valid-feedback {
            display: none;
            width: 100%;
            margin-top: .25rem;
            font-size: .875em;
            color: #198754
        }

        .valid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: .25rem .5rem;
            margin-top: .1rem;
            font-size: .875rem;
            color: #fff;
            background-color: rgba(25, 135, 84, .9);
            border-radius: .375rem
        }

        .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
            display: block
        }

        .form-control.is-valid {
            border-color: #198754;
            padding-right: calc(1.5em + .75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(.375em + .1875rem) center;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem)
        }

        .form-control.is-valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
        }

        textarea.form-control.is-valid {
            padding-right: calc(1.5em + .75rem);
            background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
        }

        .form-select.is-valid {
            border-color: #198754
        }

        .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
            padding-right: 4.125rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
        }

        .form-select.is-valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
        }

        .form-control-color.is-valid {
            width: calc(3rem + calc(1.5em + .75rem))
        }

        .form-check-input.is-valid {
            border-color: #198754
        }

        .form-check-input.is-valid:checked {
            background-color: #198754
        }

        .form-check-input.is-valid:focus {
            box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
        }

        .form-check-input.is-valid ~ .form-check-label {
            color: #198754
        }

        .form-check-inline .form-check-input ~ .valid-feedback {
            margin-left: .5em
        }

        .input-group .form-control.is-valid, .input-group .form-select.is-valid {
            z-index: 1
        }

        .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus {
            z-index: 3
        }

        .invalid-feedback {
            display: none;
            width: 100%;
            margin-top: .25rem;
            font-size: .875em;
            color: #dc3545
        }

        .invalid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: .25rem .5rem;
            margin-top: .1rem;
            font-size: .875rem;
            color: #fff;
            background-color: rgba(220, 53, 69, .9);
            border-radius: .375rem
        }

        .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
            display: block
        }

        .form-control.is-invalid {
            border-color: #dc3545;
            padding-right: calc(1.5em + .75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(.375em + .1875rem) center;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem)
        }

        .form-control.is-invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
        }

        textarea.form-control.is-invalid {
            padding-right: calc(1.5em + .75rem);
            background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
        }

        .form-select.is-invalid {
            border-color: #dc3545
        }

        .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
            padding-right: 4.125rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
        }

        .form-select.is-invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
        }

        .form-control-color.is-invalid {
            width: calc(3rem + calc(1.5em + .75rem))
        }

        .form-check-input.is-invalid {
            border-color: #dc3545
        }

        .form-check-input.is-invalid:checked {
            background-color: #dc3545
        }

        .form-check-input.is-invalid:focus {
            box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
        }

        .form-check-input.is-invalid ~ .form-check-label {
            color: #dc3545
        }

        .form-check-inline .form-check-input ~ .invalid-feedback {
            margin-left: .5em
        }

        .input-group .form-control.is-invalid, .input-group .form-select.is-invalid {
            z-index: 2
        }

        .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus {
            z-index: 3
        }

        .fade {
            transition: opacity .15s linear
        }

        @media (prefers-reduced-motion: reduce) {
            .fade {
                transition: none
            }
        }

        .fade:not(.show) {
            opacity: 0
        }

        .dropdown, .dropdown-center {
            position: relative
        }

        .dropdown-toggle {
            white-space: nowrap
        }

        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent
        }

        .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .dropdown-menu {
            --bs-dropdown-min-width: 10rem;
            --bs-dropdown-padding-x: 0;
            --bs-dropdown-padding-y: 0.5rem;
            --bs-dropdown-spacer: 0.125rem;
            --bs-dropdown-font-size: 1rem;
            --bs-dropdown-color: #212529;
            --bs-dropdown-bg: #fff;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-border-radius: 0.375rem;
            --bs-dropdown-border-width: 1px;
            --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-divider-margin-y: 0.5rem;
            --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            --bs-dropdown-link-color: #212529;
            --bs-dropdown-link-hover-color: #1e2125;
            --bs-dropdown-link-hover-bg: #e9ecef;
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #0073fc;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-item-padding-x: 1rem;
            --bs-dropdown-item-padding-y: 0.25rem;
            --bs-dropdown-header-color: #6c757d;
            --bs-dropdown-header-padding-x: 1rem;
            --bs-dropdown-header-padding-y: 0.5rem;
            position: absolute;
            z-index: 1000;
            display: none;
            min-width: var(--bs-dropdown-min-width);
            padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
            margin: 0;
            font-size: var(--bs-dropdown-font-size);
            color: var(--bs-dropdown-color);
            text-align: left;
            list-style: none;
            background-color: var(--bs-dropdown-bg);
            background-clip: padding-box;
            border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
            border-radius: var(--bs-dropdown-border-radius)
        }

        .dropdown-menu[data-bs-popper] {
            top: 100%;
            left: 0;
            margin-top: var(--bs-dropdown-spacer)
        }

        .dropdown-menu-start {
            --bs-position: start
        }

        .dropdown-menu-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-end {
            --bs-position: end
        }

        .dropdown-menu-end[data-bs-popper] {
            right: 0;
            left: auto
        }

        @media (min-width: 576px) {
            .dropdown-menu-sm-start {
                --bs-position: start
            }

            .dropdown-menu-sm-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-sm-end {
                --bs-position: end
            }

            .dropdown-menu-sm-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width: 768px) {
            .dropdown-menu-md-start {
                --bs-position: start
            }

            .dropdown-menu-md-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-md-end {
                --bs-position: end
            }

            .dropdown-menu-md-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        @media (min-width: 992px) {
            .dropdown-menu-lg-start {
                --bs-position: start
            }

            .dropdown-menu-lg-start[data-bs-popper] {
                right: auto;
                left: 0
            }

            .dropdown-menu-lg-end {
                --bs-position: end
            }

            .dropdown-menu-lg-end[data-bs-popper] {
                right: 0;
                left: auto
            }
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            clear: both;
            font-weight: 400;
            color: var(--bs-dropdown-link-color);
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            background-color: transparent;
            border: 0
        }

        .dropdown-item:focus, .dropdown-item:hover {
            color: var(--bs-dropdown-link-hover-color);
            background-color: var(--bs-dropdown-link-hover-bg)
        }

        .dropdown-item.active, .dropdown-item:active {
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none;
            background-color: var(--bs-dropdown-link-active-bg)
        }

        .dropdown-item.disabled, .dropdown-item:disabled {
            color: var(--bs-dropdown-link-disabled-color);
            pointer-events: none;
            background-color: transparent
        }

        .dropdown-menu.show {
            display: block
        }

        .dropdown-header {
            display: block;
            padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
            margin-bottom: 0;
            font-size: .875rem;
            color: var(--bs-dropdown-header-color);
            white-space: nowrap
        }

        .dropdown-item-text {
            display: block;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            color: var(--bs-dropdown-link-color)
        }

        .dropdown-menu-dark {
            --bs-dropdown-color: #dee2e6;
            --bs-dropdown-bg: #343a40;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-link-color: #dee2e6;
            --bs-dropdown-link-hover-color: #fff;
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #0073fc;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-header-color: #adb5bd
        }

        .tab-content > .active {
            display: block
        }

        .card {
            --bs-card-spacer-y: 1rem;
            --bs-card-spacer-x: 1rem;
            --bs-card-title-spacer-y: 0.5rem;
            --bs-card-border-width: 1px;
            --bs-card-border-color: var(--bs-border-color-translucent);
            --bs-card-border-radius: 0.375rem;
            --bs-card-inner-border-radius: calc(0.375rem - 1px);
            --bs-card-cap-padding-y: 0.5rem;
            --bs-card-cap-padding-x: 1rem;
            --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
            --bs-card-bg: #fff;
            --bs-card-img-overlay-padding: 1rem;
            --bs-card-group-margin: 0.75rem;
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            height: var(--bs-card-height);
            word-wrap: break-word;
            background-color: var(--bs-card-bg);
            background-clip: border-box;
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            border-radius: var(--bs-card-border-radius)
        }

        .card > hr {
            margin-right: 0;
            margin-left: 0
        }

        .card > .list-group {
            border-top: inherit;
            border-bottom: inherit
        }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

        .card-body {
            flex: 1 1 auto;
            padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
            color: var(--bs-card-color)
        }

        .card-title {
            margin-bottom: var(--bs-card-title-spacer-y)
        }

        .card-text:last-child {
            margin-bottom: 0
        }

        .card-link + .card-link {
            margin-left: var(--bs-card-spacer-x)
        }

        .card-header {
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
            margin-bottom: 0;
            color: var(--bs-card-cap-color);
            background-color: var(--bs-card-cap-bg);
            border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
        }

        .card-header:first-child {
            border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
        }

        .card-footer {
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
            color: var(--bs-card-cap-color);
            background-color: var(--bs-card-cap-bg);
            border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
        }

        .card-footer:last-child {
            border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
        }

        .card-img-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: var(--bs-card-img-overlay-padding);
            border-radius: var(--bs-card-inner-border-radius)
        }

        .card-img, .card-img-bottom, .card-img-top {
            width: 100%
        }

        .card-img, .card-img-top {
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card-img, .card-img-bottom {
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card-group > .card {
            margin-bottom: var(--bs-card-group-margin)
        }

        @media (min-width: 576px) {
            .card-group {
                display: flex;
                flex-flow: row wrap
            }

            .card-group > .card {
                flex: 1 0 0%;
                margin-bottom: 0
            }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                border-top-right-radius: 0
            }

            .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                border-bottom-right-radius: 0
            }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

            .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                border-top-left-radius: 0
            }

            .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                border-bottom-left-radius: 0
            }
        }

        .accordion {
            --bs-accordion-color: #000;
            --bs-accordion-bg: #fff;
            --bs-accordion-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, border-radius 0.15s ease;
            --bs-accordion-border-color: var(--bs-border-color);
            --bs-accordion-border-width: 1px;
            --bs-accordion-border-radius: 0.375rem;
            --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
            --bs-accordion-btn-padding-x: 1.25rem;
            --bs-accordion-btn-padding-y: 1rem;
            --bs-accordion-btn-color: var(--bs-body-color);
            --bs-accordion-btn-bg: var(--bs-accordion-bg);
            --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            --bs-accordion-btn-icon-width: 1.25rem;
            --bs-accordion-btn-icon-transform: rotate(-180deg);
            --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
            --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            --bs-accordion-btn-focus-border-color: #86bdfe;
            --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 115, 252, 0.25);
            --bs-accordion-body-padding-x: 1.25rem;
            --bs-accordion-body-padding-y: 1rem;
            --bs-accordion-active-color: #0073fc;
            --bs-accordion-active-bg: #e7f1ff
        }

        .accordion-button {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
            font-size: 1rem;
            color: var(--bs-accordion-btn-color);
            text-align: left;
            background-color: var(--bs-accordion-btn-bg);
            border: 0;
            border-radius: 0;
            overflow-anchor: none;
            transition: var(--bs-accordion-transition)
        }

        @media (prefers-reduced-motion: reduce) {
            .accordion-button {
                transition: none
            }
        }

        .accordion-button:not(.collapsed) {
            color: var(--bs-accordion-active-color);
            background-color: var(--bs-accordion-active-bg);
            box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)
        }

        .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

        .accordion-button::after {
            flex-shrink: 0;
            width: var(--bs-accordion-btn-icon-width);
            height: var(--bs-accordion-btn-icon-width);
            margin-left: auto;
            content: "";
            background-image: var(--bs-accordion-btn-icon);
            background-repeat: no-repeat;
            background-size: var(--bs-accordion-btn-icon-width);
            transition: var(--bs-accordion-btn-icon-transition)
        }

        @media (prefers-reduced-motion: reduce) {
            .accordion-button::after {
                transition: none
            }
        }

        .accordion-button:hover {
            z-index: 2
        }

        .accordion-button:focus {
            z-index: 3;
            border-color: var(--bs-accordion-btn-focus-border-color);
            outline: 0;
            box-shadow: var(--bs-accordion-btn-focus-box-shadow)
        }

        .accordion-header {
            margin-bottom: 0
        }

        .accordion-item {
            color: var(--bs-accordion-color);
            background-color: var(--bs-accordion-bg);
            border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
        }

        .accordion-item:first-of-type {
            border-top-left-radius: var(--bs-accordion-border-radius);
            border-top-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:not(:first-of-type) {
            border-top: 0
        }

        .accordion-item:last-of-type {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

        .accordion-body {
            padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
        }

        .pagination {
            --bs-pagination-padding-x: 0.75rem;
            --bs-pagination-padding-y: 0.375rem;
            --bs-pagination-font-size: 1rem;
            --bs-pagination-color: var(--bs-link-color);
            --bs-pagination-bg: #fff;
            --bs-pagination-border-width: 1px;
            --bs-pagination-border-color: #dee2e6;
            --bs-pagination-border-radius: 0.375rem;
            --bs-pagination-hover-color: var(--bs-link-hover-color);
            --bs-pagination-hover-bg: #e9ecef;
            --bs-pagination-hover-border-color: #dee2e6;
            --bs-pagination-focus-color: var(--bs-link-hover-color);
            --bs-pagination-focus-bg: #e9ecef;
            --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 115, 252, 0.25);
            --bs-pagination-active-color: #fff;
            --bs-pagination-active-bg: #0073fc;
            --bs-pagination-active-border-color: #0073fc;
            --bs-pagination-disabled-color: #6c757d;
            --bs-pagination-disabled-bg: #fff;
            --bs-pagination-disabled-border-color: #dee2e6;
            display: flex;
            padding-left: 0;
            list-style: none
        }

        .page-link {
            position: relative;
            display: block;
            padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
            font-size: var(--bs-pagination-font-size);
            color: var(--bs-pagination-color);
            text-decoration: none;
            background-color: var(--bs-pagination-bg);
            border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion: reduce) {
            .page-link {
                transition: none
            }
        }

        .page-link:hover {
            z-index: 2;
            color: var(--bs-pagination-hover-color);
            background-color: var(--bs-pagination-hover-bg);
            border-color: var(--bs-pagination-hover-border-color)
        }

        .page-link:focus {
            z-index: 3;
            color: var(--bs-pagination-focus-color);
            background-color: var(--bs-pagination-focus-bg);
            outline: 0;
            box-shadow: var(--bs-pagination-focus-box-shadow)
        }

        .active > .page-link, .page-link.active {
            z-index: 3;
            color: var(--bs-pagination-active-color);
            background-color: var(--bs-pagination-active-bg);
            border-color: var(--bs-pagination-active-border-color)
        }

        .disabled > .page-link, .page-link.disabled {
            color: var(--bs-pagination-disabled-color);
            pointer-events: none;
            background-color: var(--bs-pagination-disabled-bg);
            border-color: var(--bs-pagination-disabled-border-color)
        }

        .page-item:not(:first-child) .page-link {
            margin-left: -1px
        }

        .page-item:first-child .page-link {
            border-top-left-radius: var(--bs-pagination-border-radius);
            border-bottom-left-radius: var(--bs-pagination-border-radius)
        }

        .page-item:last-child .page-link {
            border-top-right-radius: var(--bs-pagination-border-radius);
            border-bottom-right-radius: var(--bs-pagination-border-radius)
        }

        .pagination-lg {
            --bs-pagination-padding-x: 1.5rem;
            --bs-pagination-padding-y: 0.75rem;
            --bs-pagination-font-size: 1.25rem;
            --bs-pagination-border-radius: 0.5rem
        }

        .pagination-sm {
            --bs-pagination-padding-x: 0.5rem;
            --bs-pagination-padding-y: 0.25rem;
            --bs-pagination-font-size: 0.875rem;
            --bs-pagination-border-radius: 0.25rem
        }

        @-webkit-keyframes progress-bar-stripes {
            0% {
                background-position-x: 1rem
            }
        }

        @keyframes progress-bar-stripes {
            0% {
                background-position-x: 1rem
            }
        }

        .progress {
            --bs-progress-height: 1rem;
            --bs-progress-font-size: 0.75rem;
            --bs-progress-bg: #e9ecef;
            --bs-progress-border-radius: 0.375rem;
            --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
            --bs-progress-bar-color: #fff;
            --bs-progress-bar-bg: #0073fc;
            --bs-progress-bar-transition: width 0.6s ease;
            display: flex;
            height: var(--bs-progress-height);
            overflow: hidden;
            font-size: var(--bs-progress-font-size);
            background-color: var(--bs-progress-bg);
            border-radius: var(--bs-progress-border-radius)
        }

        .progress-bar {
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
            color: var(--bs-progress-bar-color);
            text-align: center;
            white-space: nowrap;
            background-color: var(--bs-progress-bar-bg);
            transition: var(--bs-progress-bar-transition)
        }

        @media (prefers-reduced-motion: reduce) {
            .progress-bar {
                transition: none
            }
        }

        .progress-bar-animated {
            -webkit-animation: 1s linear infinite progress-bar-stripes;
            animation: 1s linear infinite progress-bar-stripes
        }

        @media (prefers-reduced-motion: reduce) {
            .progress-bar-animated {
                -webkit-animation: none;
                animation: none
            }
        }

        .list-group {
            --bs-list-group-color: #212529;
            --bs-list-group-bg: #fff;
            --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
            --bs-list-group-border-width: 1px;
            --bs-list-group-border-radius: 0.375rem;
            --bs-list-group-item-padding-x: 1rem;
            --bs-list-group-item-padding-y: 0.5rem;
            --bs-list-group-action-color: #495057;
            --bs-list-group-action-hover-color: #495057;
            --bs-list-group-action-hover-bg: #f8f9fa;
            --bs-list-group-action-active-color: #212529;
            --bs-list-group-action-active-bg: #e9ecef;
            --bs-list-group-disabled-color: #6c757d;
            --bs-list-group-disabled-bg: #fff;
            --bs-list-group-active-color: #fff;
            --bs-list-group-active-bg: #0073fc;
            --bs-list-group-active-border-color: #0073fc;
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            border-radius: var(--bs-list-group-border-radius)
        }

        .list-group-item-action {
            width: 100%;
            color: var(--bs-list-group-action-color);
            text-align: inherit
        }

        .list-group-item-action:focus, .list-group-item-action:hover {
            z-index: 1;
            color: var(--bs-list-group-action-hover-color);
            text-decoration: none;
            background-color: var(--bs-list-group-action-hover-bg)
        }

        .list-group-item-action:active {
            color: var(--bs-list-group-action-active-color);
            background-color: var(--bs-list-group-action-active-bg)
        }

        .list-group-item {
            position: relative;
            display: block;
            padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
            color: var(--bs-list-group-color);
            text-decoration: none;
            background-color: var(--bs-list-group-bg);
            border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
        }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit
        }

        .list-group-item.disabled, .list-group-item:disabled {
            color: var(--bs-list-group-disabled-color);
            pointer-events: none;
            background-color: var(--bs-list-group-disabled-bg)
        }

        .list-group-item.active {
            z-index: 2;
            color: var(--bs-list-group-active-color);
            background-color: var(--bs-list-group-active-bg);
            border-color: var(--bs-list-group-active-border-color)
        }

        .list-group-item + .list-group-item {
            border-top-width: 0
        }

        .list-group-item + .list-group-item.active {
            margin-top: calc(var(--bs-list-group-border-width) * -1);
            border-top-width: var(--bs-list-group-border-width)
        }

        .list-group-item-primary {
            color: #084a98;
            background-color: #cfe2ff
        }

        .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
            color: #084a98;
            background-color: #bacbe6
        }

        .list-group-item-primary.list-group-item-action.active {
            color: #fff;
            background-color: #084a98;
            border-color: #084a98
        }

        .list-group-item-success {
            color: #0f5132;
            background-color: #d1e7dd
        }

        .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
            color: #0f5132;
            background-color: #bcd0c7
        }

        .list-group-item-success.list-group-item-action.active {
            color: #fff;
            background-color: #0f5132;
            border-color: #0f5132
        }

        .list-group-item-info {
            color: #055160;
            background-color: #cff4fc
        }

        .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
            color: #055160;
            background-color: #badce3
        }

        .list-group-item-info.list-group-item-action.active {
            color: #fff;
            background-color: #055160;
            border-color: #055160
        }

        .list-group-item-light {
            color: #636464;
            background-color: #fefefe
        }

        .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
            color: #636464;
            background-color: #e5e5e5
        }

        .list-group-item-light.list-group-item-action.active {
            color: #fff;
            background-color: #636464;
            border-color: #636464
        }

        .list-group-item-dark {
            color: #141619;
            background-color: #d3d3d4
        }

        .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
            color: #141619;
            background-color: #bebebf
        }

        .list-group-item-dark.list-group-item-action.active {
            color: #fff;
            background-color: #141619;
            border-color: #141619
        }

        .tooltip {
            --bs-tooltip-zindex: 1080;
            --bs-tooltip-max-width: 200px;
            --bs-tooltip-padding-x: 0.5rem;
            --bs-tooltip-padding-y: 0.25rem;
            --bs-tooltip-font-size: 0.875rem;
            --bs-tooltip-color: #fff;
            --bs-tooltip-bg: #000;
            --bs-tooltip-border-radius: 0.375rem;
            --bs-tooltip-opacity: 0.9;
            --bs-tooltip-arrow-width: 0.8rem;
            --bs-tooltip-arrow-height: 0.4rem;
            z-index: var(--bs-tooltip-zindex);
            display: block;
            padding: var(--bs-tooltip-arrow-height);
            margin: var(--bs-tooltip-margin);
            font-family: var(--bs-font-sans-serif);
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            white-space: normal;
            word-spacing: normal;
            line-break: auto;
            font-size: var(--bs-tooltip-font-size);
            word-wrap: break-word;
            opacity: 0
        }

        .tooltip.show {
            opacity: var(--bs-tooltip-opacity)
        }

        .tooltip .tooltip-arrow {
            display: block;
            width: var(--bs-tooltip-arrow-width);
            height: var(--bs-tooltip-arrow-height)
        }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
            bottom: 0
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
            top: -1px;
            border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
            border-top-color: var(--bs-tooltip-bg)
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
            left: 0;
            width: var(--bs-tooltip-arrow-height);
            height: var(--bs-tooltip-arrow-width)
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
            right: -1px;
            border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
            border-right-color: var(--bs-tooltip-bg)
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
            top: 0
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
            border-bottom-color: var(--bs-tooltip-bg)
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
            right: 0;
            width: var(--bs-tooltip-arrow-height);
            height: var(--bs-tooltip-arrow-width)
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
            left: -1px;
            border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
            border-left-color: var(--bs-tooltip-bg)
        }

        .tooltip-inner {
            max-width: var(--bs-tooltip-max-width);
            padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
            color: var(--bs-tooltip-color);
            text-align: center;
            background-color: var(--bs-tooltip-bg);
            border-radius: var(--bs-tooltip-border-radius, 0)
        }

        .spinner-border, .spinner-grow {
            display: inline-block;
            width: var(--bs-spinner-width);
            height: var(--bs-spinner-height);
            vertical-align: var(--bs-spinner-vertical-align);
            border-radius: 50%;
            -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
            animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
        }

        @-webkit-keyframes spinner-border {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes spinner-border {
            to {
                transform: rotate(360deg)
            }
        }

        .spinner-border {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-border-width: 0.25em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-border;
            border: var(--bs-spinner-border-width) solid currentcolor;
            border-right-color: transparent
        }

        .spinner-border-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem;
            --bs-spinner-border-width: 0.2em
        }

        @-webkit-keyframes spinner-grow {
            0% {
                transform: scale(0)
            }
            50% {
                opacity: 1;
                transform: none
            }
        }

        @keyframes spinner-grow {
            0% {
                transform: scale(0)
            }
            50% {
                opacity: 1;
                transform: none
            }
        }

        .spinner-grow {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-grow;
            background-color: currentcolor;
            opacity: 0
        }

        .spinner-grow-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem
        }

        @media (prefers-reduced-motion: reduce) {
            .spinner-border, .spinner-grow {
                --bs-spinner-animation-speed: 1.5s
            }
        }

        .placeholder {
            display: inline-block;
            min-height: 1em;
            vertical-align: middle;
            cursor: wait;
            background-color: currentcolor;
            opacity: .5
        }

        .placeholder-xs {
            min-height: .6em
        }

        .placeholder-sm {
            min-height: .8em
        }

        .placeholder-lg {
            min-height: 1.2em
        }

        @-webkit-keyframes placeholder-glow {
            50% {
                opacity: .2
            }
        }

        @keyframes placeholder-glow {
            50% {
                opacity: .2
            }
        }

        @-webkit-keyframes placeholder-wave {
            100% {
                -webkit-mask-position: -200% 0;
                mask-position: -200% 0
            }
        }

        @keyframes placeholder-wave {
            100% {
                -webkit-mask-position: -200% 0;
                mask-position: -200% 0
            }
        }

        .link-primary {
            color: #0073fc
        }

        .link-primary:focus, .link-primary:hover {
            color: #0a62ca
        }

        .link-success {
            color: #198754
        }

        .link-success:focus, .link-success:hover {
            color: #146c43
        }

        .link-info {
            color: #0dcaf0
        }

        .link-info:focus, .link-info:hover {
            color: #3dd5f3
        }

        .link-light {
            color: #f8f9fa
        }

        .link-light:focus, .link-light:hover {
            color: #f9fafb
        }

        .link-dark {
            color: #212529
        }

        .link-dark:focus, .link-dark:hover {
            color: #1a1e21
        }

        .ratio {
            position: relative;
            width: 100%
        }

        .ratio::before {
            display: block;
            padding-top: var(--bs-aspect-ratio);
            content: ""
        }

        .ratio > * {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .ratio-1x1 {
            --bs-aspect-ratio: 100%
        }

        .ratio-4x3 {
            --bs-aspect-ratio: 75%
        }

        .ratio-16x9 {
            --bs-aspect-ratio: 56.25%
        }

        .ratio-21x9 {
            --bs-aspect-ratio: 42.8571428571%
        }

        .fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030
        }

        .fixed-bottom {
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1030
        }

        .align-top {
            vertical-align: top
        }

        .align-middle {
            vertical-align: middle
        }

        .align-bottom {
            vertical-align: bottom
        }

        .align-text-bottom {
            vertical-align: text-bottom
        }

        .align-text-top {
            vertical-align: text-top
        }

        .float-start {
            float: left
        }

        .float-end {
            float: right
        }

        .float-none {
            float: none
        }

        .opacity-0 {
            opacity: 0
        }

        .opacity-25 {
            opacity: .25
        }

        .opacity-50 {
            opacity: .5
        }

        .opacity-75 {
            opacity: .75
        }

        .opacity-100 {
            opacity: 1
        }

        .overflow-auto {
            overflow: auto
        }

        .overflow-hidden {
            overflow: hidden
        }

        .overflow-visible {
            overflow: visible
        }

        .overflow-scroll {
            overflow: scroll
        }

        .d-inline {
            display: inline
        }

        .d-inline-block {
            display: inline-block
        }

        .d-block {
            display: block
        }

        .d-grid {
            display: grid
        }

        .d-table {
            display: table
        }

        .d-table-row {
            display: table-row
        }

        .d-flex {
            display: flex
        }

        .d-inline-flex {
            display: inline-flex
        }

        .d-none {
            display: none
        }

        .shadow {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
        }

        .shadow-sm {
            box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
        }

        .shadow-lg {
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
        }

        .shadow-none {
            box-shadow: none
        }

        .position-static {
            position: static
        }

        .position-relative {
            position: relative
        }

        .position-absolute {
            position: absolute
        }

        .position-fixed {
            position: fixed
        }

        .top-0 {
            top: 0
        }

        .top-50 {
            top: 50%
        }

        .top-100 {
            top: 100%
        }

        .bottom-0 {
            bottom: 0
        }

        .bottom-50 {
            bottom: 50%
        }

        .bottom-100 {
            bottom: 100%
        }

        .start-0 {
            left: 0
        }

        .start-50 {
            left: 50%
        }

        .start-100 {
            left: 100%
        }

        .end-0 {
            right: 0
        }

        .end-50 {
            right: 50%
        }

        .end-100 {
            right: 100%
        }

        .border {
            border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
        }

        .border-0 {
            border: 0
        }

        .border-top {
            border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
        }

        .border-top-0 {
            border-top: 0
        }

        .border-end {
            border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
        }

        .border-end-0 {
            border-right: 0
        }

        .border-bottom {
            border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
        }

        .border-bottom-0 {
            border-bottom: 0
        }

        .border-start {
            border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
        }

        .border-start-0 {
            border-left: 0
        }

        .border-primary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity))
        }

        .border-success {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity))
        }

        .border-info {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity))
        }

        .border-light {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity))
        }

        .border-dark {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity))
        }

        .border-white {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity))
        }

        .border-1 {
            --bs-border-width: 1px
        }

        .border-2 {
            --bs-border-width: 2px
        }

        .border-3 {
            --bs-border-width: 3px
        }

        .border-4 {
            --bs-border-width: 4px
        }

        .border-5 {
            --bs-border-width: 5px
        }

        .border-opacity-10 {
            --bs-border-opacity: 0.1
        }

        .border-opacity-25 {
            --bs-border-opacity: 0.25
        }

        .border-opacity-50 {
            --bs-border-opacity: 0.5
        }

        .border-opacity-75 {
            --bs-border-opacity: 0.75
        }

        .border-opacity-100 {
            --bs-border-opacity: 1
        }

        .w-25 {
            width: 25%
        }

        .w-50 {
            width: 50%
        }

        .w-75 {
            width: 75%
        }

        .w-100 {
            width: 100%
        }

        .w-auto {
            width: auto
        }

        .h-25 {
            height: 25%
        }

        .h-50 {
            height: 50%
        }

        .h-75 {
            height: 75%
        }

        .h-100 {
            height: 100%
        }

        .h-auto {
            height: auto
        }

        .vh-100 {
            height: 100vh
        }

        .min-vh-100 {
            min-height: 100vh
        }

        .flex-fill {
            flex: 1 1 auto
        }

        .flex-row {
            flex-direction: row
        }

        .flex-row-reverse {
            flex-direction: row-reverse
        }

        .flex-grow-0 {
            flex-grow: 0
        }

        .flex-grow-1 {
            flex-grow: 1
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .flex-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .justify-content-start {
            justify-content: flex-start
        }

        .justify-content-end {
            justify-content: flex-end
        }

        .justify-content-center {
            justify-content: center
        }

        .justify-content-between {
            justify-content: space-between
        }

        .justify-content-around {
            justify-content: space-around
        }

        .align-items-start {
            align-items: flex-start
        }

        .align-items-end {
            align-items: flex-end
        }

        .align-items-center {
            align-items: center
        }

        .align-content-start {
            align-content: flex-start
        }

        .align-content-end {
            align-content: flex-end
        }

        .align-content-center {
            align-content: center
        }

        .align-content-between {
            align-content: space-between
        }

        .align-content-around {
            align-content: space-around
        }

        .order-first {
            order: -1
        }

        .order-0 {
            order: 0
        }

        .order-1 {
            order: 1
        }

        .order-2 {
            order: 2
        }

        .order-3 {
            order: 3
        }

        .order-4 {
            order: 4
        }

        .order-5 {
            order: 5
        }

        .order-last {
            order: 6
        }

        .m-0 {
            margin: 0
        }

        .m-1 {
            margin: .25rem
        }

        .m-2 {
            margin: .5rem
        }

        .m-3 {
            margin: 1rem
        }

        .m-4 {
            margin: 1.5rem
        }

        .m-5 {
            margin: 3rem
        }

        .m-auto {
            margin: auto
        }

        .mx-0 {
            margin-right: 0;
            margin-left: 0
        }

        .mx-1 {
            margin-right: .25rem;
            margin-left: .25rem
        }

        .mx-2 {
            margin-right: .5rem;
            margin-left: .5rem
        }

        .mx-3 {
            margin-right: 1rem;
            margin-left: 1rem
        }

        .mx-4 {
            margin-right: 1.5rem;
            margin-left: 1.5rem
        }

        .mx-5 {
            margin-right: 3rem;
            margin-left: 3rem
        }

        .mx-auto {
            margin-right: auto;
            margin-left: auto
        }

        .my-0 {
            margin-top: 0;
            margin-bottom: 0
        }

        .my-1 {
            margin-top: .25rem;
            margin-bottom: .25rem
        }

        .my-2 {
            margin-top: .5rem;
            margin-bottom: .5rem
        }

        .my-3 {
            margin-top: 1rem;
            margin-bottom: 1rem
        }

        .my-4 {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem
        }

        .my-5 {
            margin-top: 3rem;
            margin-bottom: 3rem
        }

        .my-auto {
            margin-top: auto;
            margin-bottom: auto
        }

        .mt-0 {
            margin-top: 0
        }

        .mt-1 {
            margin-top: .25rem
        }

        .mt-2 {
            margin-top: .5rem
        }

        .mt-3 {
            margin-top: 1rem
        }

        .mt-4 {
            margin-top: 1.5rem
        }

        .mt-5 {
            margin-top: 3rem
        }

        .mt-auto {
            margin-top: auto
        }

        .me-0 {
            margin-right: 0
        }

        .me-1 {
            margin-right: .25rem
        }

        .me-2 {
            margin-right: .5rem
        }

        .me-3 {
            margin-right: 1rem
        }

        .me-4 {
            margin-right: 1.5rem
        }

        .me-5 {
            margin-right: 3rem
        }

        .me-auto {
            margin-right: auto
        }

        .mb-0 {
            margin-bottom: 0
        }

        .mb-1 {
            margin-bottom: .25rem
        }

        .mb-2 {
            margin-bottom: .5rem
        }

        .mb-3 {
            margin-bottom: 1rem
        }

        .mb-4 {
            margin-bottom: 1.5rem
        }

        .mb-5 {
            margin-bottom: 3rem
        }

        .mb-auto {
            margin-bottom: auto
        }

        .p-0 {
            padding: 0
        }

        .p-1 {
            padding: .25rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-3 {
            padding: 1rem
        }

        .p-4 {
            padding: 1.5rem
        }

        .p-5 {
            padding: 3rem
        }

        .px-0 {
            padding-right: 0;
            padding-left: 0
        }

        .px-1 {
            padding-right: .25rem;
            padding-left: .25rem
        }

        .px-2 {
            padding-right: .5rem;
            padding-left: .5rem
        }

        .px-3 {
            padding-right: 1rem;
            padding-left: 1rem
        }

        .px-4 {
            padding-right: 1.5rem;
            padding-left: 1.5rem
        }

        .px-5 {
            padding-right: 3rem;
            padding-left: 3rem
        }

        .pt-0 {
            padding-top: 0
        }

        .pt-1 {
            padding-top: .25rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        .pt-3 {
            padding-top: 1rem
        }

        .pt-4 {
            padding-top: 1.5rem
        }

        .pt-5 {
            padding-top: 3rem
        }

        .gap-0 {
            gap: 0
        }

        .gap-1 {
            gap: .25rem
        }

        .gap-2 {
            gap: .5rem
        }

        .gap-3 {
            gap: 1rem
        }

        .gap-4 {
            gap: 1.5rem
        }

        .gap-5 {
            gap: 3rem
        }

        .text-start {
            text-align: left
        }

        .text-end {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        .text-decoration-none {
            text-decoration: none
        }

        .text-decoration-underline {
            text-decoration: underline
        }

        .text-decoration-line-through {
            text-decoration: line-through
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .text-capitalize {
            text-transform: capitalize
        }

        .text-wrap {
            white-space: normal
        }

        .text-primary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity))
        }

        .text-success {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-success-rgb), var(--bs-text-opacity))
        }

        .text-info {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-info-rgb), var(--bs-text-opacity))
        }

        .text-light {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-light-rgb), var(--bs-text-opacity))
        }

        .text-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity))
        }

        .text-black {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity))
        }

        .text-white {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity))
        }

        .text-body {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity))
        }

        .text-black-50 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, .5)
        }

        .text-white-50 {
            --bs-text-opacity: 1;
            color: rgba(255, 255, 255, .5)
        }

        .text-opacity-25 {
            --bs-text-opacity: 0.25
        }

        .text-opacity-50 {
            --bs-text-opacity: 0.5
        }

        .text-opacity-75 {
            --bs-text-opacity: 0.75
        }

        .text-opacity-100 {
            --bs-text-opacity: 1
        }

        .user-select-all {
            -webkit-user-select: all;
            -moz-user-select: all;
            user-select: all
        }

        .user-select-auto {
            -webkit-user-select: auto;
            -moz-user-select: auto;
            user-select: auto
        }

        .user-select-none {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .visible {
            visibility: visible
        }

        @media (min-width: 576px) {
            .float-sm-start {
                float: left
            }

            .float-sm-end {
                float: right
            }

            .float-sm-none {
                float: none
            }

            .d-sm-inline {
                display: inline
            }

            .d-sm-inline-block {
                display: inline-block
            }

            .d-sm-block {
                display: block
            }

            .d-sm-grid {
                display: grid
            }

            .d-sm-table {
                display: table
            }

            .d-sm-table-row {
                display: table-row
            }

            .d-sm-flex {
                display: flex
            }

            .d-sm-inline-flex {
                display: inline-flex
            }

            .d-sm-none {
                display: none
            }

            .flex-sm-fill {
                flex: 1 1 auto
            }

            .flex-sm-row {
                flex-direction: row
            }

            .flex-sm-row-reverse {
                flex-direction: row-reverse
            }

            .flex-sm-grow-0 {
                flex-grow: 0
            }

            .flex-sm-grow-1 {
                flex-grow: 1
            }

            .flex-sm-wrap {
                flex-wrap: wrap
            }

            .flex-sm-wrap-reverse {
                flex-wrap: wrap-reverse
            }

            .justify-content-sm-start {
                justify-content: flex-start
            }

            .justify-content-sm-end {
                justify-content: flex-end
            }

            .justify-content-sm-center {
                justify-content: center
            }

            .justify-content-sm-between {
                justify-content: space-between
            }

            .justify-content-sm-around {
                justify-content: space-around
            }

            .align-items-sm-start {
                align-items: flex-start
            }

            .align-items-sm-end {
                align-items: flex-end
            }

            .align-items-sm-center {
                align-items: center
            }

            .align-content-sm-start {
                align-content: flex-start
            }

            .align-content-sm-end {
                align-content: flex-end
            }

            .align-content-sm-center {
                align-content: center
            }

            .align-content-sm-between {
                align-content: space-between
            }

            .align-content-sm-around {
                align-content: space-around
            }

            .order-sm-first {
                order: -1
            }

            .order-sm-0 {
                order: 0
            }

            .order-sm-1 {
                order: 1
            }

            .order-sm-2 {
                order: 2
            }

            .order-sm-3 {
                order: 3
            }

            .order-sm-4 {
                order: 4
            }

            .order-sm-5 {
                order: 5
            }

            .order-sm-last {
                order: 6
            }

            .m-sm-0 {
                margin: 0
            }

            .m-sm-1 {
                margin: .25rem
            }

            .m-sm-2 {
                margin: .5rem
            }

            .m-sm-3 {
                margin: 1rem
            }

            .m-sm-4 {
                margin: 1.5rem
            }

            .m-sm-5 {
                margin: 3rem
            }

            .m-sm-auto {
                margin: auto
            }

            .mx-sm-0 {
                margin-right: 0;
                margin-left: 0
            }

            .mx-sm-1 {
                margin-right: .25rem;
                margin-left: .25rem
            }

            .mx-sm-2 {
                margin-right: .5rem;
                margin-left: .5rem
            }

            .mx-sm-3 {
                margin-right: 1rem;
                margin-left: 1rem
            }

            .mx-sm-4 {
                margin-right: 1.5rem;
                margin-left: 1.5rem
            }

            .mx-sm-5 {
                margin-right: 3rem;
                margin-left: 3rem
            }

            .mx-sm-auto {
                margin-right: auto;
                margin-left: auto
            }

            .my-sm-0 {
                margin-top: 0;
                margin-bottom: 0
            }

            .my-sm-1 {
                margin-top: .25rem;
                margin-bottom: .25rem
            }

            .my-sm-2 {
                margin-top: .5rem;
                margin-bottom: .5rem
            }

            .my-sm-3 {
                margin-top: 1rem;
                margin-bottom: 1rem
            }

            .my-sm-4 {
                margin-top: 1.5rem;
                margin-bottom: 1.5rem
            }

            .my-sm-5 {
                margin-top: 3rem;
                margin-bottom: 3rem
            }

            .my-sm-auto {
                margin-top: auto;
                margin-bottom: auto
            }

            .mt-sm-0 {
                margin-top: 0
            }

            .mt-sm-1 {
                margin-top: .25rem
            }

            .mt-sm-2 {
                margin-top: .5rem
            }

            .mt-sm-3 {
                margin-top: 1rem
            }

            .mt-sm-4 {
                margin-top: 1.5rem
            }

            .mt-sm-5 {
                margin-top: 3rem
            }

            .mt-sm-auto {
                margin-top: auto
            }

            .me-sm-0 {
                margin-right: 0
            }

            .me-sm-1 {
                margin-right: .25rem
            }

            .me-sm-2 {
                margin-right: .5rem
            }

            .me-sm-3 {
                margin-right: 1rem
            }

            .me-sm-4 {
                margin-right: 1.5rem
            }

            .me-sm-5 {
                margin-right: 3rem
            }

            .me-sm-auto {
                margin-right: auto
            }

            .mb-sm-0 {
                margin-bottom: 0
            }

            .mb-sm-1 {
                margin-bottom: .25rem
            }

            .mb-sm-2 {
                margin-bottom: .5rem
            }

            .mb-sm-3 {
                margin-bottom: 1rem
            }

            .mb-sm-4 {
                margin-bottom: 1.5rem
            }

            .mb-sm-5 {
                margin-bottom: 3rem
            }

            .mb-sm-auto {
                margin-bottom: auto
            }

            .p-sm-0 {
                padding: 0
            }

            .p-sm-1 {
                padding: .25rem
            }

            .p-sm-2 {
                padding: .5rem
            }

            .p-sm-3 {
                padding: 1rem
            }

            .p-sm-4 {
                padding: 1.5rem
            }

            .p-sm-5 {
                padding: 3rem
            }

            .px-sm-0 {
                padding-right: 0;
                padding-left: 0
            }

            .px-sm-1 {
                padding-right: .25rem;
                padding-left: .25rem
            }

            .px-sm-2 {
                padding-right: .5rem;
                padding-left: .5rem
            }

            .px-sm-3 {
                padding-right: 1rem;
                padding-left: 1rem
            }

            .px-sm-4 {
                padding-right: 1.5rem;
                padding-left: 1.5rem
            }

            .px-sm-5 {
                padding-right: 3rem;
                padding-left: 3rem
            }

            .pt-sm-0 {
                padding-top: 0
            }

            .pt-sm-1 {
                padding-top: .25rem
            }

            .pt-sm-2 {
                padding-top: .5rem
            }

            .pt-sm-3 {
                padding-top: 1rem
            }

            .pt-sm-4 {
                padding-top: 1.5rem
            }

            .pt-sm-5 {
                padding-top: 3rem
            }

            .gap-sm-0 {
                gap: 0
            }

            .gap-sm-1 {
                gap: .25rem
            }

            .gap-sm-2 {
                gap: .5rem
            }

            .gap-sm-3 {
                gap: 1rem
            }

            .gap-sm-4 {
                gap: 1.5rem
            }

            .gap-sm-5 {
                gap: 3rem
            }

            .text-sm-start {
                text-align: left
            }

            .text-sm-end {
                text-align: right
            }

            .text-sm-center {
                text-align: center
            }
        }

        @media (min-width: 768px) {
            .float-md-start {
                float: left
            }

            .float-md-end {
                float: right
            }

            .float-md-none {
                float: none
            }

            .d-md-inline {
                display: inline
            }

            .d-md-inline-block {
                display: inline-block
            }

            .d-md-block {
                display: block
            }

            .d-md-grid {
                display: grid
            }

            .d-md-table {
                display: table
            }

            .d-md-table-row {
                display: table-row
            }

            .d-md-flex {
                display: flex
            }

            .d-md-inline-flex {
                display: inline-flex
            }

            .d-md-none {
                display: none
            }

            .flex-md-fill {
                flex: 1 1 auto
            }

            .flex-md-row {
                flex-direction: row
            }

            .flex-md-row-reverse {
                flex-direction: row-reverse
            }

            .flex-md-grow-0 {
                flex-grow: 0
            }

            .flex-md-grow-1 {
                flex-grow: 1
            }

            .flex-md-wrap {
                flex-wrap: wrap
            }

            .flex-md-wrap-reverse {
                flex-wrap: wrap-reverse
            }

            .justify-content-md-start {
                justify-content: flex-start
            }

            .justify-content-md-end {
                justify-content: flex-end
            }

            .justify-content-md-center {
                justify-content: center
            }

            .justify-content-md-between {
                justify-content: space-between
            }

            .justify-content-md-around {
                justify-content: space-around
            }

            .align-items-md-start {
                align-items: flex-start
            }

            .align-items-md-end {
                align-items: flex-end
            }

            .align-items-md-center {
                align-items: center
            }

            .align-content-md-start {
                align-content: flex-start
            }

            .align-content-md-end {
                align-content: flex-end
            }

            .align-content-md-center {
                align-content: center
            }

            .align-content-md-between {
                align-content: space-between
            }

            .align-content-md-around {
                align-content: space-around
            }

            .order-md-first {
                order: -1
            }

            .order-md-0 {
                order: 0
            }

            .order-md-1 {
                order: 1
            }

            .order-md-2 {
                order: 2
            }

            .order-md-3 {
                order: 3
            }

            .order-md-4 {
                order: 4
            }

            .order-md-5 {
                order: 5
            }

            .order-md-last {
                order: 6
            }

            .m-md-0 {
                margin: 0
            }

            .m-md-1 {
                margin: .25rem
            }

            .m-md-2 {
                margin: .5rem
            }

            .m-md-3 {
                margin: 1rem
            }

            .m-md-4 {
                margin: 1.5rem
            }

            .m-md-5 {
                margin: 3rem
            }

            .m-md-auto {
                margin: auto
            }

            .mx-md-0 {
                margin-right: 0;
                margin-left: 0
            }

            .mx-md-1 {
                margin-right: .25rem;
                margin-left: .25rem
            }

            .mx-md-2 {
                margin-right: .5rem;
                margin-left: .5rem
            }

            .mx-md-3 {
                margin-right: 1rem;
                margin-left: 1rem
            }

            .mx-md-4 {
                margin-right: 1.5rem;
                margin-left: 1.5rem
            }

            .mx-md-5 {
                margin-right: 3rem;
                margin-left: 3rem
            }

            .mx-md-auto {
                margin-right: auto;
                margin-left: auto
            }

            .my-md-0 {
                margin-top: 0;
                margin-bottom: 0
            }

            .my-md-1 {
                margin-top: .25rem;
                margin-bottom: .25rem
            }

            .my-md-2 {
                margin-top: .5rem;
                margin-bottom: .5rem
            }

            .my-md-3 {
                margin-top: 1rem;
                margin-bottom: 1rem
            }

            .my-md-4 {
                margin-top: 1.5rem;
                margin-bottom: 1.5rem
            }

            .my-md-5 {
                margin-top: 3rem;
                margin-bottom: 3rem
            }

            .my-md-auto {
                margin-top: auto;
                margin-bottom: auto
            }

            .mt-md-0 {
                margin-top: 0
            }

            .mt-md-1 {
                margin-top: .25rem
            }

            .mt-md-2 {
                margin-top: .5rem
            }

            .mt-md-3 {
                margin-top: 1rem
            }

            .mt-md-4 {
                margin-top: 1.5rem
            }

            .mt-md-5 {
                margin-top: 3rem
            }

            .mt-md-auto {
                margin-top: auto
            }

            .me-md-0 {
                margin-right: 0
            }

            .me-md-1 {
                margin-right: .25rem
            }

            .me-md-2 {
                margin-right: .5rem
            }

            .me-md-3 {
                margin-right: 1rem
            }

            .me-md-4 {
                margin-right: 1.5rem
            }

            .me-md-5 {
                margin-right: 3rem
            }

            .me-md-auto {
                margin-right: auto
            }

            .mb-md-0 {
                margin-bottom: 0
            }

            .mb-md-1 {
                margin-bottom: .25rem
            }

            .mb-md-2 {
                margin-bottom: .5rem
            }

            .mb-md-3 {
                margin-bottom: 1rem
            }

            .mb-md-4 {
                margin-bottom: 1.5rem
            }

            .mb-md-5 {
                margin-bottom: 3rem
            }

            .mb-md-auto {
                margin-bottom: auto
            }

            .p-md-0 {
                padding: 0
            }

            .p-md-1 {
                padding: .25rem
            }

            .p-md-2 {
                padding: .5rem
            }

            .p-md-3 {
                padding: 1rem
            }

            .p-md-4 {
                padding: 1.5rem
            }

            .p-md-5 {
                padding: 3rem
            }

            .px-md-0 {
                padding-right: 0;
                padding-left: 0
            }

            .px-md-1 {
                padding-right: .25rem;
                padding-left: .25rem
            }

            .px-md-2 {
                padding-right: .5rem;
                padding-left: .5rem
            }

            .px-md-3 {
                padding-right: 1rem;
                padding-left: 1rem
            }

            .px-md-4 {
                padding-right: 1.5rem;
                padding-left: 1.5rem
            }

            .px-md-5 {
                padding-right: 3rem;
                padding-left: 3rem
            }

            .pt-md-0 {
                padding-top: 0
            }

            .pt-md-1 {
                padding-top: .25rem
            }

            .pt-md-2 {
                padding-top: .5rem
            }

            .pt-md-3 {
                padding-top: 1rem
            }

            .pt-md-4 {
                padding-top: 1.5rem
            }

            .pt-md-5 {
                padding-top: 3rem
            }

            .gap-md-0 {
                gap: 0
            }

            .gap-md-1 {
                gap: .25rem
            }

            .gap-md-2 {
                gap: .5rem
            }

            .gap-md-3 {
                gap: 1rem
            }

            .gap-md-4 {
                gap: 1.5rem
            }

            .gap-md-5 {
                gap: 3rem
            }

            .text-md-start {
                text-align: left
            }

            .text-md-end {
                text-align: right
            }

            .text-md-center {
                text-align: center
            }
        }

        @media (min-width: 992px) {
            .float-lg-start {
                float: left
            }

            .float-lg-end {
                float: right
            }

            .float-lg-none {
                float: none
            }

            .d-lg-inline {
                display: inline
            }

            .d-lg-inline-block {
                display: inline-block
            }

            .d-lg-block {
                display: block
            }

            .d-lg-grid {
                display: grid
            }

            .d-lg-table {
                display: table
            }

            .d-lg-table-row {
                display: table-row
            }

            .d-lg-flex {
                display: flex
            }

            .d-lg-inline-flex {
                display: inline-flex
            }

            .d-lg-none {
                display: none
            }

            .flex-lg-fill {
                flex: 1 1 auto
            }

            .flex-lg-row {
                flex-direction: row
            }

            .flex-lg-row-reverse {
                flex-direction: row-reverse
            }

            .flex-lg-grow-0 {
                flex-grow: 0
            }

            .flex-lg-grow-1 {
                flex-grow: 1
            }

            .flex-lg-wrap {
                flex-wrap: wrap
            }

            .flex-lg-wrap-reverse {
                flex-wrap: wrap-reverse
            }

            .justify-content-lg-start {
                justify-content: flex-start
            }

            .justify-content-lg-end {
                justify-content: flex-end
            }

            .justify-content-lg-center {
                justify-content: center
            }

            .justify-content-lg-between {
                justify-content: space-between
            }

            .justify-content-lg-around {
                justify-content: space-around
            }

            .align-items-lg-start {
                align-items: flex-start
            }

            .align-items-lg-end {
                align-items: flex-end
            }

            .align-items-lg-center {
                align-items: center
            }

            .align-content-lg-start {
                align-content: flex-start
            }

            .align-content-lg-end {
                align-content: flex-end
            }

            .align-content-lg-center {
                align-content: center
            }

            .align-content-lg-between {
                align-content: space-between
            }

            .align-content-lg-around {
                align-content: space-around
            }

            .order-lg-first {
                order: -1
            }

            .order-lg-0 {
                order: 0
            }

            .order-lg-1 {
                order: 1
            }

            .order-lg-2 {
                order: 2
            }

            .order-lg-3 {
                order: 3
            }

            .order-lg-4 {
                order: 4
            }

            .order-lg-5 {
                order: 5
            }

            .order-lg-last {
                order: 6
            }

            .m-lg-0 {
                margin: 0
            }

            .m-lg-1 {
                margin: .25rem
            }

            .m-lg-2 {
                margin: .5rem
            }

            .m-lg-3 {
                margin: 1rem
            }

            .m-lg-4 {
                margin: 1.5rem
            }

            .m-lg-5 {
                margin: 3rem
            }

            .m-lg-auto {
                margin: auto
            }

            .mx-lg-0 {
                margin-right: 0;
                margin-left: 0
            }

            .mx-lg-1 {
                margin-right: .25rem;
                margin-left: .25rem
            }

            .mx-lg-2 {
                margin-right: .5rem;
                margin-left: .5rem
            }

            .mx-lg-3 {
                margin-right: 1rem;
                margin-left: 1rem
            }

            .mx-lg-4 {
                margin-right: 1.5rem;
                margin-left: 1.5rem
            }

            .mx-lg-5 {
                margin-right: 3rem;
                margin-left: 3rem
            }

            .mx-lg-auto {
                margin-right: auto;
                margin-left: auto
            }

            .my-lg-0 {
                margin-top: 0;
                margin-bottom: 0
            }

            .my-lg-1 {
                margin-top: .25rem;
                margin-bottom: .25rem
            }

            .my-lg-2 {
                margin-top: .5rem;
                margin-bottom: .5rem
            }

            .my-lg-3 {
                margin-top: 1rem;
                margin-bottom: 1rem
            }

            .my-lg-4 {
                margin-top: 1.5rem;
                margin-bottom: 1.5rem
            }

            .my-lg-5 {
                margin-top: 3rem;
                margin-bottom: 3rem
            }

            .my-lg-auto {
                margin-top: auto;
                margin-bottom: auto
            }

            .mt-lg-0 {
                margin-top: 0
            }

            .mt-lg-1 {
                margin-top: .25rem
            }

            .mt-lg-2 {
                margin-top: .5rem
            }

            .mt-lg-3 {
                margin-top: 1rem
            }

            .mt-lg-4 {
                margin-top: 1.5rem
            }

            .mt-lg-5 {
                margin-top: 3rem
            }

            .mt-lg-auto {
                margin-top: auto
            }

            .me-lg-0 {
                margin-right: 0
            }

            .me-lg-1 {
                margin-right: .25rem
            }

            .me-lg-2 {
                margin-right: .5rem
            }

            .me-lg-3 {
                margin-right: 1rem
            }

            .me-lg-4 {
                margin-right: 1.5rem
            }

            .me-lg-5 {
                margin-right: 3rem
            }

            .me-lg-auto {
                margin-right: auto
            }

            .mb-lg-0 {
                margin-bottom: 0
            }

            .mb-lg-1 {
                margin-bottom: .25rem
            }

            .mb-lg-2 {
                margin-bottom: .5rem
            }

            .mb-lg-3 {
                margin-bottom: 1rem
            }

            .mb-lg-4 {
                margin-bottom: 1.5rem
            }

            .mb-lg-5 {
                margin-bottom: 3rem
            }

            .mb-lg-auto {
                margin-bottom: auto
            }

            .p-lg-0 {
                padding: 0
            }

            .p-lg-1 {
                padding: .25rem
            }

            .p-lg-2 {
                padding: .5rem
            }

            .p-lg-3 {
                padding: 1rem
            }

            .p-lg-4 {
                padding: 1.5rem
            }

            .p-lg-5 {
                padding: 3rem
            }

            .px-lg-0 {
                padding-right: 0;
                padding-left: 0
            }

            .px-lg-1 {
                padding-right: .25rem;
                padding-left: .25rem
            }

            .px-lg-2 {
                padding-right: .5rem;
                padding-left: .5rem
            }

            .px-lg-3 {
                padding-right: 1rem;
                padding-left: 1rem
            }

            .px-lg-4 {
                padding-right: 1.5rem;
                padding-left: 1.5rem
            }

            .px-lg-5 {
                padding-right: 3rem;
                padding-left: 3rem
            }

            .pt-lg-0 {
                padding-top: 0
            }

            .pt-lg-1 {
                padding-top: .25rem
            }

            .pt-lg-2 {
                padding-top: .5rem
            }

            .pt-lg-3 {
                padding-top: 1rem
            }

            .pt-lg-4 {
                padding-top: 1.5rem
            }

            .pt-lg-5 {
                padding-top: 3rem
            }

            .gap-lg-0 {
                gap: 0
            }

            .gap-lg-1 {
                gap: .25rem
            }

            .gap-lg-2 {
                gap: .5rem
            }

            .gap-lg-3 {
                gap: 1rem
            }

            .gap-lg-4 {
                gap: 1.5rem
            }

            .gap-lg-5 {
                gap: 3rem
            }

            .text-lg-start {
                text-align: left
            }

            .text-lg-end {
                text-align: right
            }

            .text-lg-center {
                text-align: center
            }
        }

        @media print {
            .d-print-inline {
                display: inline
            }

            .d-print-inline-block {
                display: inline-block
            }

            .d-print-block {
                display: block
            }

            .d-print-grid {
                display: grid
            }

            .d-print-table {
                display: table
            }

            .d-print-table-row {
                display: table-row
            }

            .d-print-flex {
                display: flex
            }

            .d-print-inline-flex {
                display: inline-flex
            }

            .d-print-none {
                display: none
            }
        }


        :root {
            --font-default: "Montserrat", sans-serif;
            --font-primary: "Montserrat", sans-serif;
            --font-secondary: "Montserrat", sans-serif
        }

        :root {
            --color-default: #2b180d;
            --color-primary: var(--primary-color);
            --color-secondary: #7a7a7a
        }

        :root {
            scroll-behavior: smooth
        }

        body {
            font-family: var(--font-default);
            font-optical-sizing: auto;
            font-style: normal;
            color: #fff;
            background: #000
        }

        a {
            color: var(--color-primary);
            text-decoration: none;
            transition: .3s
        }

        a:hover {
            color: var(--primary-color);
            text-decoration: none
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-primary)
        }

        section {
            overflow: hidden;
            padding: 0 0
        }

        .section-header h2 {
            font-size: 30px;
            font-weight: 800;
            margin-bottom: 20px;
            padding-bottom: 20px;
            position: relative
        }

        .section-header h2:after {
            content: "";
            position: absolute;
            display: block;
            width: 60px;
            height: 2px;
            background: var(--color-primary);
            left: 0;
            bottom: 0;
            margin: auto
        }

        .section-header p {
            margin-bottom: 0
        }

        .breadcrumbs {
            padding: 140px 0 60px 0;
            min-height: 30vh;
            position: relative;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        .breadcrumbs:before {
            content: "";
            background-color: rgba(27, 47, 69, .7);
            position: absolute;
            inset: 0
        }

        .breadcrumbs h2 {
            font-size: 56px;
            font-weight: 500;
            color: #fff;
            font-family: var(--font-secondary)
        }

        .breadcrumbs ol {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding: 0 0 10px 0;
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: var(--color-primary)
        }

        .breadcrumbs ol a {
            color: rgba(255, 255, 255, .8);
            transition: .3s
        }

        .breadcrumbs ol a:hover {
            text-decoration: underline
        }

        .breadcrumbs ol li + li {
            padding-left: 10px
        }

        .breadcrumbs ol li + li::before {
            display: inline-block;
            padding-right: 10px;
            color: #fff;
            content: "/"
        }

        .scroll-top {
            position: fixed;
            visibility: hidden;
            opacity: 0;
            right: 15px;
            bottom: 15px;
            z-index: 99999;
            background: var(--color-primary);
            width: 40px;
            height: 40px;
            border-radius: 4px;
            transition: all .4s
        }

        .scroll-top i {
            font-size: 24px;
            color: #fff;
            line-height: 0
        }

        .scroll-top:hover {
            background: rgba(86, 152, 230, .8);
            color: #fff
        }

        .scroll-top.active {
            visibility: visible;
            opacity: 1
        }

        @media screen and (max-width: 768px) {
            [data-aos-delay] {
                transition-delay: 0
            }
        }

        .header {
            transition: all .5s;
            z-index: 997;
            padding: 24px 0
        }

        @media (max-width: 1200px) {
            .header {
                padding: 12px 0
            }
        }

        .header .logo img {
            max-height: 60px;
            margin-right: 6px
        }

        .header .logo h1 {
            font-size: 30px;
            font-weight: 700;
            color: #fff;
            font-family: var(--font-secondary);
            margin: 0
        }

        .about .content h3 {
            font-weight: 700;
            font-size: 36px;
            font-family: var(--font-secondary);
            color: var(--color-secondary)
        }

        .about .content p {
            margin: 30px 0;
            color: #29486a
        }

        .about .content ul {
            list-style: none;
            padding: 0
        }

        .about .content ul li {
            padding: 0 0 15px 26px;
            position: relative;
            font-size: 15px;
            font-weight: 600
        }

        .about .content ul i {
            position: absolute;
            font-size: 20px;
            left: 0;
            top: -3px;
            color: var(--color-primary)
        }

        .services-list .service-item {
            position: relative
        }

        .services-list .service-item .icon i {
            font-size: 32px;
            line-height: 0;
            margin-right: 20px;
            color: #38618e
        }

        .services-list .service-item .title {
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 18px
        }

        .services-list .service-item .title a {
            color: var(--color-secondary)
        }

        .services-list .service-item .title a:hover {
            color: #38618e
        }

        .services-list .service-item .description {
            line-height: 24px;
            font-size: 14px
        }

        .call-to-action {
            background: linear-gradient(rgba(27, 47, 69, .8), rgba(27, 47, 69, .8)), url(/assets/other/themes/thebusinesstoolkit/assets/img/cta-bg.html) center center;
            background-size: cover;
            padding: 100px 0
        }

        @media (min-width: 1365px) {
            .call-to-action {
                background-attachment: fixed
            }
        }

        .call-to-action h3 {
            color: #fff;
            font-size: 28px;
            margin-bottom: 25px;
            font-weight: 700
        }

        .call-to-action p {
            color: #fff;
            margin-bottom: 25px
        }

        .services-cards {
            background: #f7f9fc
        }

        .services-cards .card-item {
            border: 1px solid rgba(27, 47, 69, .1);
            background: #fff;
            position: relative;
            border-radius: 0
        }

        .services-cards .card-item .card-body {
            padding: 30px
        }

        .services-cards .card-item h4 {
            font-weight: 700;
            font-size: 20px;
            margin-bottom: 15px;
            color: var(--color-secondary)
        }

        .services-cards .card-item p {
            color: var(--color-secondary);
            margin: 0
        }

        .testimonials .testimonial-item {
            box-sizing: content-box;
            padding: 30px;
            margin: 40px 30px;
            box-shadow: 0 0 20px rgba(27, 47, 69, .1);
            background: #fff;
            min-height: 320px;
            display: flex;
            flex-direction: column;
            text-align: center;
            transition: .3s
        }

        .testimonials .testimonial-item .stars {
            margin-bottom: 15px
        }

        .testimonials .testimonial-item .stars i {
            color: #ffc107;
            margin: 0 1px
        }

        .testimonials .testimonial-item .testimonial-img {
            width: 90px;
            border-radius: 50%;
            border: 4px solid #fff;
            margin: 0 auto
        }

        .testimonials .testimonial-item h3 {
            font-size: 18px;
            font-weight: 700;
            margin: 10px 0 5px 0;
            color: #111
        }

        .testimonials .testimonial-item h4 {
            font-size: 14px;
            color: #999;
            margin: 0
        }

        .testimonials .testimonial-item p {
            font-style: italic;
            margin: 0 auto 15px auto
        }

        .testimonials .swiper-pagination {
            margin-top: 20px;
            position: relative
        }

        .testimonials .swiper-slide {
            opacity: .3
        }

        @media (max-width: 1199px) {
            .testimonials .swiper-slide-active {
                opacity: 1
            }

            .testimonials .swiper-pagination {
                margin-top: 0
            }

            .testimonials .testimonial-item {
                margin: 40px 20px
            }
        }

        @media (min-width: 1200px) {
            .testimonials .swiper-slide-next {
                opacity: 1;
                transform: scale(1.12)
            }
        }

        .portfolio .portfolio-item {
            position: relative
        }

        .portfolio .portfolio-item .portfolio-info {
            opacity: 0;
            position: absolute;
            left: 30px;
            right: 30px;
            bottom: 0;
            z-index: 3;
            transition: all ease-in-out .3s;
            background: rgba(255, 255, 255, .9);
            padding: 15px
        }

        .portfolio .portfolio-item .portfolio-info h4 {
            font-size: 18px;
            font-weight: 600;
            color: var(--color-default);
            padding-right: 50px
        }

        .portfolio .portfolio-item .portfolio-info p {
            color: #6c757d;
            font-size: 14px;
            margin-bottom: 0;
            padding-right: 50px
        }

        .portfolio .portfolio-item .portfolio-info .details-link, .portfolio .portfolio-item .portfolio-info .preview-link {
            position: absolute;
            right: 50px;
            font-size: 24px;
            top: calc(50% - 14px);
            color: rgba(27, 47, 69, .7);
            transition: .3s;
            line-height: 0
        }

        .portfolio .portfolio-item .portfolio-info .details-link:hover, .portfolio .portfolio-item .portfolio-info .preview-link:hover {
            color: var(--color-primary)
        }

        .portfolio .portfolio-item .portfolio-info .details-link {
            right: 14px;
            font-size: 28px
        }

        .portfolio .portfolio-item:hover .portfolio-info {
            opacity: 1;
            bottom: 20px
        }

        .portfolio-details .portfolio-details-slider img {
            width: 100%
        }

        .portfolio-details .portfolio-details-slider .swiper-pagination {
            margin-top: 20px;
            position: relative
        }

        .portfolio-details .portfolio-info {
            padding: 30px;
            box-shadow: 0 0 30px rgba(27, 47, 69, .1)
        }

        .portfolio-details .portfolio-info h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #d6e2ef
        }

        .portfolio-details .portfolio-info ul {
            list-style: none;
            padding: 0;
            font-size: 15px
        }

        .portfolio-details .portfolio-info ul li + li {
            margin-top: 10px
        }

        .portfolio-details .portfolio-description {
            padding-top: 30px
        }

        .portfolio-details .portfolio-description h2 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 20px;
            color: var(--color-secondary)
        }

        .portfolio-details .portfolio-description p {
            padding: 0
        }

        .contact {
            background: url(/assets/other/themes/thebusinesstoolkit/assets/img/contact-bg.html) left top no-repeat;
            background-size: contain;
            position: relative
        }

        @media (max-width: 640px) {
            .contact {
                background-position: center 50px
            }
        }

        .contact:before {
            content: "";
            background: rgba(255, 255, 255, .7);
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0
        }

        .contact .info-item + .info-item {
            margin-top: 40px
        }

        .contact .info-item i {
            font-size: 20px;
            background: var(--color-primary);
            color: #fff;
            width: 44px;
            height: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50px;
            transition: all .3s ease-in-out;
            margin-right: 15px
        }

        .contact .info-item h4 {
            padding: 0;
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 5px;
            color: #1c64ba
        }

        .contact .info-item p {
            padding: 0;
            margin-bottom: 0;
            font-size: 14px
        }

        .contact .php-email-form {
            width: 100%
        }

        .contact .php-email-form .form-group {
            padding-bottom: 8px
        }

        .contact .php-email-form .error-message {
            display: none;
            color: #fff;
            background: #df1529;
            text-align: left;
            padding: 15px;
            font-weight: 600
        }

        .contact .php-email-form .error-message br + br {
            margin-top: 25px
        }

        .contact .php-email-form input, .contact .php-email-form textarea {
            border-radius: 0;
            box-shadow: none;
            font-size: 14px;
            padding: 12px 15px
        }

        .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
            border-color: var(--color-primary)
        }

        .contact .php-email-form textarea {
            padding: 10px 12px
        }

        .contact .php-email-form button[type=submit] {
            background: #1f70d1;
            border: 0;
            padding: 12px 40px;
            color: #fff;
            transition: .4s
        }

        .contact .php-email-form button[type=submit]:hover {
            background: var(--color-primary)
        }

        @-webkit-keyframes animate-loading {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        @keyframes animate-loading {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        .blog .blog-details {
            box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
            padding: 30px
        }

        .blog .blog-details .post-img {
            margin: -30px -30px 20px -30px;
            overflow: hidden
        }

        .blog .blog-details .title {
            font-size: 28px;
            font-weight: 700;
            padding: 0;
            margin: 20px 0 0 0;
            color: var(--color-secondary)
        }

        .blog .blog-details .content {
            margin-top: 20px
        }

        .blog .blog-details .content h3 {
            font-size: 22px;
            margin-top: 30px;
            font-weight: 700
        }

        .blog .blog-details .meta-top {
            margin-top: 20px;
            color: var(--color-gray)
        }

        .blog .blog-details .meta-top ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            align-items: center;
            padding: 0;
            margin: 0
        }

        .blog .blog-details .meta-top ul li + li {
            padding-left: 20px
        }

        .blog .blog-details .meta-top i {
            font-size: 16px;
            margin-right: 8px;
            line-height: 0;
            color: rgba(86, 152, 230, .8)
        }

        .blog .blog-details .meta-top a {
            color: var(--color-gray);
            font-size: 14px;
            display: inline-block;
            line-height: 1
        }

        .blog .blog-details .meta-bottom {
            padding-top: 10px;
            border-top: 1px solid rgba(27, 47, 69, .15)
        }

        .blog .blog-details .meta-bottom i {
            color: #38618e;
            display: inline
        }

        .blog .blog-details .meta-bottom a {
            color: rgba(27, 47, 69, .8);
            transition: .3s
        }

        .blog .blog-details .meta-bottom a:hover {
            color: var(--color-primary)
        }

        .blog .comments {
            margin-top: 30px
        }

        .blog .comments .comments-count {
            font-weight: 700
        }

        .blog .blog-pagination {
            margin-top: 30px;
            color: #38618e
        }

        .blog .blog-pagination ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none
        }

        .blog .blog-pagination li {
            margin: 0 5px;
            transition: .3s
        }

        .blog .blog-pagination li a {
            color: #2a7ddf;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            background: #dbf0fa;
            padding: 7px 16px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
            background: var(--color-primary);
            color: #fff
        }

        .footer {
            font-size: 16px;
            background-color: #0b0b0b
        }

        .footer .footer-content {
            background-size: contain;
            padding: 40px 0 0 0
        }

        .footer .footer-content .footer-info {
            margin-bottom: 30px
        }

        .footer .footer-content .footer-info .logo {
            line-height: 0;
            margin-bottom: 25px
        }

        .footer .footer-content .footer-info .logo img {
            max-height: 40px;
            margin-right: 6px
        }

        .footer .footer-content .footer-info .logo span {
            font-size: 30px;
            font-weight: 700;
            letter-spacing: 1px;
            color: var(--color-secondary);
            font-family: var(--font-secondary);
            margin-top: 3px
        }

        .footer .footer-content .footer-info p {
            font-size: 15px;
            margin-bottom: 0;
            font-family: var(--font-primary);
            color: var(--color-secondary)
        }

        .footer .footer-content .social-links a {
            font-size: 14px;
            line-height: 0;
            display: inline-block;
            width: 32px;
            height: 32px;
            color: rgba(27, 47, 69, .5);
            margin-right: 10px;
            transition: .3s;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--color-primary);
            color: #fff;
            border-radius: 50px
        }

        .footer .footer-content .social-links a:hover {
            background-color: #38618e
        }

        .footer .footer-content h4 {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            position: relative;
            padding-bottom: 12px
        }

        .footer .footer-content .footer-links {
            margin-bottom: 30px
        }

        .footer .footer-content .footer-links ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        .footer .footer-content .footer-links ul li {
            padding: 5px 0;
            display: flex;
            align-items: center
        }

        .footer .footer-content .footer-links ul li:first-child {
            padding-top: 0
        }

        .footer .footer-content .footer-links ul a {
            color: #afafaf;
            display: inline-block;
            line-height: 25px;
            font-size: 15px
        }

        .footer-content h3 {
            font-size: 30px;
            color: #fff;
            font-weight: 700
        }

        .footer-content p {
            font-size: 14px;
            color: #7a7a7a;
            line-height: 26px
        }

        .footer .footer-content .footer-links ul a:hover {
            color: var(--color-primary)
        }

        .footer .footer-content .footer-contact p {
            line-height: 26px;
            color: var(--color-secondary)
        }

        .footer .footer-legal .container {
            border-top: 1px solid #7a7777;
            padding: 21px
        }

        .footer .footer-legal .container a {
            color: var(--primary-color)
        }

        .footer .footer-legal .copyright {
            text-align: center;
            color: var(--color-secondary)
        }

        .footer .footer-legal .credits {
            padding-top: 4px;
            text-align: center;
            font-size: 13px;
            color: var(--color-secondary)
        }

        .service_desc h1 {
            position: relative
        }

        .row .service_desc svg {
            position: absolute;
            top: 50%;
            left: 50%;
            width: calc(100% + 20px);
            height: calc(100% + 20px);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            overflow: visible
        }

        .row .service_desc svg path {
            stroke: var(--primary-color);
            stroke-width: 9;
            fill: none;
            opacity: 0;
            stroke-dasharray: 0 1500;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .gform_wrapper input, .gform_wrapper select {
            border-radius: 50px;
            border: none;
        }

        #field_1_7, #field_2_11, #field_2_12, #field_4_11 {
            display: none
        }

        .service_desc svg path {
            -webkit-animation: elementor-headline-dash forwards;
            animation: elementor-headline-dash forwards;
            -webkit-animation-duration: var(--animation-duration, 1.2s);
            animation-duration: var(--animation-duration, 1.2s);
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1
        }

        .service_desc svg path:nth-of-type(2) {
            -webkit-animation-delay: calc(var(--animation-duration, 1.2s) / 2);
            animation-delay: calc(var(--animation-duration, 1.2s) / 2)
        }

        .woocommerce-checkout div#tbtk-preload.fade-loaded {
            display: none
        }

        @-webkit-keyframes elementor-headline-dash {
            0% {
                stroke-dasharray: 0 1500;
                opacity: 1
            }
            to {
                stroke-dasharray: 1500 1500;
                opacity: 1
            }
        }

        @keyframes elementor-headline-dash {
            0% {
                stroke-dasharray: 0 1500;
                opacity: 1
            }
            to {
                stroke-dasharray: 1500 1500;
                opacity: 1
            }
        }

        @-webkit-keyframes hide-highlight {
            0% {
                opacity: 1;
                stroke-dasharray: 1500 1500
            }
            to {
                opacity: 0;
                -webkit-filter: blur(10px);
                filter: blur(10px)
            }
        }

        @keyframes hide-highlight {
            0% {
                opacity: 1;
                stroke-dasharray: 1500 1500
            }
            to {
                opacity: 0;
                -webkit-filter: blur(10px);
                filter: blur(10px)
            }
        }

        .service_desc strong {
            position: relative
        }

        .page-id-34768 .service_desc h1 strong, .page-id-34809 .service_desc h1 strong, .page-id-7856 .service_desc h1 strong {
            display: inline-block;
            width: auto
        }

        #portfolio, .page-id-34809 .service_desc h1 strong {
            display: block
        }

        .cd-gradient > label {
            font-size: 18px
        }

        .model {
            z-index: 9999
        }

        .quotes, .services {
            font-style: italic
        }

        .details, .featured_testimonial h1 {
            font-family: Montserrat, Sans-serif
        }

        .woocommerce-checkout .accordion-item h2 button {
            background: var(--primary-color);
            font-weight: 500;
            font-size: 17px
        }

        #portfolio, #portfolio .item, #w, .best_seller .bottom.tk-line, .filter-outer {
            text-align: center
        }

        .active:focus-visible {
            outline: 0
        }

        :focus-visible {
            outline: 0
        }

        .woocommerce .cart .button, .woocommerce .cart input.button {
            margin: 0
        }

        #header, .footer-content .social-icons, .woocommerce-MyAccount-navigation ul {
            padding: 0
        }

        img {
            max-width: 100%
        }

        .select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea, .woocommerce-checkout .content-area #billing_country_field span.woocommerce-input-wrapper .select2-selection.select2-selection--single {
            border: 1px solid #cccccc3d
        }

        .testimonial_outer .services a::after {
            content: ",";
            color: #fff
        }

        .testimonial_outer .services a:last-child::after {
            content: ""
        }

        #filter-list, #filter-list-one {
            border-radius: 50px;
            padding: 9px 25px;
            text-align: center;
            margin: 10px 5px 40px;
            border: none
        }

        #filter-list li {
            list-style: none;
            display: inherit;
            padding: 2px 30px
        }

        #filter-list li.active, #filter-list li:hover {
            background: #3a3a3a
        }

        #portfolio {
            width: 100%;
            padding: 0 12px;
            margin-bottom: 35px;
            margin-left: 0
        }

        #portfolio li {
            list-style: none;
            display: list-item;
            float: left
        }

        #portfolio .item {
            opacity: 1;
            width: 23%;
            vertical-align: top;
            margin-bottom: 25px;
            margin-right: 20px;
            color: #fff;
            font-size: 30px;
            height: 340px;
            -moz-box-sizing: border-box;
            transition: display 1s, opacity 1s cubic-bezier(.04, 1.02, 1, -.37)
        }

        #portfolio .item a {
            display: inline-block;
            max-width: 100%;
            text-decoration: none;
            background: #fff
        }

        #portfolio .item img {
            padding: 3px;
            max-width: 100%;
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .55);
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .55);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .55)
        }

        .footer-content .social-icons li {
            display: inline-block
        }

        #filter-list li, #portfolio img, .gallery_product, .work .product-card.tk-text-block {
            cursor: pointer
        }

        @media screen and (max-width: 500px) {
            #filter-list, #filter-list-one {
                font-size: 13px;
                padding: 7px 14px;
                margin-bottom: 15px
            }

            .main-title {
                font-size: 25px;
                letter-spacing: -1px
            }

            #filter-list li {
                display: inline-block
            }

            #portfolio {
                margin-bottom: 20px
            }

            #portfolio .item {
                width: 100%;
                margin-bottom: 12px;
                margin-right: 0
            }
        }

        .featured_testimonial h1, .main-title {
            font-weight: 900;
            letter-spacing: -2.7px
        }

        .logosection {
            position: relative
        }

        .button.main-green {
            background: var(--primary-color);
            color: #fff;
            padding: 10px 40px;
            display: inline-block;
            border-radius: 50px;
            margin: 30px 0 20px
        }

        .bannersection {
            padding-top: 100px;
            background-color: transparent;
            background-image: linear-gradient(180deg, #000 0, #1a1a1a 100%)
        }

        .service_main.black {
            background-color: #000;
            padding-top: 100px;
            padding-bottom: 80px
        }

        .bannersection .main-title {
            text-transform: capitalize;
            font-weight: 800;
            font-size: 50px;
            margin-bottom: 15px;
            color: #f4f4f4;
            letter-spacing: 0
        }

        .best_seller .tk-feature-list, .gform_button.button, .main-title {
            text-transform: uppercase
        }

        .homebanner img {
            width: 650px
        }

        .homebanner .swiper-wrapper > div:not(.swiper-slide-active) img {
            opacity: 0;
            transition: visibility, opacity .3s linear
        }

        .themebutton .bi-arrow-right-short::before {
            content: "\f135";
            font-size: 28px;
            font-weight: 700;
            position: absolute;
            margin-top: -2px
        }

        .testimonial_outer .button.themebutton {
            margin-top: 25px;
            padding: 10px 55px 10px 40px;
            display: inline-block
        }

        .container.outermain, .first_section {
            padding-top: 135px
        }

        .scroll-top:hover {
            background: #39781c;
            color: #fff
        }

        .bi.bi-search {
            font-weight: 700;
            color: #fff;
            font-size: 22px;
            margin: 0 20px
        }

        .bi.bi-telephone-fill {
            margin-right: 7px
        }

        .button.themebutton {
            background: var(--primary-color);
            color: #fff;
            padding: 7px 14px;
            border-radius: 50px;
            font-weight: 500
        }

        .woocommerce button.button {
            background: var(--primary-color);
            color: #fff;
            padding: 12px 24px;
            border-radius: 50px;
            font-weight: 500;
            margin-top: 10px
        }

        .woocommerce button.button:hover {
            background: var(--color-primary);
            color: #fff
        }

        .footer-links.contact-details i {
            width: 34px;
            display: inline-block
        }

        .footer-links.contact-details li a {
            color: #7a7a7a;
            margin-top: 10px
        }

        .footer-links.contact-details {
            padding-left: 50px
        }

        .social-icons li a {
            background: #2f2f2f;
            padding: 7px 13px;
            margin-right: 10px;
            font-size: 23px;
            color: #fff;
            border-radius: 10px
        }

        .social-icons {
            margin: 50px 0 70px
        }

        .copyright a {
            border-left: 1px solid #7a7a7a;
            padding: 0 5px;
            line-height: 17px;
            display: inline-block
        }

        .woocommerce-Button.button {
            padding: 12px 30px
        }

        .social-icons li i:hover {
            color: var(--primary-color)
        }

        .main-title {
            font-size: 48px;
            margin-bottom: 15px;
            color: #f4f4f4
        }

        .consultantform .main-title {
            font-weight: 800
        }

        .accordion {
            margin-top: 0
        }

        .accordion-button {
            background: #000;
            color: #fff;
            font-weight: 600
        }

        .accordion-item {
            border: none;
            background: #000;
            color: #fff
        }

        .accordion-body {
            padding: 40px
        }

        .accordion-button:not(.collapsed) {
            background: #000;
            color: #fff;
            box-shadow: none
        }

        .accordion-button:focus {
            border: none;
            box-shadow: none
        }

        .faqfull *, .faqfull .accordion-item {
            border-radius: 10px
        }

        .mt-large {
            margin-top: 100px
        }

        .light p {
            color: #7a7a7a;
            font-size: 15px
        }

        .woocommerce-info a {
            color: var(--primary-color)
        }

        .faqfull .accordion-button {
            font-size: 22px;
            font-weight: 700;
            color: #fff;
            box-shadow: none
        }

        .faqfull .accordion-body {
            padding: 20px 30px
        }

        .faqfull .accordion-item {
            margin-top: 15px
        }

        .faqfull .main-title {
            margin-bottom: 25px
        }

        .faqfull .accordion-button ::after {
            margin-top: 5px;
            font-size: 13px
        }

        .faqfull .accordion-button::after {
            content: "\f107";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-top: 5px;
            font-size: 13px
        }

        .faqfull .accordion-body {
            font-size: 15px
        }

        .faqfull .accordion-button:not(.collapsed)::after {
            content: "\f106";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            transform: none
        }

        .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
            background-color: var(--primary-color)
        }

        .select2-container--default .select2-search--dropdown .select2-search__field {
            border: 1px solid #aaaaaa29;
            background: #000
        }

        .select2-selection.select2-selection--single {
            height: 42px;
            padding: 7px 10px;
            border-radius: 0
        }

        .select2-dropdown {
            background: #000
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            padding: 20px
        }

        .swiper-button-next, .swiper-button-prev, .woocommerce-MyAccount-navigation ul li a, .woocommerce-checkout .container.outermain {
            color: #fff
        }

        .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li:hover a {
            color: var(--color-primary)
        }

        .consultantform .main-title {
            font-size: 61px
        }

        .consultantform {
            background: #121212;
            padding: 5px 20px
        }

        .gform_button.button {
            background: var(--primary-color);
            border: none;
            width: 100%;
            color: #fff;
            font-style: italic;
            font-size: 22px;
            font-weight: 800;
            padding: 10px;
            border-radius: 3px;
            transition-duration: .3s;
            transition-property: transform;
            font-family: var(--font-primary)
        }

        .logosection .container {
            max-width: 1300px
        }

        .gform_button.button:hover {
            transform: scale(1.1)
        }

        .bgplaingrey {
            background-color: #252525;
            padding: 40px 0
        }

        .logo-slide {
            box-shadow: 1px 1px 15px #18191b, -1px -1px 15px #2a2d2f;
            border-radius: 10px;
            padding: 10px;
            margin-top: 20px;
            max-width: 300px;
            margin-right: auto;
            margin-left: auto
        }

        .logo-slide img {
            border-radius: 4px
        }

        .logo-slide:hover {
            background: #0404048c;
            transition: 1s
        }

        .logo-slide.animated-package-card {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            background: linear-gradient(180deg, rgba(30, 30, 30, .96), rgba(12, 12, 12, .98));
            border: 1px solid rgba(242, 100, 23, .22);
            transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
        }

        .logo-slide.animated-package-card::before {
            content: "";
            position: absolute;
            inset: -2px;
            z-index: -1;
            background: radial-gradient(circle at 20% 0%, rgba(242, 100, 23, .34), transparent 34%), radial-gradient(circle at 85% 12%, rgba(0, 115, 252, .2), transparent 32%);
            opacity: 0;
            transition: opacity .28s ease;
        }

        .logo-slide.animated-package-card:hover,
        .logo-slide.animated-package-card:focus-within {
            transform: translateY(-8px);
            background: linear-gradient(180deg, rgba(34, 34, 34, .98), rgba(10, 10, 10, 1));
            border-color: rgba(242, 100, 23, .68);
            box-shadow: 0 18px 40px rgba(0, 0, 0, .55), 0 0 28px rgba(242, 100, 23, .2);
        }

        .logo-slide.animated-package-card:hover::before,
        .logo-slide.animated-package-card:focus-within::before {
            opacity: 1;
        }

        .logo-slide.animated-package-card .image-wrapper {
            overflow: hidden;
            border-radius: 8px;
            background: #050505;
        }

        .logo-slide.animated-package-card .featured-img {
            width: 100%;
            transition: transform .36s ease, filter .36s ease;
        }

        .logo-slide.animated-package-card:hover .featured-img,
        .logo-slide.animated-package-card:focus-within .featured-img {
            transform: scale(1.045);
            filter: saturate(1.12) contrast(1.08);
        }

        .logo-slide.animated-package-card .tk-title,
        .logo-slide.animated-package-card .tk-price {
            color: #fff;
            text-shadow: 0 1px 12px rgba(0, 0, 0, .55);
        }

        .logo-slide.animated-package-card .tk-category,
        .logo-slide.animated-package-card .tk-feature-list li {
            color: rgba(255, 255, 255, .88);
            opacity: 1;
        }

        .logo-slide.animated-package-card .tk-feature-list li {
            transition: color .2s ease, transform .2s ease;
        }

        .logo-slide.animated-package-card .tk-feature-list li:hover {
            color: #fff;
            transform: translateX(4px);
        }

        .logo-slide .tk-feature-list ::marker {
            color: var(--primary-color)
        }

        .logo-slide .tk-feature-list {
            text-transform: uppercase;
            margin: 15px 0 15px 20px;
            font-size: 12px;
            padding: 0;
            line-height: 22px;
            font-weight: 400;
            color: #ffffffe3;
            font-family: var(--font-primary)
        }

        .logo-slide .tk-product-info {
            padding: 10px;
            display: flex;
            flex-direction: column;
            font-family: Montserrat
        }

        .logo-slide .tk-product-info p {
            margin: 0;
            font-weight: 800
        }

        .logo-slide .tk-product-info .tk-category {
            font-size: .7em;
            opacity: .5;
            font-weight: 600
        }

        .logo-slide .tk-line {
            display: flex;
            justify-content: space-between
        }

        .logo-slide .tk-product-info p.tk-original-price {
            color: #f66;
            text-shadow: 0 0 2rem #ff6666cc;
            font-size: 16px;
            display: inline-flex;
            line-height: 1.9rem;
            height: 1.8rem
        }

        .logo-slide a.tk-more-button {
            font-weight: 700;
            color: #fff;
            background-color: var(--color-primary);
            border-radius: 30px;
            font-size: 13px;
            padding: 5px 27px;
            margin-top: -2px;
            box-shadow: 0 0 20px #186923
        }

        .logo-slide.animated-package-card a.tk-more-button {
            position: relative;
            overflow: hidden;
            color: #fff !important;
            text-decoration: none;
            background: linear-gradient(90deg, #f26417, #0073fc);
            box-shadow: 0 0 18px rgba(242, 100, 23, .38);
            transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
        }

        .logo-slide.animated-package-card a.tk-more-button:hover,
        .logo-slide.animated-package-card a.tk-more-button:focus-visible {
            transform: translateY(-2px) scale(1.03);
            filter: brightness(1.08);
            box-shadow: 0 0 26px rgba(0, 115, 252, .42), 0 0 18px rgba(242, 100, 23, .35);
            outline: 0;
        }

        .logo-slide.animated-package-card a.tk-more-button::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -45%;
            width: 32%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
            transform: skewX(-18deg);
            transition: left .42s ease;
        }

        .logo-slide.animated-package-card a.tk-more-button:hover::after,
        .logo-slide.animated-package-card a.tk-more-button:focus-visible::after {
            left: 118%;
        }

        @media (prefers-reduced-motion: reduce) {
            .logo-slide.animated-package-card,
            .logo-slide.animated-package-card::before,
            .logo-slide.animated-package-card .featured-img,
            .logo-slide.animated-package-card .tk-feature-list li,
            .logo-slide.animated-package-card a.tk-more-button,
            .logo-slide.animated-package-card a.tk-more-button::after {
                transition: none;
            }

            .logo-slide.animated-package-card:hover,
            .logo-slide.animated-package-card:focus-within,
            .logo-slide.animated-package-card:hover .featured-img,
            .logo-slide.animated-package-card:focus-within .featured-img,
            .logo-slide.animated-package-card .tk-feature-list li:hover,
            .logo-slide.animated-package-card a.tk-more-button:hover,
            .logo-slide.animated-package-card a.tk-more-button:focus-visible {
                transform: none;
            }
        }

        .logo-slide .tk-product-info p.tk-discount {
            display: flex;
            margin-left: auto;
            font-weight: 700;
            color: #fff;
            background-color: #f66;
            border-radius: 30px;
            font-size: 14px;
            padding: 2px 17px;
            margin-top: -2px;
            box-shadow: 0 0 20px #ff6666cc
        }

        .test_head {
            font-size: 28px;
            font-weight: 700
        }

        .name {
            font-size: 18px;
            font-weight: 400;
            margin-bottom: 0
        }

        .position {
            font-size: 12px;
            font-weight: 600;
            color: #7a7a7a
        }

        .section-header p.address {
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 15px;
            display: block;
            margin-top: 5px
        }

        .bi.bi-star-fill {
            color: #f0ad4e;
            margin: 3px;
            font-size: 18px
        }

        .quotes {
            font-size: 19px;
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            margin-top: 10px;
            margin-bottom: 20px;
            line-height: 35px;
            color: #7a7a7a
        }

        .services {
            font-size: 18px
        }

        .featured_testimonial {
            padding-right: 80px
        }

        .testimonial_outer {
            padding: 40px 20px;
            border-bottom: 1px solid #4b4f58
        }

        .bgblack, .bggrey {
            padding: 30px 0
        }

        .featured_testimonial h1 {
            font-size: 48px;
            margin-bottom: 30px
        }

        .logos img {
            width: 100%;
            max-width: 176px
        }

        .bggrey {
            background-color: #26272b;
            background-image: linear-gradient(180deg, #000 0, #202020 100%)
        }

        .section-header h2 {
            font-size: 40px;
            font-weight: 700
        }

        .navigation-wrapper {
            position: relative;
            width: 120px;
            margin: 35px auto 0;
            background: url(/assets/img/themes/thebusinesstoolkit/assets/images/thumb.png.webp) center/25px no-repeat #00000040;
            padding: 20px 5px;
            border-radius: 50px
        }

        .swiper-button-next::after, .swiper-button-prev::after {
            font-size: 13px;
            font-weight: 700
        }

        .best_seller .logo-slide .tk-feature-list {
            margin-top: 5px;
            min-height: 165px
        }

        .best_seller .bottom.tk-line {
            display: block;
            margin-bottom: 9px
        }

        .best_seller .swiper-slide {
            width: 280px
        }

        .swiper-slide {
            will-change: transform;
            transition-duration: .5s
        }

        .logo-slide {
            transform: translateY(0);
            transition: transform .5s cubic-bezier(.01, .59, .25, 1);
            will-change: transform
        }

        .logosection.best_seller {
            background-color: #181818
        }

        .gform_wrapper input,
        .gform_wrapper select {
            border-radius: 50px;
            border: none;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right: 20px;

        }

        .gform_wrapper select,
        .gform_wrapper input:not(.ginput_container_phone input) {
            padding-left: 20px;
        }

        @media (max-width: 1024px) {
            .logos img {
                width: 100%
            }

            .featured_testimonial {
                padding: 0 20px
            }

            .quotes {
                font-size: 15px;
                line-height: 25px
            }

            .faqfull .main-title, .featured_testimonial h1, .main-title {
                font-size: 28px
            }

            .testimonial_outer {
                padding: 40px 0
            }

            iframe {
                height: 230px
            }

            .consultantform .main-title {
                font-size: 35px
            }

            .faqfull .accordion-button {
                font-size: 16px;
                line-height: 20px
            }

            .faqfull .accordion-body {
                padding: 20px;
                font-size: 14px;
                line-height: 25px
            }


            .gform_button.button {
                font-size: 18px;
                padding: 4px
            }

            .section-header h2 {
                font-weight: 700;
                margin-top: 15px;
                font-size: 27px
            }

            .social-icons li a {
                padding: 5px 9px;
                font-size: 20px
            }

            .social-icons {
                margin: 20px 0
            }

            .footer-links.contact-details {
                padding-left: 15px
            }

            .footer, p {
                font-size: 14px
            }

            .copyright span {
                display: block
            }

            .copyright a {
                border-left: none
            }

            .copyright a + a {
                border-left: 1px solid #7a7a7a
            }

            .logo-slide .tk-feature-list {
                min-height: auto
            }

            .mobbig.main-title {
                font-size: 42px;
                text-align: center
            }

            .bannersection {
                padding: 130px 30px 30px
            }
        }

        @media (max-width: 767px) {
            .bannersection .col-lg-6.col-md-6.text-center p {
                margin-top: 20px
            }

            .hidemob {
                display: none
            }

            .logos .col-lg-2 {
                width: 33.33%;
                padding: 0 10px
            }

            .test_head {
                font-size: 22px
            }

            .name {
                font-size: 15px
            }
        }

        .payment_box {
            padding: 0;
            margin: 0
        }

        .swiper-button-next:hover::after, .swiper-button-prev:hover::after {
            color: var(--primary-color)
        }

        .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
            background-color: var(--primary-color);
            border-radius: 50px
        }

        .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
            background-color: #2ca43c
        }

        .shop_table.woocommerce-checkout-review-order-table {
            border-top: none
        }

        .woocommerce form .form-row label, .woocommerce-page form .form-row label {
            display: block;
            font-weight: 700;
            font-size: 14px
        }

        .woocommerce-info {
            border-top-color: var(--primary-color);
            color: #fff
        }

        .woocommerce-info::before {
            color: var(--primary-color)
        }

        #customer_details h3:not(.elementor-widget-woocommerce-checkout-pageh3) {
            font-size: 1.2rem;
            padding: 20px 0 14px;
            margin: 0 0 20px;
            border-bottom: 1px solid #ebebeb;
            font-weight: 700
        }

        .es-load-more-button {
            border-radius: 50px
        }

        #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
            background: 0 0
        }

        @media (min-width: 1024px) {
            .tk-menu-item ul {
                padding: 0
            }

            .logosection.minlogos .tk-feature-list {
                min-height: 230px
            }
        }

        @media (min-width: 767px) {
            .woocommerce-account.page-template-default .container.outermain {
                padding-top: 140px
            }
        }

        .logo-details h3 {
            background: linear-gradient(to right, var(--primary-color), var(--primary-color-dark))
        }

        .logo-details form .input-gradient::after {
            display: none
        }

        .logo-details form .input-gradient {
            background: 0 0;
            border: none
        }

        .select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea, .woocommerce-checkout .content-area #billing_country_field span.woocommerce-input-wrapper .select2-selection.select2-selection--single {
            border: 1px solid #b4b4b4;
            padding: 10px;
            border-radius: 5px;
            background: rgba(0, 0, 0, .3);
            color: #fff
        }


        #customer_login input {
            border-radius: 50px;
            margin-top: 5px
        }

        select#company_industry option {
            background: #444
        }

        .woocommerce-account .entry-content .woocommerce h2 {
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 35px
        }

        .woocommerce-checkout .woocommerce-info {
            background: 0 0;
            border: 1px solid rgba(120, 120, 122, .34);
            border-radius: 5px
        }

        .woocommerce-checkout .col-2 {
            border: 1px solid rgba(120, 120, 122, .34);
            border-radius: 5px
        }

        .woocommerce-checkout * {
            border-color: rgba(120, 120, 122, .34)
        }

        .tk-card-holder .tk-addon-card {
            z-index: 0
        }

        .tk-card-holder .tk-addon-card label .tk-addon-cover::after {
            border-radius: 22px
        }

        .checkoutlogo img {
            border-radius: 5px
        }

        .checkoutlogo, .checkoutlogo table {
            width: 100%
        }

        .woocommerce-terms-and-conditions {
            background: rgba(0, 0, 0, .3);
            padding: 15px;
            font-size: 14px;
            color: #ccc
        }

        .woocommerce table.my_account_orders td .woocommerce-button.button.view {
            background: var(--primary-color);
            color: #fff;
            font-weight: 400;
            border-radius: 2px;
            padding: 8px 20px
        }

        .mark, mark {
            background-color: transparent;
            color: var(--primary-color)
        }

        .company-info .cd-gradient label {
            color: #fff;
            margin-bottom: 15px
        }

        .company-info .cd-gradient input {
            border-bottom: 2px solid #fff
        }

        .logo-color label, .logo-style label {
            background: #0000005c
        }

        .select2-selection.select2-selection--single {
            padding-top: 6px
        }

        .company-info #company_industry {
            background-color: #bbcabb3d;
            color: #fff;
            border: 1px solid #ccc;
            width: 60%;
            text-align: center;
            padding: 20px;
            box-shadow: 1px 2px 4px #00000087;
            border-radius: 50px;
            background-image: url(/assets/img/uploads/2022/07/arrow-icon-2.png.webp);
            background-size: 32px;
            background-position: right center
        }

        .page-id-86576 .service_main img {
            max-height: 350px;
            width: auto
        }

        .page-id-86576 .homebanner {
            text-align: center
        }

        .page-id-86576 h2 {
            margin-top: 15px;
            margin-bottom: 30px
        }

        .woocommerce-error, .woocommerce-info, .woocommerce-message {
            background-color: #00000078
        }

        .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
            background: var(--primary-color);
            color: #fff;
            font-weight: 500;
            border-radius: 50px
        }

        @media (max-width: 767px) {
            body.page-id-13.woocommerce-account, body.woocommerce-checkout {
                background: url(/assets/img/uploads/2022/07/bg-phone.jpg.webp) center/cover fixed
            }
        }

        .customreviews .ti-review-item > .ti-inner {
            border-top-width: 2px;
            border-bottom-width: 2px;
            border-left-width: 2px;
            border-right-width: 2px;
            background-color: #303030;
            backdrop-filter: blur(0);
            border-radius: 5px;
            text-align: left
        }

        .customreviews .ti-review-text {
            margin-top: 7px;
            margin-bottom: 7px
        }

        .customreviews .ti-recommendation-title {
            font-weight: 700;
            font-size: 13px;
            opacity: .8;
            position: relative;
            top: -1px
        }

        .customreviews .ti-review-header {
            padding: 15px 0 0 7px;
            position: relative
        }

        .reviews_outer .text-center {
            position: relative;
            padding: 0 19px
        }

        .customreviews .ti-profile-img {
            margin: 0 15px 0 0
        }

        .customreviews .ti-profile-details {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left;
            margin: 0;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .customreviews .ti-name {
            font-weight: 700;
            font-size: 15px;
            overflow: hidden;
            padding-right: 25px;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #fff;
            margin-bottom: 2px
        }

        .customreviews .ti-date {
            color: #fff;
            opacity: .5;
            font-size: 12px
        }

        .customreviews .ti-profile-img {
            display: inline-block;
            width: 45px;
            float: left
        }

        .customreviews .ti-profile-img img {
            border-radius: 50px
        }

        .customreviews .ti-review-text {
            text-align: left;
            font-size: 14px
        }

        .customreviews .ti-review-content {
            padding: 15px
        }

        .customreviews .swiper-container {
            overflow: hidden
        }

        .customreviews .googleReviewSlider {
            padding: 20px
        }

        .customreviews .ti-review-text {
            height: 80px;
            overflow: scroll;
            overflow-x: hidden;
            overflow-y: hidden
        }

        .reviews_outer {
            margin-bottom: 25px
        }

        .customreviews .ti-review-header::before {
            position: absolute;
            content: "";
            top: -1px;
            left: 17px;
            border: 10px solid transparent;
            border-bottom-width: 0;
            border-top-color: #303030
        }

        .customreviews .googlereviews .ti-review-content {
            background: url(/assets/img/uploads/2022/11/fb.png.webp);
            background-repeat: no-repeat;
            background-position: 96% 12px;
            background-size: 20px
        }

        .customreviews .fbreviews .ti-review-content {
            background: url(/assets/img/uploads/2022/11/gogole.png.webp);
            background-repeat: no-repeat;
            background-position: 96% 12px;
            background-size: 20px
        }

        .customreviews .swiper-button-next, .customreviews .swiper-button-prev {
            margin-top: -47px
        }

        @font-face {
            font-family: gform-icons-theme;
            src: url('../fonts/plugins/gravityforms/fonts/gform-icons-theme1bee.woff2') format('woff2');
            font-weight: 400;
            font-style: normal;
            font-display: block
        }

        .gform-icon {
            font-family: gform-icons-theme;
            speak: never;
            font-style: normal;
            font-weight: 400;
            font-feature-settings: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .gform-icon--left-arrow:before {
            content: "\e910";
            color: #2f4054
        }

        .gform-icon--right-arrow:before {
            content: "\e91b";
            color: #2f4054
        }

        .gform-icon--circle-error:before {
            content: "\e91a"
        }

        .gform-icon--info:before {
            content: "\e900"
        }

        .gform-icon--verified:before {
            content: "\e901"
        }

        .gform-icon--circle-check:before {
            content: "\e902"
        }

        .gform-icon--down-arrow:before {
            content: "\e906"
        }

        .gform-icon--format-bold:before {
            content: "\e907"
        }

        .gform-icon--insert-link:before {
            content: "\e90b"
        }

        .gform-icon--line:before {
            content: "\e90c"
        }

        .gform-icon--schedule:before {
            content: "\e911"
        }

        .gform-icon--search:before {
            content: "\e913"
        }

        .gform-icon--star:before {
            content: "\e914"
        }

        .gform-icon--star-border:before {
            content: "\e915"
        }

        .gform-icon--star-half:before {
            content: "\e916"
        }

        .gform-icon--check:before {
            content: "\e917"
        }

        .gform-icon--create:before {
            content: "\e91c"
        }

        .gform_drop_area {
            background: rgba(0, 0, 0, .02);
            border: 1px dashed #ccc;
            border-radius: 4px;
            margin-bottom: 8px;
            padding: 32px;
            text-align: center
        }

        .gform_delete, .gform_delete_file {
            cursor: pointer;
            vertical-align: middle
        }

        .gform_delete_file {
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background: 0 0;
            border: none
        }

        .gfield_validation_message ul {
            margin: 16px 0;
            padding-left: 24px
        }

        .gfield_validation_message ul:empty {
            display: none
        }

        .ginput_preview {
            margin: 16px 0
        }

        .gform_fileupload_rules {
            display: block;
            margin-top: 8px
        }

        .ginput_container_password > span {
            position: relative
        }

        .gform_show_password:focus {
            outline: 0
        }

        .gform_show_password {
            background-color: inherit;
            border: none;
            cursor: pointer;
            height: 100%;
            padding: 0;
            position: absolute;
            right: 20px;
            top: 0
        }

        .password_input_container {
            display: block;
            position: relative
        }

        ::-ms-reveal {
            display: none
        }

        .gform_validation_container, .gform_wrapper.gravity-theme .gform_validation_container, body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container, body .gform_wrapper.gravity-theme .gform_validation_container {
            display: none;
            left: -9000px;
            position: absolute
        }

        @media only screen and (max-width: 641px) {
            .gform_wrapper.gravity-theme textarea {
                line-height: 1.5
            }

            .gform_wrapper.gravity-theme li.field_sublabel_below .ginput_complex {
                margin-top: 12px
            }
        }

        .gform_wrapper.gravity-theme .gfield_visibility_hidden {
            left: -9999px;
            position: absolute;
            visibility: hidden
        }

        .gform_wrapper.gravity-theme .gf_hidden, .gform_wrapper.gravity-theme .gform_hidden {
            display: none
        }

        .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .hidden_sub_label {
            border: 0;
            clip: rect(1px, 1px, 1px, 1px);
            -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            word-wrap: normal
        }

        .gform_confirmation_wrapper.gf_confirmation_yellow_gradient {
            background-color: #fffbd2;
            border: 1px solid #e6db55;
            box-shadow: 0 0 5px rgba(221, 215, 131, .75);
            margin: 30px 0;
            position: relative
        }

        .gform_confirmation_wrapper.gf_confirmation_yellow_gradient .gform_confirmation_message {
            background: #fffce5;
            background: linear-gradient(to bottom, #fffce5 0, #fff9bf 100%);
            background-color: #fffbcc;
            border-bottom: 1px solid #e6db55;
            border-top: 2px solid #fff;
            color: #424242;
            font-size: 28px;
            margin: 0;
            max-width: 99%;
            padding: 40px
        }

        .gform_confirmation_wrapper.gf_confirmation_green_gradient {
            background-color: #f1fcdf;
            border: 1px solid #a7c37c;
            box-shadow: 0 0 5px rgba(86, 122, 86, .4);
            margin: 30px 0;
            position: relative
        }

        .gform_confirmation_wrapper.gf_confirmation_green_gradient .gform_confirmation_message {
            background: #dbf2b7;
            background: linear-gradient(to bottom, #dbf2b7 0, #b4d088 100%);
            background-color: #fffbcc;
            border-bottom: 1px solid #a7c37c;
            border-top: 2px solid #effade;
            color: #030;
            font-size: 28px;
            margin: 0;
            max-width: 99%;
            padding: 40px;
            text-shadow: #dfb 1px 1px
        }

        .gform_confirmation_wrapper.gf_confirmation_green_gradient::after, .gform_confirmation_wrapper.gf_confirmation_green_gradient::before, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::before {
            background: rgba(0, 0, 0, .2);
            bottom: 15px;
            box-shadow: 0 15px 10px rgba(0, 0, 0, .2);
            content: "";
            left: 10px;
            max-width: 40%;
            position: absolute;
            top: 80%;
            transform: rotate(-3deg);
            width: 50%;
            z-index: -1
        }

        .gform_confirmation_wrapper.gf_confirmation_green_gradient::after, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after {
            left: auto;
            right: 10px;
            transform: rotate(3deg)
        }

        .gform_wrapper.gravity-theme .gfield textarea {
            width: 100%
        }

        .gform_wrapper.gravity-theme .gfield textarea.small {
            height: 96px
        }

        .gform_wrapper.gravity-theme .gfield textarea.medium {
            height: 192px
        }

        .gform_wrapper.gravity-theme .gfield textarea.large {
            height: 288px
        }

        .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {
            max-width: 100%
        }

        .gform_wrapper.gravity-theme .gfield input.small, .gform_wrapper.gravity-theme .gfield select.small {
            width: calc(25% - 16px * 3 / 4)
        }

        .gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
            width: calc(50% - 16px / 2)
        }

        .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
            width: 100%
        }

        .gform_wrapper.gravity-theme * {
            box-sizing: border-box
        }

        .gform_wrapper.gravity-theme .gform_fields {
            display: -ms-grid;
            display: grid;
            grid-column-gap: 2%;
            -ms-grid-columns:(1fr 2%) [ 12 ];
            grid-row-gap: 16px;
            -ms-grid-columns:(1fr) [ 12 ];
            grid-template-columns:repeat(12, 1fr);
            grid-template-rows:repeat(auto-fill, auto);
            width: 100%
        }

        .gform_wrapper.gravity-theme .gfield {
            grid-column: 1/-1;
            min-width: 0
        }

        .gform_wrapper.gravity-theme .gfield.gfield--width-full {
            grid-column: span 12;
            -ms-grid-column-span: 12
        }

        .gform_wrapper.gravity-theme .gfield.gfield--width-half {
            grid-column: span 6;
            -ms-grid-column-span: 6
        }

        @media (max-width: 640px) {
            .gform_wrapper.gravity-theme .gform_fields {
                grid-column-gap: 0
            }

            .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
                grid-column: 1/-1
            }
        }

        .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-full {
            width: 100%
        }

        .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-half {
            width: 50%
        }

        .gform_wrapper.gravity-theme .left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset), .gform_wrapper.gravity-theme .right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            width: 100%
        }

        .gform_wrapper.gravity-theme .left_label .gfield_label, .gform_wrapper.gravity-theme .right_label .gfield_label {
            margin: 0;
            padding: 0;
            width: 30%
        }

        @media (--viewport-small-down) {
            .gform_wrapper.gravity-theme .left_label .gfield_label, .gform_wrapper.gravity-theme .right_label .gfield_label {
                width: 100%
            }
        }

        .gform_wrapper.gravity-theme .left_label .ginput_complex .ginput_container, .gform_wrapper.gravity-theme .right_label .ginput_complex .ginput_container {
            width: auto
        }

        .gform_wrapper.gravity-theme .left_label div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons), .gform_wrapper.gravity-theme .right_label div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons) {
            width: 70%
        }

        @media (--viewport-small-down) {
            .gform_wrapper.gravity-theme .left_label div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons), .gform_wrapper.gravity-theme .right_label div.gfield > div:not(.ui-resizable-handle):not(.gfield-admin-icons) {
                width: 100%
            }
        }

        .gform_wrapper.gravity-theme .right_label .gfield_label {
            padding-right: 1em;
            text-align: right
        }

        .gform_wrapper.gravity-theme .left_label.gform_fields, .gform_wrapper.gravity-theme .right_label.gform_fields {
            position: relative
        }

        .gform_wrapper.gravity-theme .left_label .gfield_html_formatted, .gform_wrapper.gravity-theme .right_label .gfield_html_formatted {
            margin-left: 30%
        }

        .gform_wrapper.gravity-theme .left_label #field_submit, .gform_wrapper.gravity-theme .right_label #field_submit {
            justify-content: flex-start
        }

        .gform_wrapper.gravity-theme .left_label #field_submit input, .gform_wrapper.gravity-theme .right_label #field_submit input {
            margin-left: 30%
        }

        .field_sublabel_below .ginput_complex {
            align-items: flex-start
        }

        html[dir=rtl] code, html[dir=rtl] input[type=email], html[dir=rtl] input[type=tel], html[dir=rtl] input[type=url] {
            direction: rtl
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .gfield_label {
            direction: rtl
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .gfield_required {
            margin-left: 0;
            margin-right: 4px
        }

        html[dir=rtl] ::-webkit-input-placeholder {
            text-align: right
        }

        html[dir=rtl] ::-moz-placeholder {
            text-align: right
        }

        html[dir=rtl] :-ms-input-placeholder {
            text-align: right
        }

        html[dir=rtl] :-moz-placeholder {
            text-align: right
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(:last-child), html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
            margin-left: 0;
            margin-right: 16px
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
            padding-left: 0;
            padding-right: 16px
        }

        @media (--viewport-small) {
            html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
                padding-left: 0;
                padding-right: 16px
            }

            html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_address.has_street.has_street2 span:not(.ginput_full):nth-of-type(2n+1), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_address.has_street2:not(.has_street) span:not(.ginput_full):nth-of-type(2n), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_address.has_street:not(.has_street2) span:not(.ginput_full):nth-of-type(2n), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_address:not(.has_street):not(.has_street2) span:not(.ginput_full):nth-of-type(2n+1) {
                padding-left: 16px;
                padding-right: 0
            }

            html[dir=rtl] .gform_wrapper.gravity-theme .gform_show_password {
                left: 8px;
                right: unset
            }
        }

        @media (--viewport-small-down) {
            html[dir=rtl] .gform_wrapper.gravity-theme .left_label .gfield_label {
                text-align: right
            }

            html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
                padding-right: 0
            }
        }

        .gform_wrapper .validation_message--hidden-on-empty:empty {
            display: none
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container {
            display: flex;
            height: 32px;
            margin: 8px 0 6.4px 0
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon {
            background-image: url(/assets/img/plugins/gravityforms/images/gf-creditcards.svg);
            background-repeat: no-repeat;
            height: 32px;
            margin-right: 4.8px;
            text-indent: -9000px;
            width: 40px
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_amex {
            background-position: -167px 0
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_discover {
            background-position: -221px 0
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_mastercard {
            background-position: -275px 0
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_visa {
            background-position: -59px 0
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_jcb {
            background-position: -329px 0
        }

        .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_maestro {
            background-position: -5px 0
        }

        .gform_wrapper.gravity-theme .gfield_list_group, .gform_wrapper.gravity-theme .gfield_list_header {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            margin-bottom: 8px
        }

        .gform_wrapper.gravity-theme .gfield_list_group:last-child {
            margin-bottom: 0
        }

        .gform_wrapper.gravity-theme .gfield_header_item {
            word-break: break-word
        }

        .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gfield_list_group_item {
            flex-grow: 1;
            width: 0
        }

        .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
            margin-left: 2%
        }

        .gform_wrapper.gravity-theme .gfield_list_group_item input, .gform_wrapper.gravity-theme .gfield_list_group_item select {
            width: 100%
        }

        .gform_wrapper.gravity-theme .gfield_header_item--icons, .gform_wrapper.gravity-theme .gfield_list_icons {
            align-items: center;
            display: flex;
            flex: none;
            justify-content: center;
            width: 48px
        }

        .gform_wrapper.gravity-theme .gfield_list_icons button {
            background: transparent url(/assets/img/plugins/gravityforms/images/list-add.svg);
            border: none;
            font-size: 0;
            height: 16px;
            opacity: .5;
            padding: 0;
            transition: opacity .5s ease-out;
            width: 16px
        }

        .gform_wrapper.gravity-theme .gfield_list_icons button:focus, .gform_wrapper.gravity-theme .gfield_list_icons button:hover {
            opacity: 1;
            outline: 0
        }

        .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
            background-image: url(/assets/img/plugins/gravityforms/images/list-remove.svg);
            margin-left: 5px
        }

        @media (max-width: 640px) {
            .gform_wrapper.gravity-theme .gfield_list_header {
                display: none
            }

            .gform_wrapper.gravity-theme .gfield_list_group {
                border: 1px solid rgba(0, 0, 0, .2);
                display: block;
                margin-bottom: 16px;
                padding: 16px
            }

            .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gfield_list_group_item {
                width: auto
            }

            .gform_wrapper.gravity-theme .gfield_list_group:last-child {
                margin-bottom: 0
            }

            .gform_wrapper.gravity-theme .gfield_list_group_item:not(:last-child) {
                margin-bottom: 8px
            }

            .gform_wrapper.gravity-theme .gfield_list_group_item::before {
                content: attr(data-label);
                font-size: 14.992px
            }

            .gform_wrapper.gravity-theme .gfield_list_icons {
                background-color: rgba(0, 0, 0, .1);
                line-height: 0;
                margin: 16px -16px -16px;
                padding: 12px 16px;
                text-align: left;
                width: auto
            }

            .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
                margin-left: 0
            }
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
            margin-left: 0;
            margin-right: 16px
        }

        @media (max-width: 640px) {
            html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons), html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
                margin-right: 0
            }
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
            margin-left: 0;
            margin-right: 5px
        }

        .gform_wrapper.gform_legacy_markup table.gfield_list.gfield_list_container {
            width: 100%
        }

        .gf_browser_ie.gform_wrapper.gravity-theme form {
            overflow: hidden;
            padding: 1px 1px 8px 1px
        }

        .gf_browser_ie.gform_wrapper.gravity-theme .gform-body {
            margin: 0 -32px -32px 0
        }

        .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields {
            display: flex;
            flex-wrap: wrap;
            overflow: hidden
        }

        .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield {
            background-clip: padding-box;
            border: 0 solid transparent;
            border-width: 0 32px 32px 0;
            width: 100%
        }

        .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield.gfield--width-full {
            width: 100%
        }

        .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield.gfield--width-half {
            width: 50%
        }

        @media (max-width: 840px) {
            .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield {
                width: 100%
            }
        }

        .gf_browser_ie.gform_wrapper.gravity-theme .ginput_container_address .ginput_left, .gf_browser_ie.gform_wrapper.gravity-theme .ginput_container_address .ginput_right {
            flex: 0 50%;
            flex-basis: auto;
            width: 50%
        }

        .gform_wrapper.gravity-theme .gfield_label {
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 8px;
            padding: 0
        }

        .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
            font-size: 15px;
            padding-top: 5px
        }

        .gform_wrapper.gravity-theme.left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset), .gform_wrapper.gravity-theme.right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
            justify-content: flex-start
        }

        .gform_wrapper.gravity-theme.left_label .gfield_html.gfield_html_formatted, .gform_wrapper.gravity-theme.right_label .gfield_html.gfield_html_formatted {
            display: flex
        }

        .gform_wrapper.gravity-theme.left_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container, .gform_wrapper.gravity-theme.right_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container {
            width: 100%
        }

        .gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email {
            margin-left: 0
        }

        .gform_wrapper .gform_validation_errors {
            background: #fff9f9;
            border: 1.5px solid #c02b0a;
            border-radius: 5px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .11), 0 0 4px rgba(18, 25, 97, .0405344);
            margin-bottom: 8px;
            margin-top: 8px;
            padding: 16px 16px 16px 48px;
            position: relative;
            width: 100%
        }

        .gform_wrapper .gform_validation_errors > h2 {
            color: #c02b0a;
            font-size: 13.2px;
            font-weight: 500;
            line-height: 17.6px;
            margin: 0 0 12px 0
        }

        .gform_wrapper .gform_validation_errors > h2::before {
            display: none
        }

        .gform_wrapper .gform_validation_errors > h2 .gform-icon {
            align-items: center;
            display: flex;
            font-size: 28px;
            height: 100%;
            left: 12px;
            position: absolute;
            top: 0
        }

        .gform_wrapper .gform_validation_errors > h2.hide_summary {
            margin: 0
        }

        .gform_wrapper .gform_validation_errors > ol {
            padding-left: 20px
        }

        .gform_wrapper .gform_validation_errors > ol a {
            color: #c02b0a;
            font-size: 13.2px;
            text-decoration: none
        }

        .gform_wrapper .gform_validation_errors > ol li {
            color: #c02b0a;
            font-size: 13.2px;
            list-style-type: disc;
            margin: 0 0 8px 0
        }

        .gform_wrapper .gform_validation_errors > ol li:last-of-type {
            margin-bottom: 0
        }

        .gform_wrapper .gfield_required {
            color: #c02b0a;
            display: inline-block;
            font-size: 13.008px;
            padding-left: .125em
        }

        .gform_wrapper .gfield_required .gfield_required_custom, .gform_wrapper .gfield_required .gfield_required_text {
            font-style: italic;
            font-weight: 400
        }

        .gform_wrapper .validation_error {
            border-bottom: 2px solid #c02b0a;
            border-top: 2px solid #c02b0a;
            color: #c02b0a;
            font-size: 1em;
            font-weight: 700;
            margin-bottom: 32px;
            padding: 16px;
            text-align: center
        }

        .gform_wrapper .gfield_error label, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper [aria-invalid=true] + label, .gform_wrapper label + [aria-invalid=true] {
            color: #c02b0a
        }

        .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
            background: #fff9f9;
            border: 1px solid #c02b0a;
            font-size: 14.992px;
            margin-top: 8px;
            padding: 12.992px 24px
        }

        .gform_wrapper .gfield_error [aria-invalid=true] {
            border: 1px solid #c02b0a
        }

        .gform_wrapper.gravity-theme .gform_save_link.button {
            -webkit-appearance: none;
            background-color: #fff;
            color: #6b7280;
            text-decoration: none
        }

        .gform_wrapper.gravity-theme .gform_save_link.button svg {
            display: inline-block;
            margin-right: 4px
        }

        .gform_wrapper.gravity-theme button.button:disabled {
            opacity: .6
        }

        .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
            display: flex
        }

        .gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
            align-self: flex-end
        }

        .gform_wrapper.gravity-theme #field_submit .gform_image_button, .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
            background-color: transparent;
            border: none;
            border-radius: 0;
            height: auto;
            padding: 0;
            width: auto
        }

        .gform_wrapper.gravity-theme #field_submit .gform-button--width-full, .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
            text-align: center;
            width: 100%
        }

        .gform_wrapper.gravity-theme .ginput_complex {
            display: flex;
            flex-flow: row wrap
        }

        .gform_wrapper.gravity-theme .ginput_complex span {
            flex: 1
        }

        .gform_wrapper.gravity-theme .ginput_complex .ginput_full {
            flex: 0 0 100%
        }

        .gform_wrapper.gravity-theme .ginput_complex label {
            display: block
        }

        .gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select {
            width: 100%
        }

        .gform_wrapper.gravity-theme .ginput_container_address {
            margin-left: -1%;
            margin-right: -1%
        }

        .gform_wrapper.gravity-theme .ginput_container_address span {
            flex: 0 0 50%;
            padding-left: .9804%;
            padding-right: .9804%
        }

        .gform_wrapper.gravity-theme .gf_browser_ie .ginput_container_address span:not(.ginput_full) {
            flex: 0 0 49.3%
        }

        @media (min-width: 641px) {
            .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
                padding-right: 1%
            }

            .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
                padding-left: 1%;
                padding-right: 0
            }

            .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)), .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
                margin-bottom: 8px
            }

            html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
                padding-left: 1%;
                padding-right: 0
            }

            html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
                padding-left: 0;
                padding-right: 1%
            }
        }

        @media (max-width: 640px) {
            .gform_wrapper.gravity-theme .ginput_complex span {
                flex: 0 0 100%;
                margin-bottom: 8px;
                padding-left: 0
            }

            .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span {
                padding-left: .9804%
            }
        }

        .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description {
            clear: both;
            font-family: inherit;
            font-size: 15px;
            letter-spacing: normal;
            line-height: inherit;
            padding-top: 13px;
            width: 100%
        }

        .gform_wrapper.gravity-theme .ginput_card_expiration_container {
            display: flex;
            flex-wrap: wrap
        }

        .gform_wrapper.gravity-theme .ginput_card_expiration_month {
            flex: 1;
            margin-right: 16px
        }

        .gform_wrapper.gravity-theme .ginput_card_expiration_year {
            flex: 1
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .ginput_card_expiration_month {
            margin-left: 16px;
            margin-right: 0
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .gform_card_icon {
            float: right
        }

        @media (max-width: 640px) {
            .gform_wrapper.gravity-theme .ginput_card_expiration {
                flex: none
            }

            .gform_wrapper.gravity-theme .ginput_card_expiration_month {
                margin-bottom: 8px
            }
        }

        .gform_wrapper.gravity-theme .ginput_container_date + .ginput_container_date {
            margin-left: 2%
        }

        .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"] + .ginput_container_date {
            margin-left: 0
        }

        .gform_wrapper.gravity-theme .ginput_container_date label {
            display: block
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date + .ginput_container_date {
            margin-left: 0;
            margin-right: 16px
        }

        html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"] + .ginput_container_date {
            margin-right: 0
        }

        .gform-theme-datepicker:not(.gform-legacy-datepicker) {
            background: #fff;
            border: 1px solid #d0d1d3;
            border-radius: 3px;
            box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .11), 0 0 .25rem rgba(18, 25, 97, .0405344);
            color: #607382;
            font-size: .8125rem;
            font-weight: 500;
            margin-top: 5px;
            padding: 18px 15px;
            width: auto
        }

        .gform-theme-datepicker:not(.gform-legacy-datepicker) table, .gform-theme-datepicker:not(.gform-legacy-datepicker) td, .gform-theme-datepicker:not(.gform-legacy-datepicker) tr {
            background: 0 0;
            border: 0;
            margin: 0
        }

        .gform-theme-datepicker:not(.gform-legacy-datepicker) td {
            padding: 5px;
            text-shadow: none;
            text-transform: none
        }

        .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
            margin: 6px 0 0;
            padding: 16px 0
        }

        .gform_wrapper.gravity-theme .gform_footer.left_label, .gform_wrapper.gravity-theme .gform_footer.right_label, .gform_wrapper.gravity-theme .gform_page_footer.left_label, .gform_wrapper.gravity-theme .gform_page_footer.right_label {
            padding: 16px 0 10px 30%
        }

        .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
            margin-bottom: 8px
        }

        .gform_wrapper.gravity-theme .gform_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_footer input.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer input.button:disabled {
            opacity: .6
        }

        .gform_wrapper.gravity-theme .gform_footer button + input, .gform_wrapper.gravity-theme .gform_footer input + button, .gform_wrapper.gravity-theme .gform_footer input + input, .gform_wrapper.gravity-theme .gform_page_footer button + input, .gform_wrapper.gravity-theme .gform_page_footer input + button, .gform_wrapper.gravity-theme .gform_page_footer input + input {
            margin-left: 8px
        }

        html[dir=rtl] .gform_wrapper.gravity-theme button + input, html[dir=rtl] .gform_wrapper.gravity-theme input + button, html[dir=rtl] .gform_wrapper.gravity-theme input + input {
            margin-right: 8px
        }

        .gform_wrapper.gravity-theme input[type=number] {
            display: inline-block
        }

        .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
            font-size: 15px;
            margin-bottom: 0;
            margin-top: 0;
            padding: 8px
        }

        .gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_product_price_label, .gform_wrapper.gravity-theme .ginput_quantity_label {
            font-size: 15px
        }

        .gform_wrapper.gravity-theme .ginput_container_date {
            align-content: flex-start;
            align-items: center;
            display: flex
        }

        .gform_wrapper.gravity-theme .ginput_container_date input {
            width: auto
        }

        .gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large {
            width: calc(100% - 48px)
        }

        .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
            flex-basis: min-content;
            flex-flow: row wrap;
            max-width: 30%
        }

        .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
            min-width: 84px;
            width: 100%
        }

        .gform_wrapper.gravity-theme .gform_show_password {
            align-items: center;
            background: 0 0;
            color: inherit;
            display: flex;
            height: 100%
        }

        .gform_wrapper.gravity-theme .gform_show_password:focus, .gform_wrapper.gravity-theme .gform_show_password:hover {
            background: 0 0
        }

        .gform_wrapper.gravity-theme .gfield .ginput_quantity {
            width: auto
        }

        .gform_wrapper.gravity-theme .gf_page_steps {
            border-bottom: 1px solid #e5e7eb;
            margin-bottom: 16px
        }

        .gform_wrapper.gravity-theme .gf_step {
            display: inline-block;
            margin: 8px 32px 8px 0
        }

        .gform_wrapper.gravity-theme .gf_step_label, .gform_wrapper.gravity-theme .gf_step_number {
            display: table-cell;
            vertical-align: middle
        }

        .gform_wrapper.gravity-theme .gf_step_number {
            background: 0 0;
            border: 2px solid #cfd3d9;
            border-radius: 20px;
            color: #585e6a;
            font-size: 14px;
            font-weight: 500;
            height: 40px;
            text-align: center;
            width: 40px
        }

        .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
            background: #cfd3d9;
            color: #607382
        }

        .gform_wrapper.gravity-theme .gf_step_label {
            color: inherit;
            font-size: 14px;
            font-weight: 600;
            line-height: 16px;
            padding-left: 16px
        }

        .gform_wrapper.gravity-theme .gf_step_hidden {
            display: none
        }

        .gform_wrapper.gravity-theme .ginput_product_price_wrapper {
            display: inline-block
        }

        .gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only {
            background: 0 0;
            border: none;
            padding: 0
        }

        .gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only {
            background: 0 0;
            border: none;
            padding: 0
        }

        .gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_shipping_price {
            color: #900
        }

        .gform_wrapper.gravity-theme .ginput_container_time {
            flex-basis: min-content;
            max-width: 64px;
            min-width: 64px
        }

        .gform_wrapper.gravity-theme .ginput_container_time input {
            margin-left: 0;
            margin-right: 0;
            min-width: 100%
        }


        body {
            --: #000000;
            --: #abb8c3;
            --: #ffffff;
            --: #f78da7;
            --: #cf2e2e;
            --: #ff6900;
            --: #fcb900;
            --: #7bdcb5;
            --: #00d084;
            --: #8ec0fc;
            --: #0073fc;
            --: #9b51e0;
            --: linear-gradient(135deg, rgba(0, 115, 252, 1) 0%, rgb(155, 81, 224) 100%);
            --: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
            --: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
            --: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 130, 208) 100%);
            --: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(0, 115, 252) 100%);
            --: url('#');
            --: url('#');
            --: url('#');
            --: url('#');
            --: url('#');
            --: url('#');
            --: url('#');
            --: url('#');
            --: 13px;
            --: 20px;
            --: 36px;
            --: 42px;
            --: 0.44rem;
            --: 0.67rem;
            --: 1rem;
            --: 1.5rem;
            --: 2.25rem;
            --: 3.38rem;
            --: 5.06rem
        }

        :where(.is-layout-flex) {
            gap: .5em
        }

        body .is-layout-flow > .alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em
        }

        body .is-layout-flow > .alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0
        }

        body .is-layout-flow > .aligncenter {
            margin-left: auto;
            margin-right: auto
        }

        body .is-layout-constrained > .alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em
        }

        body .is-layout-constrained > .alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0
        }

        body .is-layout-constrained > .aligncenter {
            margin-left: auto;
            margin-right: auto
        }

        body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
            max-width: var(--);
            margin-left: auto;
            margin-right: auto
        }

        body .is-layout-constrained > .alignwide {
            max-width: var(--)
        }

        body .is-layout-flex {
            display: flex
        }

        body .is-layout-flex {
            flex-wrap: wrap;
            align-items: center
        }

        body .is-layout-flex > * {
            margin: 0
        }

        :where(..is-layout-flex) {
            gap: 2em
        }

        .has-black-color {
            color: var(--)
        }

        .has-cyan-bluish-gray-color {
            color: var(--)
        }

        .has-white-color {
            color: var(--)
        }

        .has-pale-pink-color {
            color: var(--)
        }

        .has-vivid-red-color {
            color: var(--)
        }

        .has-luminous-vivid-orange-color {
            color: var(--)
        }

        .has-luminous-vivid-amber-color {
            color: var(--)
        }

        .has-light-green-cyan-color {
            color: var(--)
        }

        .has-vivid-green-cyan-color {
            color: var(--)
        }

        .has-pale-cyan-blue-color {
            color: var(--)
        }

        .has-vivid-cyan-blue-color {
            color: var(--)
        }

        .has-vivid-purple-color {
            color: var(--)
        }

        .has-black-background-color {
            background-color: var(--)
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--)
        }

        .has-white-background-color {
            background-color: var(--)
        }

        .has-pale-pink-background-color {
            background-color: var(--)
        }

        .has-vivid-red-background-color {
            background-color: var(--)
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--)
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--)
        }

        .has-light-green-cyan-background-color {
            background-color: var(--)
        }

        .has-vivid-green-cyan-background-color {
            background-color: var(--)
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--)
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--)
        }

        .has-vivid-purple-background-color {
            background-color: var(--)
        }

        .has-black-border-color {
            border-color: var(--)
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--)
        }

        .has-white-border-color {
            border-color: var(--)
        }

        .has-pale-pink-border-color {
            border-color: var(--)
        }

        .has-vivid-red-border-color {
            border-color: var(--)
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--)
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--)
        }

        .has-light-green-cyan-border-color {
            border-color: var(--)
        }

        .has-vivid-green-cyan-border-color {
            border-color: var(--)
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--)
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--)
        }

        .has-vivid-purple-border-color {
            border-color: var(--)
        }

        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--)
        }

        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
            background: var(--)
        }

        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
            background: var(--)
        }

        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
            background: var(--)
        }

        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
            background: var(--)
        }

        .has-cool-to-warm-spectrum-gradient-background {
            background: var(--)
        }

        .has-blush-light-purple-gradient-background {
            background: var(--)
        }

        .has-blush-bordeaux-gradient-background {
            background: var(--)
        }

        .has-luminous-dusk-gradient-background {
            background: var(--)
        }

        .has-pale-ocean-gradient-background {
            background: var(--)
        }

        .has-electric-grass-gradient-background {
            background: var(--)
        }

        .has-midnight-gradient-background {
            background: var(--)
        }

        .has-small-font-size {
            font-size: var(--)
        }

        .has-medium-font-size {
            font-size: var(--)
        }

        .has-large-font-size {
            font-size: var(--)
        }

        .has-x-large-font-size {
            font-size: var(--)
        }

        . a:where(:not(.)) {
            color: inherit
        }

        :where(..is-layout-flex) {
            gap: 2em
        }

        . {
            font-size: 1.5em;
            line-height: 1.6
        }

        .infinite-scroll .woocommerce-pagination {
            display: none
        }

        .woocommerce form .form-row .required {
            visibility: visible
        }

        img#wpstats {
            display: none
        }

        .recentcomments a {
            display: inline;
            padding: 0;
            margin: 0
        }

        .gform_wrapper.gravity-theme .gfield_description.validation_message {
            background: 0 0;
            padding: 0;
            border: none
        }

        span.gfield_required.gfield_required_text {
            display: none
        }

        .wc_payment_methods.payment_methods.methods .woocommerce-info::before {
            left: -25px
        }

        div#step-1 {
            padding-top: 150px;
            margin-top: -150px
        }

        .logo-details #UseyourDrive * {
            color: #fff
        }

        .logo-details #UseyourDrive {
            border: 1px solid;
            border-radius: 3px
        }

        .logo-details .fileupload-table-row {
            border-top: 1px solid rgba(120, 120, 122, .34);
            border-radius: 0
        }

        .row.mt-4.mb-2 {
            margin-top: 80px;
            margin-bottom: 50px
        }

        .gform_fileupload_rules {
            margin-top: 0;
            font-size: 12px
        }

        .error {
            color: red
        }

        .caps-title {
            text-transform: uppercase;
            font-weight: 700;
            color: var(--primary-color)
        }

        .gform_wrapper.gravity-theme .gfield input.large {
            background: #fff;
            color: #000
        }

        .gform_wrapper.gravity-theme .gfield textarea {
            border-radius: 20px;
            border: none;
            padding: 20px;
            max-height: 100px
        }

        #toolkit-mob-header .fa-phone::before {
            content: "\f095";
            color: #fff
        }

        #company_name {
            color: #fff;
            padding: 10px
        }

        .gfield_select {
            color: #000
        }

        .shop_table.woocommerce-checkout-review-order-table tfoot tr + tr + tr:not(.showt) {
            display: none
        }

        .subscription-Details {
            font-size: 12px;
            display: block;
            font-weight: 500;
            width: 190px
        }

        .has-tooltip .tooltip-top {
            position: absolute;
            opacity: 0;
            transition: opacity .3s ease-in-out 0s;
            pointer-events: none;
            width: 100%;
            max-width: 300px;
            font-size: 11px;
            bottom: 110%;
            line-height: 15px;
            background: #000;
            box-shadow: 0 0 10px rgba(0, 0, 0, .5);
            border-radius: 5px;
            padding: 10px;
            display: block;
            left: 0
        }

        .tooltip-hover {
            background: #000;
            border-radius: 50px;
            font-family: "Montserrat", sans-serif;
            font-size: 13px
        }

        @media (min-width: 768px) {
            .hide_desk {
                display: none
            }
        }

        .project-details-breadcrumbs.checkout-container.logo span.complete {
            background: var(--primary-color);
            box-shadow: 0 0 2rem var(--primary-color);
            border-color: var(--primary-color)
        }

        .project-details-breadcrumbs.checkout-container.logo {
            display: flex;
            justify-content: space-between
        }

        .project-details-breadcrumbs.checkout-container.logo a {
            position: relative
        }

        .project-details-breadcrumbs.checkout-container.logo a:last-child::after {
            display: none
        }

        .project-details-breadcrumbs.checkout-container.logo {
            margin-top: 15px;
            margin-bottom: 15px
        }

        .project-details-breadcrumbs.checkout-container.logo a.nowidth {
            width: auto
        }

        .project-details-breadcrumbs.checkout-container.logo::before {
            content: "";
            position: absolute;
            width: 100%;
            border-bottom: 2px solid #ccc;
            top: 15px
        }

        .page-template-default .content-area {
            padding-bottom: 50px
        }

        .project-details-breadcrumbs.checkout-container.logo {
            position: relative
        }

        .project-details-breadcrumbs.checkout-container.logo span {
            width: 30px;
            display: inline-block;
            height: 30px;
            text-align: center;
            padding-top: 2px;
            border: 1px solid #ccc;
            border-radius: 4px;
            background: #26272b
        }

        #menu-item-36518 > a {
            display: none
        }

        #gform_submit_button_1, #gform_submit_button_3 {
            max-width: 250px
        }

        .company-info .cd-gradient input#company_name {
            color: #fff
        }

        .panel__content {
            padding: 15px 0 0 20px
        }

        #payment .select2-selection.select2-selection--single {
            padding: 0 0 0 10px
        }

        .woocommerce-checkout #payment div.payment_box::before {
            display: none
        }

        #post-27264 .entry-content table td h3, #post-29089 .entry-content table td h3, #post-788 .entry-content table td h3 {
            font-weight: 600;
            text-transform: uppercase;
            font-family: inherit;
            font-size: 22px;
            line-height: 45px;
            margin: 0
        }

        #post-27264 .entry-content table td a, #post-29089 .entry-content table td a, #post-788 .entry-content table td a {
            background: var(--primary-color);
            color: #fff;
            padding: 6px 40px;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 700
        }

        #post-27264 .entry-content table td, #post-29089 .entry-content table td, #post-788 .entry-content table td {
            border: 1px solid #cccccc3d;
            padding: 10px 20px
        }

        #post-27264 *, #post-29089 *, #post-788 * {
            text-align: center;
            margin-left: auto;
            margin-right: auto
        }

        #post-29089 h2 {
            font-weight: 700;
            color: var(--primary-color);
            margin-top: 50px;
            margin-bottom: 20px
        }

        .datepicker {
            width: 100%
        }

        body.page-template-default p {
            color: #bfbcbc
        }

        @media (max-width: 767px) {

            .tk-more-info-text span {
                font-size: 13px;
                line-height: 16px;
                margin-top: -10px
            }

            #post-27264 .entry-content table td h3, #post-29089 .entry-content table td h3, #post-788 .entry-content table td h3 {
                font-size: 13px;
                line-height: 25px
            }

            #post-27264 .entry-content table td a, #post-29089 .entry-content table td a, #post-788 .entry-content table td a {
                padding: 2px 30px;
                font-size: 15px
            }

            .page-id-27264 .container.outermain, .page-id-29089 .container.outermain, .page-id-788 .container.outermain {
                padding-top: 90px;
                padding-bottom: 40px
            }

            .page-id-34776 .service_desc h1 {
                font-size: 29px;
                line-height: 38px
            }


            .text-underline {
                display: block;
                font-size: 13px;
                margin-left: 30px;
                text-transform: capitalize
            }

            .checkoutlogo {
                margin-top: 40px;
                margin-bottom: 40px
            }

            .checkoutlogo img {
                padding: 4px;
                border-radius: 10px
            }

            .copyright a {
                margin: 0
            }

            .testimonial_outer .section-header.details {
                padding-top: 0
            }

            .testimonial_outer .col-lg-6.col-md-6 {
                margin-top: 0
            }

            .tk-card-holder .tk-addon-card .tk-ch-more-info {
                top: 164px;
                right: -5px;
                height: 50px;
                width: 50px
            }
        }

        @media (max-width: 400px) {
            .tk-card-holder .tk-addon-card .tk-ch-more-info {
                top: 222px;
                right: 90px;
                height: 50px;
                width: 50px
            }
        }

        select {
            -webkit-appearance: none
        }

        .ginput_container.ginput_container_select {
            position: relative
        }

        .ginput_container.ginput_container_select:before {
            content: "\f078";
            position: absolute;
            color: #fff;
            right: 19px;
            top: 6px;
            font-family: FontAwesome
        }

        #gform_wrapper_2 .ginput_container.ginput_container_select:before, #gform_wrapper_4 .ginput_container.ginput_container_select:before {
            color: #000
        }

        .ortext {
            text-align: center;
            margin-bottom: 21px;
            position: relative
        }

        .ortext::before {
            content: "";
            position: absolute;
            left: 0;
            width: 44%;
            border-bottom: 1px solid #cccccc59;
            top: 11px
        }

        .ortext::after {
            content: "";
            position: absolute;
            right: 0;
            width: 44%;
            border-bottom: 1px solid #cccccc59;
            top: 11px
        }


        p#email.error:after {
            content: "Please enter a valid email.";
            font-size: 13px;
            margin-left: 15px;
            margin-top: 7px;
            color: #da4649
        }

        p#password.error:after {
            content: "Password should be at least 6 characters";
            font-size: 13px;
            margin-left: 15px;
            margin-top: 7px;
            color: #da4649
        }

        p#phone.error:after {
            content: "Please enter a valid Phone.";
            font-size: 13px;
            margin-left: 15px;
            margin-top: 7px;
            color: #da4649
        }

        .text-underline {
            display: block;
            font-size: 13px;
            text-transform: capitalize
        }

        .subscription-Details.has-tooltip {
            font-size: 12px;
            display: block;
            max-width: 110px
        }

        .page-id-86576 .service_main img {
            max-height: 450px;
            width: auto
        }

        .project-details-steps option {
            background: #2b2e30;
            color: #fff;
            font-family: "Montserrat", sans-serif
        }

        .selectarrow::before {
            content: "\f078";
            font-family: FontAwesome;
            position: absolute;
            right: 0;
            color: #fff;
            top: 14px;
            right: 10px
        }

        #gform_confirmation_message_3 {
            text-align: center
        }

        .dashicons-trash::before {
            content: "\f182";
            color: red
        }

        #gform_drag_drop_area_3_12 {
            border-radius: 20px
        }

        #gform_browse_button_3_12 {
            background: var(--primary-color);
            border: none;
            color: #fff;
            padding: 5px 20px;
            border-radius: 50px
        }

        .gform_button.button {
            font-style: normal
        }

        .woocommerce-error li {
            color: #fff
        }

        .order-again {
            display: none
        }


        .user-role-staff .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--subscriptions {
            display: none
        }

        .user-role-staff #gform_submit_button_5, .user-role-staff #gform_submit_button_6 {
            padding: 18px
        }

        .user-role-staff .woocommerce-MyAccount-content p + p {
            display: none
        }

        .translatepress-es_MX .logo-slide .tk-feature-list {
            font-size: 11px;
            line-height: 23px
        }

        .translatepress-es_MX .ti-widget[data-pid=d916601507ba2308db51d37703] {
            display: none
        }

        .translatepress-es_MX div#toolkit-mob-header .tk-desktop-menu .tk-menu-item a {
            font-size: 15.5px
        }

        .translatepress-es_MX div#toolkit-mob-header .tk-desktop-menu .tk-menu-item .menu-link > ul.sub-menu > li > a {
            font-size: 14px
        }

        .translatepress-es_MX .tk-menu-dropdown .sub-menu .sub-menu a {
            font-size: 11.5px
        }

        .translatepress-es_MX .logo-slide .tk-product-info .tk-title {
            font-size: 15px;
            margin-bottom: 5px
        }

        .translatepress-es_MX .logo-slide .tk-static-container {
            min-height: 266px
        }

        .translatepress-es_MX .logo-slide .tk-feature-list {
            min-height: 210px
        }

        @media (min-width: 767px) {
            .logo-addons .tk-addon-card:nth-child(7) {
                display: none
            }

            .translatepress-es_MX .logosection.minlogos .tk-feature-list {
                min-height: 280px
            }

            .translatepress-es_MX .main-title {
                font-size: 41px
            }

            .translatepress-es_MX .consultantform .main-title {
                font-size: 41px
            }
        }

        @media (max-width: 767px) {
            .page-id-498 .container.outermain {
                padding-top: 45px
            }

            #startbtn-mobile {
                padding: 0 20px
            }

            .bannersection .col-lg-6.col-md-6.text-center p {
                margin-top: 20px
            }

            .home .bannersection {
                padding: 130px 30px 30px
            }

            .translatepress-es_MX .tk-menu-l-wrap ul.sub-menu li a {
                font-size: 14px;
                font-weight: 600;
                margin-left: 20px
            }

            .translatepress-es_MX .tk-menu-l-wrap ul.sub-menu li ul.sub-menu li a {
                font-size: 11px
            }

            .translatepress-es_MX .tk-expand {
                margin-top: 7px
            }
        }

        .woocommerce-checkout .content-area {
            min-height: 100vh
        }

        .col-lg-4.blog-section h5 {
            min-height: 73px
        }

        .tk-more-info-text.tk-show-more span {
            font-size: 13px;
            line-height: 13px;
            margin: 0;
            display: block
        }

        @media (min-width: 428px) and (max-width: 767px) {
            .logo-addons .tk-card-holder .tk-addon-card {
                height: 300px
            }

            .logo-addons .tk-card-holder .tk-addon-card label .tk-addon-caption .tk-cta {
                position: unset;
                text-align: center
            }

            .logo-addons .tk-addon-card.tk-cta {
                position: unset;
                text-align: center;
                margin-top: 20px;
                display: block
            }

            .logo-addons .tk-title {
                min-height: 40px;
                display: block
            }

            .logo-addons .tk-more-info-text.tk-show-more span {
                font-size: 11px;
                line-height: 12px;
                margin-top: -10px
            }
        }

        .row-logo-styles .col.col-md-4.col-sm-4.col-6.logo-style {
            text-align: center
        }

        .project-details-steps .logo-style label img {
            width: auto
        }

        .company-info #company_industry, select#company_industry option {
            text-align: -webkit-center
        }

        #tidio-chat.open {
            position: absolute;
            z-index: 1
        }

        @media all and (min-width: 810px) and (max-width: 1200px) {
            .logo-slide a.tk-more-button {
                font-size: 11px;
                padding: 3px 12px;
                height: 23px
            }

            div#toolkit-mob-header .tk-desktop-menu .tk-menu-item a {
                font-size: 15px
            }

            .tk-desktop-menu {
                margin-left: 5px
            }

            div#toolkit-mob-header .tk-call a span {
                font-size: 17px
            }
        }

        body .woocommerce-checkout #payment ul.payment_methods {
            border-radius: 7px;
            border: 1px solid rgba(120, 120, 122, .34);
            padding: 0
        }

        .wc_payment_methods.payment_methods.methods li {
            padding: 10px 20px
        }

        .accordion-body ul li {
            color: #bfbcbc
        }

        .footer-language .trp-language-switcher .trp-ls-shortcode-current-language {
            display: none
        }

        .footer-language .trp-language-switcher > div > a:hover {
            background: #000;
            color: #fff
        }

        .footer-language .trp-language-switcher:focus .trp-ls-shortcode-language, .footer-language .trp-language-switcher:hover .trp-ls-shortcode-language {
            position: unset
        }

        .footer-language .trp-language-switcher .trp-ls-shortcode-language {
            height: auto;
            overflow: visible;
            display: block;
            visibility: visible;
            background: 0 0;
            border: none;
            width: 200px;
            padding: 0
        }

        .footer-language .trp-ls-shortcode-language * {
            border-radius: 0
        }

        .footer-language .trp-language-switcher .trp-ls-shortcode-language a {
            color: var(--primary-color);
            display: inline-block;
            margin-left: 5px;
            padding-left: 16px
        }

        .footer-language .trp_language_switcher_shortcode {
            display: inline-block
        }

        .footer-language .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
            color: #fff
        }

        @media (min-width: 767px) {
            .twentytwenty-container.twenty20-1.t20-hover {
                min-height: 380px
            }

            .footer-language .trp-language-switcher .trp-ls-shortcode-language {
                text-align: left
            }
        }

        @media (max-width: 767px) {
            .testimonial_outer .row.align-items-center.gy-4 {
                --bs-gutter-y: 0;
                margin-bottom: 30px
            }

            .twentytwenty-container.twenty20-1.t20-hover {
                min-height: 250px
            }
        }

        .ti-review-text {
            overflow-x: hidden
        }

        .theblog .cat {
            height: 220px;
            margin-bottom: 20px;
            background-size: cover
        }

        .theblog h5 a {
            color: #fff;
            font-weight: 700
        }

        .theblog .cat span {
            display: inline-block;
            background: var(--primary-color);
            padding: 3px 15px;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 15px;
            font-size: 14px;
            color: #fff
        }

        #startbtn-desktop, #startbtn-desktops, #startbtn-mobile, #startbtn-mobiles {
            cursor: pointer;
            height: 55px;
            line-height: 55px;
            font-size: 18px;
            font-weight: 700;
            fill: #fff;
            color: #fff;
            background-color: var(--primary-color);
            margin: 0
        }

        .bgplaingrey {
            background: #131313
        }

        .bggrey.logos {
            background: #181818
        }

        #front-page-searchbox .bi.bi-search {
            display: inline-block;
            position: absolute;
            top: 15px;
            font-size: 15px;
            left: -5px
        }

        #front-page-searchbox .bi-arrow-right-short::before {
            content: "\f135";
            font-size: 28px;
            line-height: 0;
            display: inline-block;
            position: absolute;
            margin-top: 28px
        }

        #front-page-searchbox {
            font-family: Montserrat, Sans-serif;
            border-radius: 30px;
            display: inline-block;
            border: 2px solid #ffffff21;
            background: #000;
            color: #fff
        }

        #front-page-searchbox .searchbox {
            display: inline-block;
            padding: 0;
            margin: 0;
            position: relative;
            width: 300px
        }

        #front-page-searchbox .fas {
            width: 16px
        }

        #front-page-searchbox .fa-search {
            position: absolute;
            left: 10px;
            top: 19px;
            bottom: 0;
            width: 16px
        }

        #front-page-searchbox .fa-times {
            position: absolute;
            right: 10px;
            top: 19px;
            bottom: 0;
            width: 16px;
            cursor: pointer
        }

        #front-page-searchbox .searchbox input {
            box-sizing: border-box;
            width: 100%;
            line-height: 50px;
            background: 0 0;
            color: #fff;
            border: none;
            outline: 0;
            font-weight: 700;
            font-size: 16px;
            padding: 0 15px 0 40px
        }

        #startbtn-desktop, #startbtn-mobile {
            border: 0;
            padding: 0 50px 0 30px;
            border-left: 2px solid #ffffff21;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px
        }

        #startbtn-desktop:hover, #startbtn-mobile:hover {
            background-color: #1e852c
        }

        #front-page-dropdown {
            background: #000;
            color: #fff;
            display: none;
            position: absolute;
            top: 40px;
            left: -2px;
            right: -2px;
            text-align: left;
            border: 2px solid #ffffff21;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px
        }

        #front-page-dropdown ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #front-page-dropdown ul li a {
            display: block;
            padding: 10px;
            font-weight: 700;
            color: #fff;
            text-decoration: none
        }

        #front-page-dropdown ul li + li.seeall a {
            border-top: 2px solid #ffffff21
        }

        #front-page-searchbox.dropdown-visible {
            border-bottom-left-radius: 0
        }

        #front-page-searchbox.dropdown-visible #front-page-dropdown {
            display: block
        }

        #startbtn-mobile, #startbtn-mobiles {
            display: none
        }

        @media (max-width: 1024px) {
            #front-page-searchbox, #front-page-searchbox .searchbox {
                width: 100%
            }

            #startbtn-desktop {
                display: none
            }

            #startbtn-mobile {
                line-height: 50px;
                height: 50px;
                margin-top: 15px;
                width: 100%;
                border-radius: 30px;
                display: block
            }

            #front-page-searchbox.dropdown-visible {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }
        }

        @media (min-width: 810px) and (max-width: 1200px) {
            #startbtn-desktop, #startbtn-mobile {
                padding: 0 20px 0 10px
            }

            #front-page-searchbox .searchbox {
                width: 280px
            }

            .consultantform h1.main-title,
            .consultantform h2.main-title {
                font-size: 40px
            }
        }

        .col-lg-6.col-md-6.text-center.logosera * {
            border-color: #ffffff21
        }

        #startbtn-desktops, #startbtn-mobiles {
            border: 0;
            padding: 18px 50px 17px 30px;
            border-left: 2px solid #ffffff21;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px
        }

        @media (max-width: 1200px) {
            #startbtn-desktops {
                display: none
            }

            #startbtn-mobiles {
                cursor: pointer;
                font-size: 18px;
                font-weight: 700;
                fill: #fff;
                color: #fff;
                background-color: var(--primary-color);
                border: 0;
                padding: 9px 50px 8px;
                margin: 13px 0 0;
                border-radius: 30px;
                width: 100%;
                display: block;
                line-height: 28px;
                height: auto
            }
        }

        .kevin {
            width: 150px;
            border: 7px solid var(--primary-color);
            border-radius: 50%;
            margin-right: 35px
        }

        @media (max-width: 1024px) {
            .kevintest iframe {
                height: 400px
            }

            .kevin {
                width: 110px
            }

            .kevintest td h1 {
                font-size: 20px
            }

            .kevintest table {
                margin: 0 auto;
                border-bottom: 1px solid #cccccc42
            }

            .kevintest table td {
                padding-bottom: 15px
            }
        }

        .bgblack.customreviews .text-center {
            position: relative;
            padding: 8px 20px
        }

        .theblog .cat {
            background-position: center center;
            background-size: cover
        }

        .theblog .cat span {
            display: inline-block;
            background: var(--primary-color);
            padding: 3px 15px;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 15px;
            font-size: 14px;
            color: #fff
        }

        .theblog .cat {
            height: 220px;
            margin-bottom: 20px;
            background-size: cover
        }

        .theblog .date {
            color: #ccc;
            font-size: 12px;
            margin-top: 15px
        }

        .theblog h5 {
            font-weight: 700
        }

        .theblog.light.first_section {
            padding-bottom: 60px
        }

        .theblog h5 a {
            color: #fff
        }

        .blog-section h5 {
            min-height: 72px
        }

        .theblog.light.first_section {
            padding-bottom: 60px;
            padding-top: 40px
        }

        @media (max-width: 767px) {
            .homebanner {
                min-height: calc(100vw - 80px - var(--bs-gutter-x) + 1rem);
            }
        }

        #toolkit-mob-header #search-results li.result a {
            color: #fff;
            font-size: 1rem;
            font-weight: 300;
            margin-bottom: 10px;
            display: inline-flex;
            border: 1px solid #ffffff7d;
            padding: 0.3rem 1rem;
            border-radius: 1rem;
        }


        /*! This file is auto-generated */
        . {
            color: #fff;
            background-color: #32373c;
            border-radius: 9999px;
            box-shadow: none;
            text-decoration: none;
            padding: calc(.667em + 2px) calc(1.333em + 2px);
            font-size: 1.125em
        }

        .twenty20 {
            margin-bottom: 20px
        }

        .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
            content: " ";
            display: block;
            background: #fff;
            position: absolute;
            z-index: 30;
            -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
            -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
            box-shadow: 0 0 12px rgba(51, 51, 51, .5)
        }

        .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
            width: 9999px;
            height: 3px;
            top: 50%;
            margin-top: -1.5px
        }

        .twentytwenty-overlay {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%
        }

        .twentytwenty-overlay {
            -webkit-transition-duration: .5s;
            -moz-transition-duration: .5s;
            transition-duration: .5s
        }

        .twentytwenty-after-label, .twentytwenty-before-label {
            -webkit-transition-property: opacity;
            -moz-transition-property: opacity;
            transition-property: opacity
        }

        .twentytwenty-after-label, .twentytwenty-before-label {
            color: #fff;
            font-size: 13px;
            letter-spacing: .1em
        }

        .twentytwenty-after-label, .twentytwenty-before-label {
            position: absolute;
            background: rgba(255, 255, 255, .2);
            line-height: 38px;
            padding: 0 20px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px
        }

        .twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow {
            width: 0;
            height: 0;
            border: 6px inset transparent;
            position: absolute
        }

        .twentytwenty-left-arrow, .twentytwenty-right-arrow {
            top: 50%;
            margin-top: -6px
        }

        .twentytwenty-down-arrow, .twentytwenty-up-arrow {
            left: 50%;
            margin-left: -6px
        }

        .twentytwenty-container {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            z-index: 0;
            overflow: hidden;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none
        }

        .twentytwenty-container img {
            max-width: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            display: block
        }

        .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
            background: rgba(0, 0, 0, 0)
        }

        .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
            opacity: 0
        }

        .twentytwenty-container * {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box
        }

        .twentytwenty-before-label {
            opacity: 0
        }

        .twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-before-label {
            opacity: 1
        }

        .twentytwenty-after-label {
            opacity: 0
        }

        .twentytwenty-vertical .twentytwenty-before-label {
            top: 1px;
            line-height: inherit;
            padding: 6px;
            box-sizing: border-box
        }

        .twentytwenty-vertical .twentytwenty-after-label {
            bottom: 1px;
            line-height: inherit;
            padding: 6px;
            box-sizing: border-box
        }

        .twentytwenty-overlay {
            -webkit-transition-property: background;
            -moz-transition-property: background;
            transition-property: background;
            background: rgba(0, 0, 0, 0);
            z-index: 25
        }

        .twentytwenty-overlay:hover {
            background: rgba(0, 0, 0, .5)
        }

        .twentytwenty-overlay:hover .twentytwenty-after-label {
            opacity: 1
        }

        .twentytwenty-overlay:hover .twentytwenty-before-label {
            opacity: 1
        }

        .twentytwenty-before {
            z-index: 20
        }

        .twentytwenty-after {
            z-index: 10
        }

        .twentytwenty-handle {
            height: 38px;
            width: 38px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -22px;
            margin-top: -22px;
            border: 3px solid #fff;
            -webkit-border-radius: 1000px;
            -moz-border-radius: 1000px;
            border-radius: 1000px;
            -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
            -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
            box-shadow: 0 0 12px rgba(51, 51, 51, .5);
            z-index: 40;
            cursor: pointer
        }

        .twentytwenty-vertical .twentytwenty-handle:before {
            left: 50%;
            margin-left: 22px;
            -webkit-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
            -moz-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
            box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
        }

        .twentytwenty-vertical .twentytwenty-handle:after {
            right: 50%;
            margin-right: 22px;
            -webkit-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
            -moz-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
            box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
        }

        .twentytwenty-left-arrow {
            border-right: 6px solid #fff;
            left: 50%;
            margin-left: -17px
        }

        .twentytwenty-right-arrow {
            border-left: 6px solid #fff;
            right: 50%;
            margin-right: -17px
        }

        .twentytwenty-up-arrow {
            border-bottom: 6px solid #fff;
            top: 50%;
            margin-top: -17px
        }

        .twentytwenty-down-arrow {
            border-top: 6px solid #fff;
            bottom: 50%;
            margin-bottom: -17px
        }

        .maintitle, .serv_title {
            letter-spacing: .5px;
            font-weight: 500
        }

        .slider-track, .slider-wrapper {
            gap: 10px;
            display: flex
        }

        .slider-track, .sliderinfinite[data-direction=left] .slider-track {
            animation: 50s linear infinite scroll-left
        }

        .bgblack.logosection.third.light .tk-feature-list a, .customreviews a, .feature-item-content .pricing-body ul li a, .our-feature-box .button.themebutton a, .price .disc, .theblog h5 a {
            color: #fff
        }

        .bgblack, .bgblack.customreviews, .consultantform, main .bannersection, main .bgblack, main section {
            background: 0 0
        }

        .innercontainer .button, .light .tk-title, .lightbox-data .cat, .lightbox-data h3, .listservices .cat, .maintitle.caps, .switch::after, .switch::before, .text-left.sub, .tk-feature-list, .tk-title {
            text-transform: uppercase
        }

        #startbtn-desktop, #startbtn-desktops, #startbtn-mobile, #startbtn-mobiles {
            cursor: pointer;
            height: 55px;
            line-height: 55px;
            font-size: 18px;
            font-weight: 700;
            fill: #FFFFFF;
            color: #fff;
            background-color: var(--primary-color);
            margin: 0
        }

        .bgplaingrey {
            background: #131313
        }

        #front-page-searchbox .bi.bi-search {
            display: inline-block;
            position: absolute;
            top: 15px;
            font-size: 15px;
            left: -5px
        }

        #front-page-searchbox .bi-arrow-right-short::before {
            content: "\f135";
            font-size: 28px;
            line-height: 0;
            display: inline-block;
            position: absolute;
            margin-top: 28px
        }

        #front-page-searchbox {
            font-family: Montserrat, Sans-serif;
            border-radius: 30px;
            display: inline-block;
            border: 2px solid #ffffff21;
            background: #000;
            color: #fff
        }

        #front-page-searchbox .searchbox {
            display: inline-block;
            padding: 0;
            margin: 0;
            position: relative;
            width: 300px
        }

        #front-page-searchbox .fas {
            width: 16px
        }

        #front-page-searchbox .fa-search {
            position: absolute;
            left: 10px;
            top: 19px;
            bottom: 0;
            width: 16px
        }

        #front-page-searchbox .fa-times {
            position: absolute;
            right: 10px;
            top: 19px;
            bottom: 0;
            width: 16px;
            cursor: pointer
        }

        #front-page-searchbox .searchbox input {
            box-sizing: border-box;
            width: 100%;
            line-height: 50px;
            background: 0 0;
            color: #fff;
            border: none;
            outline: 0;
            font-weight: 500;
            font-size: 14px;
            padding: 0 15px 0 20px
        }

        #startbtn-desktop, #startbtn-mobile {
            border: 0;
            padding: 0 50px 0 30px;
            border-left: 2px solid #ffffff21;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px
        }

        #startbtn-desktop:hover, #startbtn-mobile:hover {
            background-color: #1e852c
        }

        #front-page-dropdown {
            background: #000;
            color: #fff;
            display: none;
            position: absolute;
            top: 40px;
            left: -2px;
            right: -2px;
            text-align: left;
            border: 2px solid #ffffff21;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px
        }

        #front-page-dropdown ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

        #front-page-dropdown ul li a {
            display: block;
            padding: 10px;
            font-weight: 700;
            color: #fff;
            text-decoration: none
        }

        #front-page-dropdown ul li + li.seeall a {
            border-top: 2px solid #ffffff21
        }

        #front-page-searchbox.dropdown-visible {
            border-bottom-left-radius: 0
        }

        #front-page-searchbox.dropdown-visible #front-page-dropdown {
            display: block
        }

        #startbtn-mobile, #startbtn-mobiles, .billing-toggle input[type=radio], .hidedark .darkmode, .hidelight .lightmode {
            display: none
        }

        @media (max-width: 1024px) {
            #front-page-searchbox, #front-page-searchbox .searchbox {
                width: 100%
            }

            #startbtn-desktop {
                display: none
            }

            #startbtn-mobile {
                line-height: 50px;
                height: 50px;
                margin-top: 15px;
                width: 100%;
                border-radius: 30px;
                display: block
            }

            #front-page-searchbox.dropdown-visible {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }
        }

        @media (min-width: 810px) and (max-width: 1200px) {
            #startbtn-desktop, #startbtn-mobile {
                padding: 0 20px 0 10px
            }

            #front-page-searchbox .searchbox {
                width: 280px
            }

            .consultantform h1.main-title,
            .consultantform h2.main-title {
                font-size: 40px
            }
        }

        .col-lg-6.col-md-6.text-center.logosera * {
            border-color: #ffffff21
        }

        #startbtn-desktops, #startbtn-mobiles {
            border: 0;
            padding: 17px 20px;
            border-left: 2px solid #ffffff21;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px
        }

        @media (max-width: 1200px) {
            #startbtn-desktops {
                display: none
            }

            #startbtn-mobiles {
                cursor: pointer;
                font-size: 18px;
                font-weight: 700;
                fill: #FFFFFF;
                color: #fff;
                background-color: var(--primary-color);
                border: 0;
                padding: 9px 50px 8px;
                margin: 13px 0 0;
                border-radius: 30px;
                width: 100%;
                display: block;
                line-height: 28px;
                height: auto
            }
        }

        .kevin {
            width: 150px;
            border: 7px solid var(--primary-color);
            border-radius: 50%;
            margin-right: 35px
        }

        @media (max-width: 1024px) {
            .bggrey.formtest {
                text-align: center
            }

            .kevintest iframe {
                height: 400px
            }

            .kevin {
                width: 95px
            }

            .kevintest td h1 {
                font-size: 20px
            }

            .kevintest table {
                margin: 0 auto;
                border-bottom: 1px solid #cccccc42
            }

            .kevintest table td {
                padding-bottom: 15px
            }
        }

        .bgblack.customreviews .text-center {
            position: relative;
            padding: 8px 20px
        }

        .theblog .cat {
            background-position: center center;
            background-size: cover;
            height: 220px;
            margin-bottom: 20px
        }

        .theblog .cat span {
            display: inline-block;
            background: var(--primary-color);
            padding: 3px 15px;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 15px;
            font-size: 14px;
            color: #fff
        }

        .theblog .date {
            color: #ccc;
            font-size: 12px;
            margin-top: 15px
        }

        .theblog h5 {
            font-weight: 700
        }

        .blog-section h5 {
            min-height: 72px
        }

        .theblog.light.first_section {
            padding-bottom: 60px;
            padding-top: 40px
        }

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

        .switch input {
            opacity: 0;
            width: 0;
            height: 0
        }

        .sliderbtn {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s
        }

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

        .switch input:checked + .sliderbtn {
            background-color: var(--primary-color)
        }

        .switch input:focus + .sliderbtn {
            box-shadow: 0 0 1px var(--primary-color)
        }

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

        .sliderbtn.round {
            border-radius: 34px
        }

        .sliderbtn.round:before {
            border-radius: 50%
        }

        .switch::before {
            content: "Light Mode";
            color: #fff;
            left: -110px;
            position: absolute;
            margin-top: 5px
        }

        .switch::after {
            content: "Dark Mode";
            color: #fff;
            right: -110px;
            position: absolute;
            margin-top: 5px
        }

        .content.videos.hidedark .switch::after, .content.videos.hidelight .switch::before {
            color: #ffffff6b
        }

        .mobspace {
            margin-top: 25px
        }

        @media (min-width: 767px) {
            .hidedesk {
                display: none
            }

            body .twentytwenty-container.twenty20-1.t20-hover {
                min-height: 260px
            }

            .topv {
                height: 250px
            }

            .consultantform .main-title {
                font-size: 44px;
                margin-top: 24px;
                line-height: 59px;
                margin-bottom: 30px
            }

            .swiper-paginations {
                margin-top: -10px
            }
        }

        .fiximg td:first-child span, .listservices a span {
            background: #232323;
            border-radius: 10px;
            text-align: center
        }

        .mingallery, .swiper-container-cats .col-lg-4.swiper-slide.blog-section {
            padding: 0 10px
        }

        .innercontainer {
            margin-bottom: 25px
        }

        .swiper-container-print .listservices img {
            height: 60px
        }

        .swiper-container-cats .listservices img {
            border-radius: 10px;
            background: #000;
            width: 100%;
            height: 99px;
            object-fit: contain
        }

        .listservices td:first-child, .swiper-container-print .listservices td:first-child {
            width: 100px
        }

        .light .tk-title {
            font-size: 16px;
            color: #fff;
            font-family: "Montserrat", sans-serif;
            margin-bottom: 5px
        }

        .details span, .listservices span {
            display: block;
            color: #ccc;
            text-transform: uppercase;
            font-size: 13px
        }

        .innercontainer .button {
            background: var(--primary-color);
            color: #fff;
            padding: 4px 13px;
            border-radius: 50px;
            font-size: 13px;
            font-weight: 700;
            display: block;
            width: 70px;
            text-align: center;
            float: right
        }

        .details .tk-title, .details ul li {
            font-size: 11px
        }

        .swiper-container-print .listservices td {
            border-bottom: 1px solid #343333;
            padding: 15px 6px
        }

        .swiper-container-cats .listservices td {
            width: 50%;
            border-bottom: none;
            padding: 5px 6px
        }

        .tk-title {
            margin-bottom: 3px;
            font-weight: 700;
            font-size: 12px
        }

        .listservices tr:last-child td {
            border: none
        }

        .container .innercontainer, .vimeos {
            border-radius: 20px;
            overflow: hidden
        }

        .container .innercontainer {
            background: #171717;
            box-shadow: 0 0 9px #000000bf;
            padding: 20px 15px
        }

        .lightbox .lightbox-data, .outers img, .vimeos {
            box-shadow: 0 0 10px #000
        }

        .swiper-container-cats .innercontainer {
            padding: 10px 15px
        }

        h2.sub {
            font-weight: 700;
            font-size: 22px;
            color: #ccc
        }

        .swiper-container-cats h2.text-left {
            font-weight: 700;
            font-size: 18px;
            color: #ccc;
            margin-left: 6px;
            margin-bottom: 10px;
            margin-top: 6px
        }

        .swiper-paginations {
            position: unset;
            text-align: center
        }

        .swiper-paginations.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
            margin: 0 auto;
            transform: translateX(0)
        }

        .swiper-pagination-bullet {
            background: #ccc
        }

        .col-lg-6.col-md-6.text-center.logosera .popular a:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: var(--primary-color)
        }

        .swiper-container-cats .tk-title {
            text-align: center;
            margin-top: 5px;
            text-transform: none;
            color: #ccc;
            font-weight: 400
        }

        .details ul li, .marqhead {
            text-transform: uppercase
        }

        .swiper-container-cats, swiper-container-print {
            overflow: hidden
        }

        .bgblack.third tr td:last-child {
            width: 130px
        }

        .sidelabel {
            position: absolute;
            background: #171717;
            padding: 0 15px 10px 10px;
            border-bottom-right-radius: 20px
        }

        .newarr .main-title, .twenty20 {
            margin-bottom: 0
        }

        .logosection .container {
            overflow: hidden;
            max-width: 1140px
        }

        .sec3.container .innercontainer {
            padding: 30px 15px 10px
        }

        .twentytwenty-after-label, .twentytwenty-before-label {
            position: absolute;
            background: #00000087;
            top: 45%
        }

        .twentytwenty-after-label {
            right: 0
        }

        .newarr .col-lg-4, .webpro .cat, .webpro .col-lg-6.col-md-6, .webpro .price {
            margin-top: 0
        }

        .vimeos {
            margin-bottom: 15px
        }

        .feature-item-content .titles p, .popular {
            font-size: 12px
        }

        .col-lg-6.col-md-6.text-center.logosera .popular a {
            border: 1px solid #cccccc30;
            padding: 4px 15px;
            border-radius: 50px;
            font-size: 13px;
            color: #fff;
            margin-right: 2px
        }

        .mingallery .button.themebutton {
            float: right;
            margin-top: -50px
        }

        .swiper-slide-inner {
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            opacity: 1;
            display: block;
            visibility: visible
        }

        .customreviews .ti-review-item > .ti-inner, .mingallery img {
            border-radius: 15px
        }

        .swiper-container-mingallery {
            margin-bottom: 10px;
            position: relative
        }

        .desktopvid {
            margin-bottom: -10px
        }

        #togglePlayPauseBtn {
            font-size: 48px;
            text-align: center;
            display: block;
            margin-top: -20px;
            padding-right: 20px
        }

        .sppech img {
            display: block;
            width: 200px;
            margin-left: -9px
        }

        .bgblack.stefanspeech {
            padding-top: 60px;
            padding-bottom: 70px
        }

        .logos .col-lg-2.col-md-2.col-2 {
            padding: 30px 20px 10px
        }

        @media (max-width: 767px) {
            .bgplaingrey.newarr {
                padding-top: 0
            }

            .col-lg-6.noonerated .content.text-center, .col-lg-6.noonerated .details, .swiper-container-mingallery.theRefrence.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-watch-progress {
                padding: 0 10px
            }

            .sec3 .text-left.sub {
                margin: 4px 5px 10px
            }

            .col-lg-6.noonerated .col-lg-12 {
                margin-top: 20px
            }

            #togglePlayPauseBtn, .col-lg-6.col-md-6.text-center.logosera {
                margin-top: 0
            }

            .sec3 .content.text-center {
                padding: 0 15px
            }

            .bannersection .main-title {
                font-size: 25px;
                margin-top: 12px;
                margin-bottom: 20px
            }

            .bggrey.formtest h3 {
                font-size: 16px;
                margin: 7px 0
            }

            .mobbig.main-title {
                font-size: 28px;
                text-align: center
            }

            body .twentytwenty-container.twenty20-1.t20-hover {
                min-height: 160px
            }

            .swiper-container-cats {
                padding: 0
            }

            .swiper-paginations {
                margin-top: -20px
            }

            .container {
                padding: 0 20px
            }

            .first_section {
                padding-top: 75px
            }

            .listservices img {
                border-radius: 5px
            }

            .container .innercontainer {
                padding: 10px 5px
            }

            .col-lg-12.swiper-slide, .col-lg-4.swiper-slide {
                padding: 10px
            }

            .bgblack.third tr td:last-child {
                width: 100px
            }

            .bgblack.third .listservices span, .details span {
                text-transform: capitalize;
                font-size: 11px
            }

            .swiper-container-cats .tk-title, .swiper-container-cats h2.text-left {
                font-size: 13px
            }

            .swiper-container-cats .listservices img {
                width: 100%;
                height: 123px
            }

            .text-left.sub {
                margin-left: 15px;
                display: block;
                margin-top: 10px
            }

            .first_section .text-left.sub {
                display: block;
                margin: 5px 0 -10px;
                padding-left: 10px
            }

            .bookconsul .row.gy-4.align-items-center {
                margin: 0
            }

            .logos .col-lg-2.col-md-2.col-2 {
                padding: 0 8px
            }

            .logos .row.align-items-center.gy-4 {
                margin-bottom: 30px
            }

            .stefanspeech .col-lg-3.image .content.text-center {
                text-align: left
            }

            .stefanspeech .col-lg-3.image img {
                max-width: 160px
            }

            .maintext {
                font-size: 26px;
                font-weight: 700
            }

            .mingallery .button.themebutton {
                float: right;
                margin-top: -40px;
                font-size: 12px
            }

            .col-lg-6.col-md-6.text-center.logosera .popular a {
                padding: 4px 8px;
                display: inline-block;
                margin-bottom: 10px;
                font-size: 12px
            }

            .bggrey.logos .col-lg-3.col-md-3.col-6 img {
                margin-top: 10px
            }

            .bannersection {
                padding-bottom: 0
            }

            .popular {
                margin-bottom: 0
            }

            .bannersection .col-lg-6.col-md-6.text-center p {
                margin-top: 7px
            }

            .hide-on-mobile {
                display: none
            }

            .bgblack.stefanspeech {
                padding-top: 40px
            }
        }

        .consultantform .main-title {
            font-size: 41px
        }

        table {
            width: 100%
        }

        .listservices td {
            padding: 0 4px;
            vertical-align: top
        }

        /* The blue "+" control only — `.button.grey` (the "i" info control)
           used to share this rule and inherited its blue fill and white
           glyph. It has its own themed rule below instead. */
        .listservices .button {
            background: var(--primary-color);
            color: #fff;
            padding: 3px;
            text-transform: uppercase;
            border-radius: 50px;
            font-size: 13px;
            font-weight: 700;
            display: block;
            width: 27px;
            text-align: center;
            float: right
        }

        .results.logo-style {
            display: inline-block;
            width: 20%;
            float: left;
            margin-bottom: 0
        }

        .results-container.alert.alert-info.mt-3.row.row-logo-styles {
            background: 0 0;
            border: none;
            padding: 0
        }

        .listservices img {
            background: #232323;
            border-radius: 10px;
            height: 60px;
            object-fit: cover
        }

        .lightbox-data img,
        .lightbox-data video {
            border-radius: 15px;
            width: auto;
            object-fit: cover
        }

        #search {
            padding: 11px 30px;
            border-radius: 50px;
        }

        /* Duplicate of the bundle page's own field styling that also lives in
           this layout. Same values, now gated to dark so it stops repainting
           the search field black on the light canvas. */
        html:not([data-tk-theme="light"]) #search {
            background: #171717;
            border: 1px solid #313131;
            color: #fff
        }

        .checkoutpopup {
            position: fixed;
            width: 100%;
            background: #0e0e0e;
            padding: 15px 25px;
            z-index: 9999;
            border-top: 1px solid #313131;
            box-shadow: 0 0 3rem #69696966;
            max-width: 1130px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            bottom: -150px;
            transition: .5s cubic-bezier(.88, .03, .13, 1.01)
        }

        .checkoutpopup input {
            background: var(--primary-color);
            border: none;
            color: #fff;
            border-radius: 50px;
            float: right;
            margin-top: 10px;
            padding: 8px 50px
        }

        .inner_container {
            max-width: 1120px;
            margin: 0 auto
        }

        .bundle_list {
            display: inline-block;
            color: var(--primary-color);
            font-weight: 700
        }

        .bundle_list h3 {
            font-weight: 800;
            margin: 8px 0 0;
            color: #fff;
            font-size: 19px;
            display: inline-block
        }

        .logo-style label.text-center {
            display: block;
            text-align: left;
            clear: both
        }

        .listservices span {
            font-size: 13px;
            color: #fff
        }

        .listservices .cat {
            display: block;
            color: #ccc;
            font-size: 13px
        }

        .listservices span.price {
            color: #f66;
            display: inline-block;
            font-weight: 700
        }

        .listservices td:first-child span {
            border-radius: 10px;
            text-align: center;
            display: block
        }

        .disc {
            margin-left: 5px;
            display: inline-block;
            text-decoration: line-through
        }

        .text-left.sub {
            color: #fff;
            font-weight: 700;
            font-size: 28px;
            margin-left: 5px;
            margin-top: 20px
        }

        @media (min-width: 1024px) {
            .main {
                min-height: 390px
            }

            .lightbox-data img {
                height: 235px
            }
        }

        .row.hidemob p {
            color: #cacaca;
            margin-left: 5px
        }

        .button.grey {
            display: block;
            clear: both;
            box-sizing: border-box;
            width: 26px;
            height: 26px;
            padding: 0;
            margin-top: 7px;
            border-radius: 50%;
            font-size: 12px;
            font-weight: 700;
            line-height: 24px;
            text-align: center
        }

        html:not([data-tk-theme="light"]) .button.grey {
            background: #4A525C;
            color: #EDF1F4;
            border: 1px solid rgba(255, 255, 255, 0.18)
        }

        html[data-tk-theme="light"] .button.grey {
            background: #F3F6F8;
            color: #0A0D0F;
            border: 1px solid rgba(15, 23, 42, 0.18)
        }

        .lightbox {
            position: absolute;
            z-index: 1
        }

        .lightbox .lightbox-data {
            position: fixed;
            padding: 15px;
            z-index: 999;
            color: #fff;
            width: 50%;
            left: 25%;
            text-align: left;
            top: 200px;
            border-radius: 20px
        }

        .accordion-button::after, .billing-toggle label, .cons .title, .feature-item-content .titles, .links a, .marqhead, .mins, .or, .pricing-benefit-list.wow.fadeInUp, .pros .title, .row.gy-4 .col-lg-6.col-md-6.image {
            text-align: center
        }

        .lightbox-content::before {
            content: "";
            position: fixed;
            left: 0;
            top: 0;
            background: #000000c4;
            width: 100%;
            height: 100%;
            z-index: 1
        }

        .fa.fa-times-circle {
            position: absolute;
            right: -15px;
            top: -15px;
            font-size: 28px;
            color: var(--primary-color);
            z-index: 99
        }

        .lightbox-data h3 {
            color: #fff;
            font-weight: 700;
            margin-bottom: 0;
            font-size: 18px
        }

        .items b, .round span {
            font-weight: 600;
            display: block
        }

        .lightbox-data .tk-feature-list ::marker {
            color: var(--primary-color)
        }

        .lightbox-data .tk-feature-list {
            padding-left: 15px;
            margin-top: 15px
        }

        .lightbox-data .cat {
            font-size: 13px;
            color: #ccc
        }

        .tk-feature-list li {
            font-size: 13px;
            color: #ffffffe3
        }

        .price {
            font-size: 17px;
            font-weight: 700;
            color: #f66
        }

        .bookconsul .row.gy-4.align-items-center {
            background: #171717;
            border-radius: 20px;
            margin: 0 16px;
            box-shadow: 0 0 9px #000000bf
        }

        .button.grey {
            position: absolute;
            /* Was `top: 53px`, a fixed offset from the top of the card box
               that only landed inside cards of one particular height. */
            top: auto;
            bottom: 16px;
            right: 17px;
            cursor: pointer
        }

        .bgblack.logosection.third.light .tk-feature-list ul li, .billing-toggle, .billing-toggle label, .min2, .or, .results.logo-style, .sliderinfinite {
            position: relative
        }

        .tk-feature-list li small {
            position: absolute;
            background: #131313;
            padding: 13px;
            border-radius: 10px;
            box-shadow: 0 0 4px #000;
            margin-left: 15px;
            display: none
        }

        .tk-feature-list li small.show {
            display: unset
        }

        .details h2 {
            color: #fff;
            font-size: 18px
        }

        .c-marquee .main-title, .tk-feature-list {
            margin: 0
        }

        .bgblack.logosection.third.light .details {
            background: #171717;
            border-radius: 20px;
            padding: 20px 10px;
            border: 1px solid #474747;
            box-shadow: 0 0 9px #000000bf
        }

        .content-area .container {
            padding: 0 20px
        }

        .service_main.results.logo-style {
            padding: 7px
        }

        .cons .title, .pros .title {
            display: block;
            background: var(--primary-color);
            padding: 3px 13px;
            font-weight: 700;
            color: #fff;
            border-radius: 50px;
            width: 70px;
            margin-top: 30px;
            margin-bottom: 15px
        }

        .cons .title {
            background: red
        }

        .details ul li {
            color: #fff;
            line-height: 20px
        }

        .details ul li ul li {
            list-style: none
        }

        .round span {
            font-size: 26px;
            margin-bottom: 10px;
            color: #fff
        }

        #bundle-products .details ul li::marker {
            color: var(--primary-color)
        }

        #bundle-products .details ul {
            padding-left: 10px
        }

        @media (max-width: 767px) {
            .footer .footer-content .footer-links ul {
                margin-bottom: 0;
                margin-top: 0
            }

            footer#footer {
                padding-top: 20px
            }

            #popup189882 .tk-afterload-image.featured-img, #popup284939 .tk-afterload-image.featured-img {
                display: none
            }

            .row_details {
                max-height: 330px;
                overflow: scroll
            }

            .lightbox-data img {
                max-height: 235px;
                object-fit: contain
            }

            .container.outermain, .first_section {
                padding-top: 85px
            }

            .light p {
                color: #7a7a7a;
                font-size: 12px
            }

            .main-title {
                margin-bottom: 5px
            }

            .row.row-logo-styles > div {
                width: 98%
            }

            #checkoutpopup {
                z-index: 9999999999;
                left: 0;
                text-align: center
            }

            #checkoutpopup input {
                width: 100%
            }

            .socials .items:first-child {
                width: 100%;
                margin-bottom: 30px
            }

            .links {
                display: block;
                margin-top: 15px
            }

            .accordion-button::after {
                width: 30px;
                height: 30px;
                margin-top: -20px
            }

            .results-container.alert.alert-info.mt-3.row.row-logo-styles {
                max-width: 270px;
                margin: 0 auto
            }
        }

        @media (min-width: 1400px) {
            .bgplaingrey.newarr .col-lg-4 {
                padding: 6px
            }

            .details .main ul {
                padding: 0
            }
        }

        .content-area {
            background: top 900px center/100% auto repeat-y #0b0b0b
        }

        .socials .items {
            display: inline-block;
            vertical-align: middle
        }

        .socials .items img {
            height: 46px;
            margin-right: 4px
        }

        .items {
            font-weight: 300;
            font-size: 14px
        }

        .items b {
            margin-top: 6px
        }

        .socials {
            margin-top: 30px
        }

        .maindesc, .service_desc p {
            color: #f2f1f1;
            font-weight: 300;
            font-size: 15px;
            line-height: 27px
        }

        .service_main {
            padding-top: 180px
        }

        .service_desc h1 {
            font-size: 53px;
            font-weight: 700;
            line-height: 66px
        }

        .service_desc h1 span {
            color: #fc6310
        }

        .mins {
            font-weight: 600;
            padding: 80px
        }

        .maintitle {
            font-size: 32px
        }

        .serice_desc {
            display: inline-block;
            width: 83%
        }

        .service_block {
            background: #2a100196;
            padding: 20px;
            border-radius: 20px
        }

        .serice_img {
            display: inline-block;
            width: 15%;
            vertical-align: top
        }

        .serice_desc {
            padding-left: 15px
        }

        .serv_title {
            font-size: 19px
        }

        .serv_desc {
            font-size: 13px;
            color: #ccc;
            display: block;
            margin-top: 5px
        }

        .min2 {
            margin-bottom: 50px
        }

        .min3 {
            margin-top: 100px;
            margin-bottom: 30px
        }

        .starmini {
            margin-left: -5px;
            width: 15px
        }

        .accordion * {
            background: 0 0;
            border-radius: 0
        }

        .bgservicesection {
            padding-bottom: 100px
        }

        .accordion-button {
            padding-left: 0;
            font-size: 20px;
            font-weight: 600
        }

        .accordion-item {
            border-bottom: 1px solid #fc63108c;
            padding: 15px 0
        }

        .accordion-button:hover, .accordion-button:not(.collapsed) {
            background: #000;
            color: #fc6310;
            box-shadow: none
        }

        .accordion-body {
            padding: 0;
            font-size: 18px;
            line-height: 30px;
            font-weight: 300;
            color: #ccc
        }

        .position {
            font-size: 12px;
            font-weight: 300;
            color: #d3cfcf
        }

        .accordion-button::after {
            content: "\f107";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            background: #241914;
            color: #505762;
            width: 30px;
            height: 30px;
            border-radius: 50px;
            padding: 4px
        }

        .customreviews {
            background: url('/assets/img/uploads/2025/02/glow-1.png.webp') center/contain no-repeat;
            padding-bottom: 60px
        }

        .accordion-button:not(.collapsed)::after, body .accordion-button:hover::after {
            content: "\f106";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            background: #fb6310;
            color: #fff
        }

        .links a {
            display: block;
            text-decoration: underline;
            font-size: 11px;
            color: #c8c8c8
        }

        .tk-feature-list ul li {
            color: #fff;
            font-size: 9px
        }

        @media screen and (min-width: 768px) {
            .bgblack.logosection.third.light .listservices span {
                background: 0 0;
                text-align: left
            }

            .hide-on-mobile {
                display: block
            }
        }

        .bgblack.logosection.third.light .details ul li ul li::before {
            content: "";
            background: var(--primary-color);
            height: 1px;
            width: 5px;
            position: absolute;
            top: 10px;
            left: -10px
        }

        .bgblack.logosection.third.light .tk-feature-list li a:hover, .hero-review-box .fa-solid, .marqhead.green {
            color: var(--primary-color)
        }

        .bgblack.logosection.third.light .tk-feature-list .fas.fa-question {
            background: #cacaca3d;
            padding: 3px;
            margin-left: 5px;
            border-radius: 50px;
            width: 16px;
            text-align: center;
            font-size: 9px
        }

        .billing-toggle {
            display: flex;
            align-items: center;
            background-color: transparent;
            border-radius: 30px;
            padding: 5px;
            width: 350px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
            margin: 50px auto 10px;
            border: 1px solid #474747
        }

        .billing-toggle label {
            flex: 1;
            font-size: 14px;
            color: #fff;
            cursor: pointer;
            z-index: 2;
            transition: color .3s;
            padding: 5px
        }

        .billing-toggle input[type=radio]:checked + label {
            background: var(--primary-color);
            color: #fff;
            border-radius: 50px
        }

        .logo-style .details {
            border: 1px solid #474747;
            transition: border .3s
        }

        .or::after, .or::before {
            position: absolute;
            border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 53%, transparent);
            width: 40%;
            content: "";
            top: 50%
        }

        .logo-style.active .details {
            border: 1px solid var(--primary-color)
        }

        .bgblack.logosection.third.light .container.main {
            padding-right: 0
        }

        .bgblack.logosection.third.light .tk-feature-list {
            min-height: 275px
        }

        @media (max-width: 767px) {
            .consultantform .main-title {
                font-size: 25px
            }

            .lightbox .lightbox-data {
                padding: 0;
                width: 70%;
                left: 15%;
                top: 180px
            }

            .lightbox-data img {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                width: 100%
            }

            .col-lg-6.col-md-6.desc {
                padding: 0 35px 15px
            }

            .col-lg-6.col-md-6.desc.first {
                padding-left: 19px;
                padding-bottom: 0
            }

            .col-lg-6.col-md-6.desc.last {
                padding: 0 15px
            }

            .col-lg-6.col-md-6.desc.first .tk-feature-list {
                margin-bottom: 0
            }

            .col-lg-6.col-md-6.desc.last .tk-feature-list {
                margin-top: 1px
            }

            .noimagepros.row.gy-4 {
                padding: 25px
            }

            .sliderinfinite img {
                width: 85px;
                height: 85px;
                object-fit: cover;
                border-radius: 8px;
                flex-shrink: 0
            }

            .row.gy-4.c-marquee .main-title {
                max-width: 300px;
                margin-left: auto;
                margin-right: auto
            }

            .billing-toggle {
                margin-right: 40px
            }
        }

        #bundle-products {
            padding-bottom: 0
        }

        .slider-wrapper {
            flex-direction: column
        }

        .sliderinfinite {
            overflow: hidden;
            width: 100%;
            height: 85px
        }

        .sliderinfinite img {
            width: 85px;
            height: 85px;
            object-fit: cover;
            border-radius: 8px;
            flex-shrink: 0
        }

        .sliderinfinite[data-direction=right] .slider-track {
            animation: 50s linear infinite scroll-right
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(0)
            }
            100% {
                transform: translateX(-50%)
            }
        }

        @keyframes scroll-right {
            0% {
                transform: translateX(-50%)
            }
            100% {
                transform: translateX(0)
            }
        }

        @media (max-width: 768px) {
            .slider-track {
                gap: 6px;
                animation-duration: 40s
            }

            .sliderinfinite[data-direction=right] .slider-track {
                animation: 20s linear infinite scroll-right
            }

            .sliderinfinite[data-direction=left] .slider-track {
                animation: 20s linear infinite scroll-left
            }
        }

        .c-marquee {
            --mask-offset: 5rem;
            -webkit-mask-image: linear-gradient(to right, transparent .5rem, #000 var(--mask-offset), #000 calc(100% - var(--mask-offset)), transparent calc(100% - .5rem));
            mask-image: linear-gradient(to right, transparent .5rem, #000 var(--mask-offset), #000 calc(100% - var(--mask-offset)), transparent calc(100% - .5rem))
        }

        .marqhead {
            font-size: 32px;
            font-weight: 800
        }

        .col-lg-6.col-md-6.text-center.logosera #front-page-searchbox:focus-within {
            border: 2px solid color-mix(in srgb, var(--primary-color) 25%, transparent)
        }

        .wearetrusted {
            display: inline-flex
        }

        .hero-review-box {
            margin-left: 15px;
            margin-top: 30px;
            font-size: 12px
        }

        .hero-review-box ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .hero-review-box ul li {
            display: inline-block;
            font-weight: 500;
            margin-right: 10px;
            vertical-align: text-bottom
        }

        .trustedby {
            margin-top: 7px;
            display: block;
            font-size: 12px
        }

        .or, .our-feature-box .button.themebutton {
            margin-top: 20px
        }

        .hero-review-box ul li img {
            max-width: 15px
        }

        .hero-review-box + .hero-review-box {
            border-left: 1px solid;
            padding-left: 13px
        }

        /*.row.gy-4.align-items-center.feature-list {*/
        /*    background: linear-gradient(180deg, var(--primary-color) 0, rgba(0, 0, 0, 0) 90.04%);*/
        /*    padding: 10px;*/
        /*    border-radius: 20px;*/
        /*    height: calc(100% - 20px)*/
        /*}*/

        /*.col-lg-12.outerinner {*/
        /*    background: #000;*/
        /*    border-radius: 15px;*/
        /*    margin: 0*/
        /*}*/

        /*.feature-item-content .titles {*/
        /*    padding-bottom: 10px*/
        /*}*/

        .feature-item-content h3 {
            font-size: 22px;
            font-weight: 700
        }

        .feature-item-content {
            padding: 20px
        }

        /*.feature-item-content .pricing-body ul li {*/
        /*    margin-bottom: 12px;*/
        /*    opacity: .9;*/
        /*    position: relative*/
        /*}*/

        /*.feature-item-content .pricing-body ul li::after {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    width: 100%;*/
        /*    left: 0;*/
        /*    bottom: -7px*/
        /*}*/

        .or {
            color: var(--primary-color);
            font-weight: 700
        }

        .or::before {
            left: 0
        }

        .or::after {
            right: 0
        }

        /*.our-feature-box .titles .subtitle {*/
        /*    font-weight: 700;*/
        /*    font-size: 18px;*/
        /*    margin-top: 20px*/
        /*}*/

        /*.our-feature-box .strike {*/
        /*    position: relative;*/
        /*    padding: 5px;*/
        /*    display: inline-block*/
        /*}*/

        /*.our-feature-box .strike::after {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    left: 0;*/
        /*    width: 100%;*/
        /*    border: 1px solid;*/
        /*    top: 50%;*/
        /*    color: #ff000085*/
        /*}*/

        .original {
            font-weight: 700;
            font-size: 20px
        }

        .outers img {
            border-radius: 16px
        }

        .logo-slide {
            background: #0a0a0a80;
            border: 1px solid color-mix(in srgb, var(--primary-color) 17%, transparent);
            margin-bottom: 20px;
            backdrop-filter: blur(100px)
        }

        .what-we-do-box {
            display: flex;
            gap: 15px;
            flex-wrap: wrap
        }

        .what-we-do-item {
            position: relative;
            backdrop-filter: blur(100px);
            -webkit-backdrop-filter: blur(100px);
            border: 1px solid #cccccc14;
            border-radius: 30px;
            padding: 30px;
            overflow: hidden
        }

        .what-we-do-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #1a1a1a;
            opacity: 40%;
            height: 100%;
            width: 100%;
            z-index: -1
        }

        .what-do-item-content {
            margin-bottom: 40px
        }

        .what-do-body-box {
            display: flex;
            align-items: center;
            flex-wrap: wrap
        }

        .what-do-body-title {
            width: calc(100% - 80px)
        }

        .what-do-body-box .icon-box {
            margin-left: 20px
        }

        .what-do-item-image img, .what-we-do-image img {
            border-radius: 20px
        }

        .what-do-item-content p {
            font-size: 13px
        }

        .what-do-body-title h3 {
            font-weight: 700;
            font-size: 21px;
            line-height: 29px
        }

        .what-do-body-title span {
            color: var(--primary-color);
            margin-right: 7px
        }

        .footer-work-together {
            border-bottom: 1px solid #cccccc1a
        }

        .feature-item-content .pricing-body ul li::marker {
            color: var(--primary-color)
        }

        @media (max-width: 767px) {
            .flex-column-reverse {
                flex-direction: column-reverse
            }

            .what-do-body-box img {
                max-width: 50px
            }

            .bgblack.logosection.minlogos .logo-slide {
                margin-bottom: 0;
                margin-top: 0
            }

            #logodeal .col-lg-12 {
                margin-top: 15px;
                padding: 0
            }

            .what-do-body-title h3 {
                font-size: 21px
            }

            .bannersection .container {
                padding-left: 10px;
                padding-right: 10px
            }

            .col-lg-6.col-md-6.text-center.logosera.op2 a span {
                font-size: 11px
            }

            .what-we-do-image {
                margin: 20px 0
            }

            .marqhead {
                font-size: 18px
            }

            .bgblack.stefanspeech.tools, .wearetrusted {
                padding-bottom: 40px
            }

            .hero-review-box .fa-solid, .hero-review-box .fas {
                font-size: 9px
            }

            #front-page-searchbox .searchbox input {
                text-align: center
            }

            .pricing-benefit-list.wow.fadeInUp ul {
                padding: 0;
                font-size: 12px;
                line-height: 26px
            }

            .homebanner img {
                width: 280px
            }

            .mobbig.main-title {
                line-height: 50px
            }

            .bgplaingrey.our-feature-box .col-lg-12.outerinner {
                padding: 30px 0
            }

            .work-together-box h2 {
                font-size: 50px;
                text-align: center;
                font-weight: 700;
                text-transform: uppercase
            }
        }

        .footer-work-together span {
            color: #000;
            display: block;
            width: 100%
        }

        .op2 .popular {
            margin-left: 10px
        }

        @media (min-width: 767px) {
            .swiper-container-print {
                padding: 0
            }

            .sec3.container .innercontainer {
                padding: 35px 20px 10px
            }

            .third .container .bestseller .innercontainer {
                padding: 20px 9px
            }

            .bannersection {
                padding-top: 160px
            }

            .bannersection .main-title {
                font-size: 33px;
                color: #f4f4f4;
                letter-spacing: 0;
                margin-top: 15px;
                margin-bottom: 30px
            }

            .col-lg-6.col-md-6.text-center.logosera.op2 {
                text-align: left
            }

            .footer-work-together {
                padding: 60px 0
            }

            .footer-work-together h2 {
                font-size: 150px;
                font-weight: 800;
                text-transform: uppercase;
                line-height: 1em;
                text-align: center
            }

            .work-together-btn {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            .feature-list .main-title {
                padding-top: 40px;
                margin-bottom: 4px
            }

            .outerinner .col-lg-12 {
                margin-bottom: 20px
            }

            .bgblack.stefanspeech.tools {
                padding-bottom: 20px
            }
        }

        .feature-item-content .pricing-body ul li span {
            float: right;
            color: var(--primary-color)
        }

        .pricing-benefit-list.wow.fadeInUp li {
            display: inline-block;
            margin: 0 15px
        }

        .pricing-benefit-list.wow.fadeInUp img {
            width: 17px;
            margin-right: 8px
        }

        .feature-item-content .pricing-body ul li a:hover {
            color: var(--primary-color)
        }

        .feature-item-content .titles p span {
            color: var(--primary-color)
        }

        @media (min-width: 768px) and (max-width: 1199px) {
            #front-page-searchbox, #front-page-searchbox .searchbox, #front-page-searchbox .searchbox input, .what-we-do-item.wow.fadeInUp {
                width: 100%
            }

            .what-we-do-image {
                margin-bottom: 20px
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%;
                float: left
            }

            .footer-work-together h2 {
                font-size: 90px
            }

            .logo-slide a.tk-more-button {
                padding: 5px 10px
            }

            #front-page-searchbox .searchbox input, #startbtn-mobiles {
                text-align: center
            }

            .bannersection .main-title {
                font-size: 34px;
                color: #f4f4f4;
                letter-spacing: 0;
                margin-top: 15px;
                margin-bottom: 30px
            }
        }

        main .bgplaingrey, main .logosection.best_seller {
            background-color: #0b0b0b
        }