/*!////////////////////////////////////////////////
// BASE
/////////////////////////////////////////////////*/
@-o-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.grecaptcha-badge {
    visibility: collapse !important;
}

html,
body,
iframe,
div,
section,
header,
p,
a,
ul,
ol,
li,
article,
footer,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    color: #FFF;
    background: #2A5BB3;
    text-shadow: none;
    -webkit-text-fill-color: #FFF;
}

::selection {
    color: #FFF;
    background: #2A5BB3;
    text-shadow: none;
    -webkit-text-fill-color: #FFF;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

html {
    scroll-behavior: smooth;
}


/*!////////////////////////////////////////////////
// LAYOUT
/////////////////////////////////////////////////*/
.wrap {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.mediumwrap {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
}

.miniwrap {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

@media only screen and (max-width: 1190px){
    .wrap {
        max-width: 960px;
    }
}

@media only screen and (max-width: 980px){
    .wrap,
    .mediumwrap {
        max-width: 748px;
    }
}

@media only screen and (max-width: 768px){
    .wrap,
    .mediumwrap {
        max-width: 620px;
    }
}

@media only screen and (max-width: 640px){
    .wrap,
    .mediumwrap,
    .miniwrap {
        max-width: 480px;
    }
}

@media only screen and (max-width: 500px){
    .wrap,
    .mediumwrap,
    .miniwrap {
        max-width: 92%;
    }
}

.row {
    clear: both;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.align-items-top {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
}

.align-items-middle {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.align-items-bottom {
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
}


@media screen and (min-width: 480px) {
    .grid-1,
    .grid-2,
    .grid-20,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-half,
    .grid-full,
    .grid-unit {
        float: left;
        width: 100%;
    }
    .grid-1:nth-child(n),
    .grid-2:nth-child(n),
    .grid-20:nth-child(n),
    .grid-3:nth-child(n),
    .grid-4:nth-child(n),
    .grid-5:nth-child(n),
    .grid-6:nth-child(n),
    .grid-half:nth-child(n),
    .grid-full:nth-child(n),
    .grid-unit:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-1:nth-child(1n),
    .grid-2:nth-child(1n),
    .grid-20:nth-child(1n),
    .grid-3:nth-child(1n),
    .grid-4:nth-child(1n),
    .grid-5:nth-child(1n),
    .grid-6:nth-child(1n),
    .grid-half:nth-child(1n),
    .grid-full:nth-child(1n),
    .grid-unit:nth-child(1n) {
        margin-right: 0;
    }
    .grid-1:last-child,
    .grid-2:last-child,
    .grid-20:last-child,
    .grid-3:last-child,
    .grid-4:last-child,
    .grid-5:last-child,
    .grid-6:last-child,
    .grid-half:last-child,
    .grid-full:last-child,
    .grid-unit:last-child {
        margin-right: 0;
    }

    .grid-25,
    .grid-75 {
        float: left;
        width: 49.24242%;
    }
    .grid-25:nth-child(n),
    .grid-75:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-25:nth-child(2n),
    .grid-25:nth-child(2n) {
        margin-right: 0;
    }
    .grid-25:last-child,
    .grid-25:last-child {
        margin-right: 0;
    }

    .gallery .grid-unit,
    .grid-half {
        width: 49.24242%;
    }
    .gallery .grid-unit:nth-child(n),
    .grid-half:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .gallery .grid-unit:nth-child(2n),
    .grid-half:nth-child(2n) {
        margin-right: 0;
    }
    .gallery .grid-unit:last-child,
    .grid-half:last-child {
        margin-right: 0;
    }

    .grid-flow-opposite {
        float: right;
    }
}

@media screen and (min-width: 640px) {
    .grid-1 {
        width: 15.40404%;
    }
    .grid-1:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-1:nth-child(6n) {
        margin-right: 0;
    }
    .grid-1:last-child {
        margin-right: 0;
    }

    .grid-2 {
        width: 32.32323%;
    }
    .grid-2:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-2:nth-child(3n) {
        margin-right: 0;
    }
    .grid-2:last-child {
        margin-right: 0;
    }

    .grid-20 {
        width: 18.78%;
    }
    .grid-20:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-20:nth-child(5n) {
        margin-right: 0;
    }
    .grid-20:last-child {
        margin-right: 0;
    }

    .grid-3,
    .grid-half {
        width: 49.24242%;
    }
    .grid-3:nth-child(n),
    .grid-half:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-3:nth-child(2n),
    .grid-half:nth-child(2n) {
        margin-right: 0;
    }
    .grid-3:last-child,
    .grid-half:last-child {
        margin-right: 0;
    }

    .grid-4 {
        width: 66.16162%;
    }
    .grid-4:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-4:nth-child(1.5n) {
        margin-right: 0;
    }
    .grid-4:last-child {
        margin-right: 0;
    }

    .grid-5 {
        width: 82.74242%;
    }
    .grid-5:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-5:nth-child(1.20482n) {
        margin-right: 0;
    }
    .grid-5:last-child {
        margin-right: 0;
    }

    .grid-6,
    .grid-full {
        width: 100%;
    }
    .grid-6:nth-child(n),
    .grid-full:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-6:nth-child(1n),
    .grid-full:nth-child(1n) {
        margin-right: 0;
    }
    .grid-6:last-child,
    .grid-full:last-child {
        margin-right: 0;
    }

    /* If there are no margins */
    .grid-1.no-margin {
        width: 16.66667%;
    }
    .grid-1.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-1.no-margin:nth-child(6n) {
        margin-right: 0;
    }
    .grid-1.no-margin:last-child {
        margin-right: 0;
    }

    .grid-2.no-margin {
        width: 33.33333%;
    }
    .grid-2.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-2.no-margin:nth-child(3n) {
        margin-right: 0;
    }
    .grid-2.no-margin:last-child {
        margin-right: 0;
    }

    .grid-3.no-margin,
    .grid-half.no-margin {
        width: 50%;
    }
    .grid-3.no-margin:nth-child(n),
    .grid-half.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-3.no-margin:nth-child(2n),
    .grid-half.no-margin:nth-child(2n) {
        margin-right: 0;
    }
    .grid-3.no-margin:last-child,
    .grid-half.no-margin:last-child {
        margin-right: 0;
    }

    .grid-4.no-margin {
        width: 66.66667%;
    }
    .grid-4.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-4.no-margin:nth-child(1.5n) {
        margin-right: 0;
    }
    .grid-4.no-margin:last-child {
        margin-right: 0;
    }

    .grid-5.no-margin {
        width: 83%;
    }
    .grid-5.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-5.no-margin:nth-child(1.20482n) {
        margin-right: 0;
    }
    .grid-5.no-margin:last-child {
        margin-right: 0;
    }

    .grid-6.no-margin,
    .grid-full.no-margin {
        width: 100%;
    }
    .grid-6.no-margin:nth-child(n),
    .grid-full.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-6.no-margin:nth-child(1n),
    .grid-full.no-margin:nth-child(1n) {
        margin-right: 0;
    }
    .grid-6.no-margin:last-child,
    .grid-full.no-margin:last-child {
        margin-right: 0;
    }

    .grid-25 {
        width: 23.86364%;
    }
    .grid-25:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-25:nth-child(4n) {
        margin-right: 0;
    }
    .grid-25:last-child {
        margin-right: 0;
    }

    .grid-25.no-margin {
        width: 25%;
    }
    .grid-25.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-25.no-margin:nth-child(4n) {
        margin-right: 0;
    }
    .grid-25.no-margin:last-child {
        margin-right: 0;
    }

    .grid-75 {
        width: 74.616161%;
    }
    .grid-75:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .grid-75:nth-child(4n) {
        margin-right: 0;
    }
    .grid-75:last-child {
        margin-right: 0;
    }

    .grid-75.no-margin {
        width: 75%;
    }
    .grid-75.no-margin:nth-child(n) {
        margin-bottom: 0;
        margin-right: 0;
    }
    .grid-75.no-margin:nth-child(4n) {
        margin-right: 0;
    }
    .grid-75.no-margin:last-child {
        margin-right: 0;
    }

    .gallery .grid-unit {
        width: 32.32323%;
    }
    .gallery .grid-unit:nth-child(n) {
        margin-bottom: 1.51515%;
        margin-right: 1.51515%;
    }
    .gallery .grid-unit:nth-child(3n) {
        margin-right: 0;
    }
    .gallery .grid-unit:last-child {
        margin-right: 0;
    }

    .content-pad-right {
        padding-right: 4%;
        /* Use (or don't) as necessary. */
    }

    .content-pad-left {
        padding-left: 4%;
    }
}



@media screen and (min-width: 641px) {
    .list-grid-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 70px;
        color: #fff;
        list-style: none;
    }

    .list-grid-2 > li {
        break-inside: avoid;
    }
}

@media screen and (min-width: 641px) {
    .list-grid-3 {
        -webkit-column-count: 3;
            -moz-column-count: 3;
                column-count: 3;
        -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
                column-gap: 40px;
    }

    .list-grid-3 > li {
        break-inside: avoid;
    }
}

.list-grid-3.persistent {
    -webkit-column-count: 3;
        -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
            column-gap: 40px;
}


/*!////////////////////////////////////////////////
// THEME
/////////////////////////////////////////////////*/
a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

main a {
    color: #5cbeff;
    display: inline-block;
}

main p > a,
main li > a {
    display: inline;
}

main a:hover {
    color: #FF7E00;
}

main {
    background-color: #16171a;
    -webkit-transition: background-color .5s ease;
         -o-transition: background-color .5s ease;
            transition: background-color .5s ease;
}

main img {
    margin-bottom: 50px;
}

main img:last-child {
    margin-bottom: 0;
}

.button {
    font-family: "Inter",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 15px 33px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #FFF;
    border: 2px solid #FF7E00;
    border-radius: 100px;
    background-color: #FF7E00;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 32px;
    cursor: pointer;
}

.button:hover {
    background-color: transparent;
    color: #ff7e00;
}

.button > i:first-child {
    margin-right: 5px;
}

.button.full {
    width: 100%;
}

.button.medium {
    width: 100%;
    max-width: 250px;
}

.button:first-child {
    margin-top: 0;
}

.button:last-child {
    margin-bottom: 0;
}

.button-simple {
    font-family: "Inter",sans-serif;
    font-size: 18px;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    color: #FFF;
    margin-bottom: 32px;
}

.button-simple:last-child {
    margin-bottom: 0;
}

.button-simple:hover {
    color: #fff;
}

.button-simple > i {
    line-height: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-left: 25px;
    text-align: center;
    border-radius: 100px;
    background-color: #FF7E00;
    color: #fff;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
}

.button-simple:hover > i {
    background-color: #fff;
    color: #FF7E00;
}

.button-group > .button {
    margin: 5px;
    display: inline-block;
}

.button-group {
    display: block;
    margin: -5px;
    padding-bottom: 32px;
}

.button-group:last-child {
    padding-bottom: 0;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 1.67em;
    color: #acb9c3;
}

body p {
    display: block;
    margin-bottom: 32px;
}

body p:last-child {
    margin-bottom: 0;
}

body p:first-child {
    margin-top: 0;
}

h1, h2, h3, h4, h5, h6, .h2 {
    display: block;
    font-size: 42px;
    line-height: 1.24em;
    font-weight: 700;
    color: #fff;
    font-family: 'Inter',sans-serif;
    margin-bottom: 32px;
    margin-top: 60px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h2:last-child {
    margin-bottom: 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h2:first-child,
.h6 + h1,
.h6 + h2,
.h6 + h3,
.h6 + h4,
.h6 + h5,
.h6 + h6,
.h6 + .h2,
.h1 + h1,
.h1 + h2,
.h1 + h3,
.h1 + h4,
.h1 + h5,
.h1 + h6,
.h1 + .h2 {
    margin-top: 0;
}

@media only screen and (min-width: 1191px){
    .h1.medium {
        font-size: 70px;
    }
}

.h2.primary {
    font-size: 60px;
    font-weight: 900;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: .15em;
    text-transform: uppercase;
    paint-order: stroke fill;
    stroke-width: 2px;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #009BFF;
    -webkit-text-stroke-width: 4px;
}

.h2.secondary {
    font-size: 60px;
    font-weight: 900;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: .15em;
    text-transform: uppercase;
    paint-order: stroke fill;
    stroke-width: 2px;
    -webkit-text-fill-color: #26272d;
    -webkit-text-stroke-color: #009BFF;
    -webkit-text-stroke-width: 4px;
}

.h2.tertiary {
    font-size: 60px;
    font-weight: 900;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: .15em;
    text-transform: uppercase;
    paint-order: stroke fill;
    stroke-width: 2px;
    -webkit-text-fill-color: #16171a;
    -webkit-text-stroke-color: #009BFF;
    -webkit-text-stroke-width: 4px;
}

.h2.quaternary {
    font-size: 60px;
    font-weight: 900;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
    letter-spacing: .15em;
    text-transform: uppercase;
    paint-order: stroke fill;
    stroke-width: 2px;
    -webkit-text-fill-color: #f5f6f8;
    -webkit-text-stroke-color: #009BFF;
    -webkit-text-stroke-width: 4px;
}

/* .h1 {
    font-size: 100px;
    font-weight: 800;
    line-height: 1.2em;
    display: block;
    background-image: url(https://webtekcc.com/wp-content/uploads/2024/12/808532135.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-clip: text;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;
    visibility: hidden;
} */

.h1 {
    font-size: 100px;
    font-weight: 800;
    line-height: 1em;
    display: block;
    visibility: hidden;
    background: rgb(251,244,236);
    background: -webkit-gradient(linear, right top, left top, from(rgba(251,244,236,1)), color-stop(15%, rgba(236,215,200,1)), color-stop(33%, rgba(237,164,188,1)), color-stop(50%, rgba(190,135,196,1)), color-stop(67%, rgba(145,134,231,1)), color-stop(85%, rgba(146,202,249,1)), to(rgba(199,248,255,1)));
    background: -o-linear-gradient(right, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    background:    linear-gradient(270deg, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbf4ec",endColorstr="#c7f8ff",GradientType=1);
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;
    padding-bottom: 0.1em;
    margin-left: -0.05em;
    margin-bottom: 20px;
}

.h3 {
    display: block;
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter',sans-serif;
    line-height: 1.4em;
    margin-bottom: 32px;
}

.h3:last-child {
    margin-bottom: 0;
}

.h3 > span,
.h3 > strong {
    color: #009bff;
    font-size: 153%;
    font-weight: inherit;
}

.h4 {
    display: block;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter',sans-serif;
    line-height: 1.3em;
    margin-bottom: 32px;
}

.h4 a {
    color: #009bff;
}

.h4 a:hover {
    color: #FF7E00;
}

.h4:last-child {
    margin-bottom: 0;
}

.h5 {

}

.h6 {
    font-family: "Inter",sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6em;
    color: #2A5BB3;
    margin-bottom: 32px;
    margin-top: 50px;
}

.h6:first-child {
    margin-top: 0;
}

.h6:last-child {
    margin-bottom: 0;
}

.h6.primary,
.h6.secondary,
.h6.tertiary,
.h6.quaternary {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 1.2em;
    font-family: 'Inter', sans-serif;
}

.h6.primary:last-child,
.h6.secondary:last-child,
.h6.tertiary:last-child,
.h6.quaternary:last-child {
    margin-bottom: 0;
}

.h6.primary > span,
.h6.secondary > span,
.h6.tertiary > span,
.h6.quaternary > span {
    display: inline-block;
    font-weight: 700;
    padding: 6px 20px;
    border-radius: 10px;
}

.h6.primary > span {
    background-color: #00ac5b;
    color: #fff;
}

.h6.secondary > span {
    background-color: #009bff;
    color: #fff;
}

.h6.tertiary > span {
    background-color: #2a5bb3;
    color: #fff;
}

.h6.quaternary > span {
    background-color: #16171a;
    color: #fff;
}

.bg--primary {
    background-color: #16171a;
}

.bg--secondary {
    background-color: #26272d;
}

.bg--light {
    background-color: #fff;
    color: #3c4953;
}

.bg--light-gray {
    background-color: #f5f6f8;
    color: #3c4953;
}

.bg--light h1,
.bg--light h2,
.bg--light h3,
.bg--light h4,
.bg--light h5,
.bg--light h6,
.bg--light .h2,
.bg--light .h3,
.bg--light .h4,
.bg--light .h6,
.bg--light-gray h1,
.bg--light-gray h2,
.bg--light-gray h3,
.bg--light-gray h4,
.bg--light-gray h5,
.bg--light-gray h6,
.bg--light-gray .h2,
.bg--light-gray .h3,
.bg--light-gray .h4,
.bg--light-gray .h6 {
    color: #16171a;
}

.bg--light .button-simple,
.bg--light-gray .button-simple {
    color: #16171c;
}

.bg--light .button-simple:hover,
.bg--light-gray .button-simple:hover {
    color: #16171c;
}

.bg--light .button-simple i,
.bg--light-gray .button-simple i {
    background-color: #FF7E00;
    color: #fff;
}

.bg--light .button-simple:hover i,
.bg--light-gray .button-simple:hover i {
    background-color: #16171c;
}

main ul {
    margin-bottom: 32px;
    margin-top: 32px;
    font-size: 20px;
    line-height: 1.5em;
    color: #fff;
    text-align: left;
    font-weight: 400;
}

main ul ul {
    margin-top: 0 !important;
    margin-left: 0 !important;
}


.bg--light ul,
.bg--light-gray ul {
    color: #16171a;
}

main ul li {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 35px;
}

main ul li[class^="fa"] {
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

main ul li.fa-brands:before {
    font-family: "Font Awesome 6 Brands";
}

main ul li strong {
    color: #00ac5b;
    font-weight: 600;
}

main ul li:before {
    content: url(https://webtekcc.com/wp-content/uploads/2024/12/circle-check.svg);
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    top: 5px;
    font-family: 'Font Awesome 6 Pro';
    color: #00ac5b;
    line-height: 1.2em;
    display: block;
}

main ul.uncheck li:before,
main ul li.uncheck:before {
    content: url(https://webtekcc.com/wp-content/uploads/2024/12/circle-xmark.svg);
}

main ul li:last-child {
    margin-bottom: 0;
}

main ol {
    margin-bottom: 32px;
    padding-left: 0;
    counter-reset: list-count;
    list-style: none;
}

main ol li {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 40px;
}

main ol li:before {
    content: counter(list-count);
    counter-increment: list-count;
    background-color: #00ac5b;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    display: block;
    color: #fff;
    font-family: inherit;
    border-radius: 100px;
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    font-weight: 700;
    top: 3px;
}

main ul:last-child,
main ol:last-child {
    margin-bottom: 0;
}

main ul:first-child,
main ol:first-child {
    margin-top: 0;
}

main ol ol {
    padding-left: 20px;
}

@media only screen and (max-width: 1190px){
    .h1 {
        font-size: 70px;
    }
}

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

}

@media only screen and (max-width: 768px){
    .h1 {
        font-size: 45px;
    }

    h1, h2, h3, h4, h5, h6, .h2 {
        font-size: 27px;
    }

    body {
        font-size: 16px;
        line-height: 1.67em;
    }

    main ul {
        font-size: 16px;
    }

    main ul li:before {
        top: 2px;
    }

    .button {
        font-size: 16px;
        padding: 12px 30px;
    }

    .h3 {
        font-size: 20px;
    }

    .h4 {
        font-size: 23px;
    }

    .h2.primary, .h2.secondary, .h2.tertiary, .h2.quaternary {
        font-size: 40px;
        -webkit-text-stroke-width: 3px;
    }

    .button-simple {
        font-size: 16px;
    }

    .button-simple > i {
        min-width: 40px;
        min-height: 40px;
        line-height: 40px;
        margin-left: 20px;
    }

    .h6.primary > span,
    .h6.secondary > span,
    .h6.tertiary > span,
    .h6.quaternary > span {
        border-radius: 5px;
    }

}

@media only screen and (max-width: 640px){
    .h6.primary,
    .h6.secondary,
    .h6.tertiary,
    .h6.quaternary {
        font-size: 15px;
    }

    .h6 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 500px){
    .h6.primary, .h6.secondary, .h6.tertiary, .h6.quaternary {
        font-size: 15px;
    }

    .button {
        font-size: 15px;
        padding: 12px;
        min-width: 200px;
    }
}

@media only screen and (max-width: 380px){
    .h1 {
        font-size: 32px;
    }

    .button-group > .button {
        max-width: 300px;
        width: 100%;
    }
}

/*! Header
//////////////////////////////////////////////*/
@-webkit-keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

@keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

.main__header {
    display: block;
    background-color: #16171a;
    color: #fff;
    position: relative;
}

.header--main .header-logo {
    display: block;
    width: 268px;
    height: 35px;
}

.header--main .header-logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.header--main .nav__area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    text-align: right;
}

.nav__area .menu > li.menu-item-has-children > .sub-menu {
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 50%;
    display: block;
    visibility: hidden;
    width: 200px;
    padding-top: 0;
    list-style: none;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: left;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    -webkit-box-shadow: 0 10px 25px -5px rgb(0 0 0 / 50%);
            box-shadow: 0 10px 25px -5px rgb(0 0 0 / 50%);
}

.nav__area .menu > li.menu-item-has-children:hover > .sub-menu {
    top: 58px;
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

.nav__area .menu > li.menu-item-has-children > .sub-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    height: 50px;
}

.nav__area .menu .sub-menu > .menu-item-has-children {
    position: relative;
}

.nav__area .menu .sub-menu .sub-menu {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 200px;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;

    border-left: 2px solid #38444E;
    -webkit-box-shadow: 0 10px 25px -5px rgb(0 0 0 / 50%);
            box-shadow: 0 10px 25px -5px rgb(0 0 0 / 50%);
}

.nav__area .menu .sub-menu > .menu-item-has-children:hover .sub-menu {
    left: 100%;
}

.nav__area .menu .sub-menu > .menu-item-has-children > a:after {
    content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 700;
    font-size: 80%;
}

.nav__area .sub-menu > li > a {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #FFF;
    border-bottom: 1px solid #38444E;
    background-color: #26272D;
}

.nav__area .sub-menu > li:last-child > a {
    border: none;
}

.nav__area .sub-menu > li > a:hover {
    background-color: #009bff;
    border-color: #009bff;
}

.header--main .menu > li {
    display: inline-block;
    margin-right: 35px;
    position: relative;
}

.header--main .menu > li:last-child {
    margin-right: 0;
}

.header--main {
    display: block;
    position: absolute;
    z-index: 20;
    padding: 25px 0;
    border-top: 1px solid #38444e;
    border-bottom: 1px solid #38444e;
    top: 0;
    left: 0;
    right: 0;
    background-color: #16171a;
}

.header--main.sticky {
    position: fixed;
    -webkit-animation: smoothScroll .5s forwards;
            animation: smoothScroll .5s forwards;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 50%);
            box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}

.header--main .menu > li > a {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.header--main .menu > li > a:hover {
    color: #ff7e00;
}

.header--placeholder {
    display: block;
    position: relative;
    z-index: -1;
    height: 87px;
}

.header--main .flex-row {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.top__header {
    display: block;
    background-color: #16171a;
    text-align: right;
    padding: 10px 0;
}

.top__header .header-ctas {
    display: flex;
    justify-content: flex-end;
}

.top__header .header-cta {
    display: block;
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 600;
    color: #00ac5b;
    border-right: 1px solid #38444e;
    padding-right: 15px;
    margin-right: 15px;
}

.top__header .header-cta:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    color: #009bff;
}

.top__header .header-cta:hover {
    color: #ff7e00;
}


@media only screen and (max-width: 1190px){
    .header--main .header-logo {
        width: 200px;
        height: 26px;
    }

    .header--main .menu > li {
        margin-right: 25px;
    }

    .header--main .menu > li > a {
        font-size: 13px;
    }

    .header--placeholder {
        height: 83px;
    }

    .nav__area .menu > li.menu-item-has-children:hover > .sub-menu {
        top: 56px;
    }
}

@media only screen and (max-width: 980px){
    .header--main .nav__area > nav {
        display: none;
    }

    .header--main {
        padding: 15px 0;
    }

    .header--placeholder {
        height: 66px;
    }

    .header--main .nav__area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .top__header {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 20;
        border-top: 1px solid #38444e;
        box-shadow: 0 0 20px rgb(0 0 0 / 30%);
        padding: 15px 0;
    }

    .top__header .header-ctas {
        justify-content: space-between;
        position: relative;
    }

    .top__header .header-cta {
        padding: 0;
        margin: 0;
        border: none;
    }

    .top__header .header-ctas:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        margin: 0 auto;
        content: "";
        background-color: #38444E;
    }

}

@media only screen and (max-width: 380px){
    .top__header .header-ctas:before {
        display: none;
    }

    .top__header .header-cta:first-child {
        display: none;
    }

    .anniversary-banner {
        display: none;
    }

    .top__header .header-cta:last-child {
        margin-right: 0;
        border-right: none;
        color: #009bff;
        padding: 15px 5px;
        width: 100%;
        text-align: center;
    }

    .top__header {
        padding: 0;
    }
}

@media only screen and (max-width: 320px){
    .header--main .header-logo {
        width: 170px;
        height: 25px;
    }
}




/* ============================= *\
* MOBILE MENU
\* ============================= */
.mobile__button {
    display: none;
}

.mobile-nav .mobile__button {
    font-size: 20px;
    display: none!important;
    padding: 1.25em 1.75em;
    cursor: pointer;
    text-align: center;
    border-bottom: 7px solid rgba(0,0,0,.3);
    background: #1b1e3a;
    text-shadow: 0 0 10px rgba(0,0,0,.25);
}

.mobile-nav .mobile__nav {
    display: none;
}

.mobile-nav .mobile__nav ul li:nth-of-type(1) {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(2n) {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(3n) {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(4n) {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(5n) {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(6n) {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li:last-of-type {
    background: #272b53;
}

.mobile-nav .mobile__nav ul li a,
.mobile-nav .mobile__nav ul li span {
    display: block;
    padding: 1em;
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,.25);
}

.mobile__nav .menu > li > a {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mobile-nav .mobile__nav ul li.has-submenu a,
.mobile-nav .mobile__nav ul li.has-submenu span {
    position: relative;
    cursor: pointer;
}

.mobile-nav .mobile__nav ul li.has-submenu a:after,
.mobile-nav .mobile__nav ul li.has-submenu span:after {
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 1em;
    display: inline-block;
    padding: 0 1px;
    content: '\f105';
    -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mobile-nav .mobile__nav ul li.has-submenu a.submenu-open:after,
.mobile-nav .mobile__nav ul li.has-submenu span.submenu-open:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}

.mobile-nav .mobile__nav ul li ul {
    display: none;
    padding-left: 1em;
    background: #545e75; /*rgba(0,0,0,.30)*/
}

.mobile-nav .mobile__nav ul li ul li {
    background: none !important;
}

.mobile-nav .mobile__nav ul li.has-submenu ul li a:after {
    content: none;
}

.mobile-nav .mobile__nav ul li.has-submenu ul li ul {
    padding-left: 0;
}

.mobile__nav__wrap {
    display: none;
}

.mobile__nav__wrap ::-webkit-scrollbar {
    display: none;
}

@media all and (max-width: 1100px) {
    .mobile__nav__wrap {
        display: block;
    }

    .mobile__nav ul .menu--catalog a {
        text-transform: uppercase;
        border-bottom: none;
        background-color: #754baa;
    }

    .mobile__nav ul .menu--dealer a {
        text-transform: uppercase;
        border: none;
        background-color: #f05a92;
    }

    .mobile__nav ul .menu--catalog a i,
    .mobile__nav ul .menu--dealer a i {
        font-size: 18px;
        margin-right: 5px;
    }

    .mobile__button p {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0;
        text-transform: uppercase;
        color: #ffc401;
    }

    .mobile__button .mb-line {
        display: -webkit-box;
        height: 2px;
        margin-bottom: 5px;
        border-radius: 0;
        background-color: #fff;
    }

    .mobile__button .mb-wrapper span:last-child {
        font-size: 13px;
        text-transform: uppercase;
        color: #fff;
        display: block;
        line-height: 1em;
    }

}

.mobile__nav {
    position: fixed;
    z-index: -5!important;
    top: 0;
    right: -240px;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    width: 240px;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    -webkit-transform: translateZ(0);
    -webkit-transform: translateX(0);
        -ms-transform: translateZ(0);
        -ms-transform: translateX(0);
            transform: translateZ(0);
            transform: translateX(0);
    background: #16171a;
    /*-webkit-transition: visibility 0s .3s;
    -moz-transition: visibility 0s .3s;
    transition: visibility 0s .3s;*/
    -webkit-overflow-scrolling: touch;
}

.mobile__nav .close {
    font-size: 15px;
    padding: 18px 18px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #fff;
    background: #ff7e00;
}

.mobile__nav .close i {
    font-size: 15px;
    margin-right: 7px;
}

.mobile__nav .close span {
    font-weight: 700;
}

.mobile__nav .close:hover {
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

.mobile__nav.zindex {
    z-index: 99999!important;
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

.mobile__nav.visible {
    visibility: visible;
    right: 0;
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

.mobile__nav ul {
    font-size: 16px;
    font-weight: 700;
}

.mobile__nav ul li {
    position: relative;
}

.mobile__nav ul li.hidden > a {
    visibility: hidden;
}

.mobile__nav ul li a {
    font-size: 14px;
    position: relative;
    display: block;
    padding: 20px 15px;
    color: #fff;
    border-bottom: 1px solid #38444e;
    font-weight: 500;
    line-height: 1.3em;
}

.mobile__nav ul li a:hover {
    background-color: #2a5bb3;
}

.mobile__nav ul li.menu-item-has-children > a:after {
    font-family: 'Font Awesome 6 Pro';
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 12px;
    content: '\f054';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #fff;
    display: block;
}

.mobile__nav ul li a i {
    font-size: 12px;
    font-weight: 700;
    margin-left: 4px;
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

.mobile__nav ul li a.active i {
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.mobile__nav ul li .sub-menu {
    position: fixed;
    z-index: 5;
    top: 0;
    right: -240px;
    overflow: auto;
    width: 240px;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #16171a;
}

.mobile__nav ul li .sub-menu.visible {
    -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    -webkit-transform: translateX(-240px);
        -ms-transform: translateX(-240px);
            transform: translateX(-240px);
}

.mobile__nav ul li .sub-menu li.nav__back a {
    color: #fff;
    background: #ff7e00;
    border: none;
    padding: 23px 15px;
    font-weight: 700;
}

.mobile__nav ul li .sub-menu li.nav__back a i {
    font-size: 15px;
    margin-right: 7px;
}

.mobile__nav ul .mobile__phone a {
    font-weight: 500;
    border: none;
    background-color: #414c46;
}

.mobile__nav ul .mobile__phone a  i {
    font-size: 15px;
    margin-right: 5px;
}

#page__wrap {
    position: relative;
    z-index: 500;
    overflow-x: clip;
    -webkit-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

@media all and (max-width: 980px) {
    .mobile__nav {
        display: inline-block;
    }

    .mobile__button {
        display: block;
        width: 39px;
    }

    #page__wrap.active {
        overflow: hidden;
        -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
        -webkit-transform: translateX(-240px);
            -ms-transform: translateX(-240px);
                transform: translateX(-240px);
    }

    #page__wrap.fixed {
        z-index: 20;
    }

    #page__wrap > .overlay {
        position: fixed;
        z-index: 10;
        z-index: 101;
        top: 0;
        left: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
        cursor: pointer;
        -webkit-transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
            -o-transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;
                transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
                transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;
                transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s,-webkit-transform .3s 0s;
        opacity: 0;
        background-color: rgb(0 0 0 / 50%);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    #page__wrap > .overlay.is-visible {
        visibility: visible;
        -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
            -o-transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s;
                transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
                transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s;
                transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s,-webkit-transform .3s 0s;
        /*-webkit-transform: translateX(-260px);
            -moz-transform: translateX(-260px);
            -ms-transform: translateX(-260px);
            -o-transform: translateX(-260px);
            transform: translateX(-260px);*/
        opacity: 1;
    }
}

@media only screen and (max-width: 380px){
    .mobile__button .mb-wrapper span:last-child {
        font-size: 13px;
    }

    .bottom__header .nav__area > .mobile__button {
        margin-top: 5px;
    }
}



/*! Content Area
//////////////////////////////////////////////*/
.home__hero {
    font-size: 22px;
    line-height: 1.6em;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 90px 0 100px;
    background-color: #16171a;
}

.home__hero .h2 {
    font-size: 36px;
    max-width: 100%;
    margin-bottom: 15px;
    color: #009bff;
}

.home__hero .h1 {
    max-width: 1010px;
    background: none;
    color: #fff;
    -webkit-text-fill-color: unset;
}

.home__hero p {
    width: 100%;
    max-width: 850px;
}

.home__hero .button {
    display: inline-block;
    margin-top: 35px;
}

@media only screen and (max-width: 1190px){
    .home__hero .h1 {
        max-width: 710px;
    }
}

@media only screen and (max-width: 768px){
    .home__hero .h2 {
        font-size: 25px;
    }

    .home__hero {
        font-size: 17px;
        padding: 80px 0 80px;
    }

    .home__hero .button {
        margin-top: 20px;
    }

    .home__hero .h1 {
        max-width: 460px;
    }
}

@media only screen and (max-width: 500px){
    .home__hero .h1 {
        max-width: 360px;
        font-size: 35px;
    }

    .home__hero .h2 {
        font-size: 23px;
    }

    .home__primary .h6 a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 380px){
    .home__hero .h1 {
        max-width: 280px;
        font-size: 27px
    }
}

.home__stats {
    display: block;
    padding-bottom: 140px;
}

.stats__top {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.stats__top .featured-image {
    position: relative;
    width: 55%;
}

.stats__top .social-ratings {
    width: 45%;
    padding: 115px 0 55px;
    padding-right: 90px;
}

.social-ratings .item-wrap {
    display: block;
    width: auto;
    height: 60px;
}

.social-ratings img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.social-ratings .item-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    display: block;
    margin-top: 5px;
    color: #16171A;
}

.bg--primary .social-ratings .item-label,
.bg--secondary .social-ratings .item-label {
    color: #fff;
}

.social-ratings-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
    text-align: center;
}

.social-ratings-grid .grid-item-col {
    padding: 0 10px;
}

.stats__top .featured-image .image-wrap {
    position: absolute;
    top: -160px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.stats__top .featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.stats__row {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 25px 20px;
    text-align: center;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #2A5BB3;
    z-index: 5;
}

.stats__bottom {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 55px;
    padding: 30px 20px;
    text-align: center;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #2A5BB3;
}

.featured-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
    color: #FFF;
}

.featured-stats .stats-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    width: auto;
    padding: 0 20px;
    border-right: 1px solid #009BFF;
}

.featured-stats .stats-item .item-wrap {
    display: block;
    max-width: 200px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.featured-stats .stats-item:last-child {
    border-right: none;
}

.featured-stats .stats--label {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    display: block;
}

.featured-stats .stats--value:not(.fa-icon) {
    font-size: 70px;
    font-weight: 800;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
    paint-order: stroke fill;
    stroke-width: 2px;
    -webkit-text-fill-color: #2A5BB3;
    -webkit-text-stroke-color: #009BFF;
    -webkit-text-stroke-width: 4px;
}

.featured-stats .stats--value.fa-icon {
    font-size: 50px;
    font-weight: 100;
    color: #009bff;
    line-height: 1em;
    margin-bottom: 10px;
    display: block;
}

.featured-stats .stats--value span {
    font-size: 50%;
    line-height: 1.3em;
    vertical-align: top;
}

.section__results .social-ratings .item-label {
    color: #fff;
}

.section__results .social-ratings {
    max-width: 440px;
    display: block;
    margin: 0 auto;
}

.social-ratings.tertiary .item-label,
.social-ratings.secondary .item-label {
    color: #fff;
}

.section__simple-cta .social-ratings {
    max-width: 530px;
    width: 100%;
}

@media only screen and (max-width: 1190px){
    .stats__top .social-ratings {
        padding-top: 80px;
        padding-bottom: 40px;
        padding-right: 20px;
        width: 47%;
    }

    .stats__top .featured-image {
        width: 53%;
    }

    .featured-stats .stats--value:not(.fa-icon) {
        font-size: 60px;
    }

    .featured-stats .stats--label {
        max-width: 120px;
        margin: 0 auto;
        width: 100%;
    }

    .featured-stats .stats--label br {
        display: none;
    }
}

@media only screen and (max-width: 980px){
    .home__stats {
        padding-bottom: 100px;
    }

    .stats__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    }

    .featured-stats .stats--value:not(.fa-icon) {
        font-size: 40px;
    }

    .featured-stats .stats--value.fa-icon {
        font-size: 40px;
    }

    .featured-stats .stats--label {
        font-size: 15px;
    }

    .stats__top .featured-image {
        width: 100%;
    }

    .stats__top .featured-image .image-wrap {
        position: relative;
        top: auto;
    }

    .stats__top .social-ratings {
        width: 100%;
        padding-right: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }

    .stats__bottom {
        margin-top: 40px;
    }

    .section__simple-cta .social-ratings {
        margin: 0 auto;
    }

    .home__stats .wrap {
        margin-top: -100px;
    }

    .home__hero {
        padding-bottom: 190px;
    }
}

@media only screen and (max-width: 768px){
    .home__stats {
        padding-bottom: 80px;
    }

    .stats__top .featured-image .image-wrap {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .stats__bottom,
    .stats__row {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .home__hero {
        padding-bottom: 160px;
    }
}

@media only screen and (max-width: 640px){
    .featured-stats {
        margin: 0;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
                column-gap: 10px;
    }

    .featured-stats .stats-item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
        width: calc(50% - 10px);
        padding: 20px 0;
        border-right: none;
        border-bottom: 1px solid #009BFF;
    }

    .featured-stats .featured-stats {
        margin: 0;
    }

    .stats__bottom,
    .stats__row {
        padding: 10px 20px;
    }

    .featured-stats .stats-item:last-child {
        border-bottom: none;
    }

    .featured-stats .stats--value:not(.fa-icon) {
        font-size: 60px;
    }

    .featured-stats .stats--label {
        max-width: 100%;
    }
}

@media only screen and (max-width: 500px){
    .social-ratings .item-label {
        font-size: 13px;
    }

    .social-ratings .item-wrap {
        height: 40px;
    }
}

@media only screen and (max-width: 340px) {
    .social-ratings-grid {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .social-ratings-grid .grid-item-col {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .social-ratings-grid .grid-item-col:last-child {
        margin-bottom: 0;
    }

    .featured-stats {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
                column-gap: 0;
    }

    .featured-stats .stats-item {
        width: 100%;
    }
}

.section__wysiwyg {
    position: relative;
    display: block;
    padding: 140px 0;
}

.section__wysiwyg ul.list-grid-2 {
    max-width: 800px;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.section__wysiwyg ul.list-grid-2:first-child {
    margin-top: 0;
}

.section__wysiwyg .wrap > .flex-row {
    margin: 0 -35px;
}

.section__wysiwyg .flex-row > .col-image,
.section__wysiwyg .flex-row > .col-custom {
    width: 50%;
    padding: 0 35px;
}

.section__wysiwyg .flex-row > .col-content {
    width: 50%;
    padding: 0 35px;
}

.section__wysiwyg .col-image > .image-wrap {
    display: block;
    height: 100%;
    width: 100%;
    /*border-top-left-radius: 60px;
    border-bottom-right-radius: 60px; */
    overflow: hidden;
}

.section__wysiwyg .col-image > .image-wrap > img {
    display: block;
    width: 100%;


    object-position: center;
}

.section__wysiwyg.image--right .wrap > .flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}

@media only screen and (max-width: 980px){
    .section__wysiwyg {
        padding: 100px 0;
    }

    .section__wysiwyg .flex-row > .col-image {
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }

    .section__wysiwyg .flex-row > .col-custom {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-top: 40px;
        padding: 0;
    }


    .section__wysiwyg .flex-row > .col-content {
        width: 100%;
        padding: 0;
    }

    .section__wysiwyg .wrap > .flex-row {
        margin: 0;
    }
}

@media only screen and (max-width: 768px){
    .section__wysiwyg {
        padding: 80px 0;
    }

    .section__wysiwyg .col-image > .image-wrap {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

.section__logo-slider {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.business-logo-slider {
    display: block;
    margin-top: 130px;
    text-align: left;
}

.business-logo-slider:first-child {
    margin-top: 0;
}

.business-logo-slider .h3 {
    display: block;
    max-width: 300px;
    width: 100%;
    margin-bottom: 0;
}

.business-logo-slider .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.logo-slider {
    pointer-events: none;
}

.logo-slider .logo-slider-item {
    margin: 0 37px;
}

.logo-slider .slick-track {
    margin: 0 -37px;
}

.business-logo-slider .flex-col:last-child {
    max-width: calc(100% - 300px);
    padding-left: 30px;
}

.business-logo-slider .logo-slider-item .item-wrap,
.business-logo-slider .swiper-slide .item-wrap {
    height: 65px;
    max-width: 190px;
}

.logo-slider-item .item-wrap img,
.swiper-slide .item-wrap img {
    height: 65px;
}

.business-logo-slider .flex-row {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.logo-slider:not(.slick-initialized) {
    display: none;
}

.business-logo-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.business-logo-slider .swiper-slide {
    width: auto !important;
    margin: 0 30px;
}

.swiper:not(.swiper-initialized) {
    display: none !important;
}

.logo-swiper {
    pointer-events: none;
}

@media only screen and (max-width: 980px){
    .business-logo-slider {
        margin-top: 100px;
    }

    .section__logo-slider {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 768px){
    .business-logo-slider .h3 {
        max-width: 230px;
        text-align: center;
        margin: 0 auto;
    }

    .business-logo-slider .flex-row > .flex-col {
        width: 100%;
    }

    .business-logo-slider .wrap {
        display: block;
    }

    .business-logo-slider .flex-col:last-child {
        max-width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }

    .business-logo-slider {
        margin-top: 70px;
    }

    .section__logo-slider {
        padding: 70px 0;
    }

    .logo-slider .logo-slider-item {
        margin: 0 15px;
    }

    .business-logo-slider .logo-slider-item .item-wrap,
    .business-logo-slider .swiper-slide .item-wrap {
        height: 65px;
        max-width: 150px;
    }

    .logo-slider-item .item-wrap img,
    .swiper-slide .item-wrap img {
        height: 65px;
        width: auto;
    }

    .business-logo-slider .swiper-slide {
        margin: 0 15px;
    }
}

.section__results {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.section__results > .wrap {
    margin-top: 125px;
}

.section__results > .wrap:first-child {
    margin-top: 0;
}

.case-study-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -40px -30px;
}

.case-study-grid .case-study-grid-item {
    position: relative;
    overflow: hidden;
    width: 50%;
    padding: 40px 30px;
    text-align: left;
}

.home__case-study > .wrap .h6 {
    margin-bottom: 50px;
}

.case-study-grid .item-wrap {
    position: relative;
    display: block;
    padding-right: 30px;
}

.case-study-grid .item--image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.case-study-grid .case-study-grid-item:nth-child(4n-3) .item--image,
.case-study-grid .case-study-grid-item:nth-child(4n) .item--image {
    border-bottom-left-radius: 60px;
}

.case-study-grid .case-study-grid-item:nth-child(4n-2) .item--image,
.case-study-grid .case-study-grid-item:nth-child(4n-1) .item--image {
    border-top-right-radius: 60px;
}


.case-study-grid .case-study-item-wrap {
    display: block;
    position: relative;
}

.case-study-grid .case-study--category {
    font-size: 16px;
    display: block;
    margin-bottom: 0;
}

.case-study-grid .case-study--title {
    font-size: 24px;
    font-weight: 500;
    display: block;
    margin-bottom: 20px;
    color: #FFF;
    padding-right: 200px;
}

.case-study-grid .case-study--link {
    font-weight: 700;
}

.case-study-grid .case-study--link > i {
    margin-left: 5px;
}

.case-study-grid .case-study--performance {
    position: absolute;
    right: 0;
    top: 265px;
    display: block;
}

.progress-circle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 210px;
        height: 210px;
}

.progress-circle canvas {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    pointer-events: none;
}

.progress-circle .progress-data {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    padding: 20px;
    text-align: center;
}

.progress-circle .value {
    font-family: "Inter",sans-serif;
    font-size: 50px;
    font-weight: 800;
    line-height: 1em;
    display: block;
    color: #FFF;
}

.progress-circle .label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    display: block;
    margin-top: 5px;
    padding: 0 10px;
}

.progress-circle:before {
    position: absolute;
    z-index: 0;
    top: 14px;
    right: 14px;
    bottom: 14px;
    left: 14px;
    display: block;
    content: "";
    border-radius: 100px;
    background-color: #16171A;
}

.progress-circle .icon {
    font-size: 40px;
    line-height: 1em;
    display: block;
    margin-top: -10px;
    margin-bottom: 5px;
    text-align: center;
    color: #00AC5B;
}

.case-study-grid .item-description {
    display: block;
    padding-top: 40px;
}

.case-study-grid .item-description .result-lists {
    display: block;
    position: relative;
    margin-top: 50px;
    padding: 35px 40px;
    background-color: #2f3137;
    color: #fff;
    border-radius: 20px;
}

@media only screen and (max-width: 1190px){
    .progress-circle {
        width: 180px;
        height: 180px;
    }

    .progress-circle:before {
        top: 12px;
        right: 12px;
        bottom: 12px;
        left: 12px;
    }

    .progress-circle .icon {
        font-size: 25px;
    }

    .progress-circle .value {
        font-size: 40px;
    }

    .progress-circle .label {
        font-size: 14px;
    }

    .case-study-grid .case-study--title {
        font-size: 23px;
        padding-right: 160px;
    }

    .case-study-grid .case-study--performance {
        top: auto;
        bottom: 0;
    }
}

@media only screen and (max-width: 980px){
    .case-study-grid {
        margin: 0;
    }

    .case-study-grid .case-study-grid-item {
        width: 100%;
        padding: 0;
        margin-bottom: 60px;
    }

    .case-study-grid .case-study-grid-item:last-child {
        margin-bottom: 0;
    }

    .home__case-study > .wrap {
        margin-top: 70px;
    }

    .section__results {
        padding: 100px 0;
    }

    .case-study-grid .item-description .result-lists {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 768px){
    .case-study-grid .case-study-grid-item:nth-child(4n-3) .item--image,
    .case-study-grid .case-study-grid-item:nth-child(4n) .item--image {
        border-bottom-left-radius: 30px;
    }

    .case-study-grid .case-study-grid-item:nth-child(4n-2) .item--image,
    .case-study-grid .case-study-grid-item:nth-child(4n-1) .item--image {
        border-top-right-radius: 30px;
    }

    .section__results {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 480px){
    .case-study-grid .case-study-grid-item {
        text-align: center;
    }

    .case-study-grid .case-study--title {
        padding-right: 0;
    }

    .case-study-grid .item-wrap {
        padding-right: 0;
    }

    .case-study-grid .case-study--performance {
        top: 15%;
        right: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        pointer-events: none;
    }

    .case-study-grid .progress-circle {
        overflow: hidden;
        border-radius: 100px;
        -webkit-box-shadow: 0 5px 20px black;
                box-shadow: 0 5px 20px black;
    }

    .case-study-grid .item--image {
        height: 290px;
    }

    .case-study-grid .item--image > img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .case-study-grid .item-description .result-lists {
        padding: 25px;
    }
}

@media only screen and (max-width: 320px){
    .case-study-grid .item-description .result-lists {
        padding: 18px;
        font-size: 15px;
    }
}

.text-highlight {
    display: inline-block;
    position: relative;
}

.text-highlight .highlight--image {
    position: absolute;
    display: block;
    left: -15px;
    right: -15px;
    z-index: 1;
    bottom: -20px;
}

.text-highlight--secondary .highlight--image {
    left: -5px;
    right: -5px;
    bottom: -40px;
}

.text-highlight svg {
    display: block;
    width: 100%;
    height: 100%;
}

.text-highlight--tertiary .highlight--image {
    bottom: 0;
    left: 0;
    right: -5px;
}

@media only screen and (max-width: 980px){
    .text-highlight--secondary .highlight--image {
        height: 40px;
        bottom: -28px;
    }
}

@media only screen and (max-width: 768px){
    .text-highlight--secondary .highlight--image {
        height: 25px;
        bottom: -20px;
        left: 0;
        right: 0;
    }

    .text-highlight .highlight--image {
        left: -5px;
        right: -5px;
        bottom: -15px;
    }
}

@media only screen and (max-width: 640px){
    .text-highlight--secondary .highlight--image {
        height: 15px;
        bottom: -10px;
        left: 0;
        right: 0;
    }
}

.section__services {
    display: block;
    padding: 140px 0;
    position: relative;
}

.section__services .flex-col {
    width: 50%;
}

.section__services .col--content {
    padding-right: 90px;
}

.section__services .col--services {
    padding-left: 30px;
}

.section__services .col--content .content-wrap {
    position: sticky;
    top: 110px;
}

.service__rows .service-row {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #38444e;
    text-align: left;
}

.bg--light .service-row,
.bg--light-gray .service-row {
    border-color: #e3e3e3;
}

.section__services .col--services > .h2,
.section__services .col--services > .headline-wrap {
    margin-bottom: 60px;
}

.section__services .col--services.no-content {
    padding: 0;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 981px){
    .section__services .col--services.no-content .service__rows {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
    }

    .section__services .col--services.no-content .service-row {
        width: calc(50% - 20px);
        border: none;
        border-bottom: 1px solid #38444e !important;
        padding: 0 0 30px;
    }

    .bg--light .col--services.no-content .service-row,
    .bg--light-gray .col--services.no-content .service-row {
        border-color: #d8dbdf !important;
    }

    .section__services .col--services.no-content .service-item {
        height: 100%;
    }
}

.service__rows .service-row:first-child {
    padding-top: 0;
}

.service__rows .service-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.service__rows .service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px 40px;
    cursor: pointer;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    border-radius: 20px;
    background-color: rgb(25 26 30 / 0%);
}

.service__rows .service-item .button-simple {
    margin-top: 30px;
}

.service__rows .service-item:hover {
    background-color: #191a1e;
}

.service__rows div.service-item:hover {
    cursor: default;
}

.service__rows .service-item:hover .service--description {
    color: #fff;
}

.service__rows .icon {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    -webkit-transition: all ease-in-out .5s;
         -o-transition: all ease-in-out .5s;
            transition: all ease-in-out .5s;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    background-color: #009bff;
}

.service__rows .service-item:hover .icon {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
}

.home .service__rows .service-row:nth-child(1) .icon,
.home .service__rows .service-row:nth-child(8) .icon,
.home .service__rows .service-row:nth-child(15) .icon {
    background-color: #00ab5b;
}

.home .service__rows .service-row:nth-child(2) .icon,
.home .service__rows .service-row:nth-child(9) .icon,
.home .service__rows .service-row:nth-child(16) .icon {
    background-color: #7f63b7;
}

.home .service__rows .service-row:nth-child(3) .icon,
.home .service__rows .service-row:nth-child(10) .icon,
.home .service__rows .service-row:nth-child(17) .icon {
    background-color: #3b82c5;
}

.home .service__rows .service-row:nth-child(4) .icon,
.home .service__rows .service-row:nth-child(11) .icon,
.home .service__rows .service-row:nth-child(18) .icon {
    background-color: #eebb4a;
}

.home .service__rows .service-row:nth-child(5) .icon,
.home .service__rows .service-row:nth-child(12) .icon,
.home .service__rows .service-row:nth-child(19) .icon {
    background-color: #c1365e;
}

.home .service__rows .service-row:nth-child(6) .icon,
.home .service__rows .service-row:nth-child(13) .icon,
.home .service__rows .service-row:nth-child(20) .icon {
    background-color: #ed6a5a;
}

.home .service__rows .service-row:nth-child(7) .icon,
.home .service__rows .service-row:nth-child(14) .icon,
.home .service__rows .service-row:nth-child(21) .icon {
    background-color: #be4ca2;
}

.service__rows .service-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    padding-left: 40px;
    color: #fff;
}

.service__rows .service--title {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #00ac5b;
    text-transform: uppercase;
}

.service__rows .service--description {
    color: #fff;
}

.bg--light .service__rows .service--description,
.bg--light-gray .service__rows .service--description {
    color: #3c4953;
}

.service__rows .service--description .h6 {
    margin: 10px 0;
    font-size: 15px;
}

.partner-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    gap: 40px;
}

.align-center .partner-images,
.partner-images.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partner-images img {
    margin: 0;
    border-radius: 0 !important;
    max-height: 75px;
}

.partner-images br {
    display: none;
}


@media only screen and (max-width: 980px){
    .section__services .col--content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 100px;
    }

    .section__services .col--services {
        padding-left: 0;
        width: 100%;
    }

    .section__services {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 768px){
    .section__services {
        padding: 80px 0;
    }

    .partner-images {
        gap: 20px;
    }

    .partner-images img {
        height: 40px;
        width: auto;
    }
}

@media only screen and (max-width: 500px){
    .service__rows .service-row {
        padding: 20px 0;
    }

    .service__rows .service-item {
        padding: 20px;
    }

    .service__rows .icon {
        width: 65px;
        height: 65px;
        font-size: 25px;
        line-height: 65px;
    }

    .service__rows .service--title {
        font-size: 20px;
    }

    .section__services .col--services > .h2,
    .section__services .col--services > .headline-wrap {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 380px){
    .service__rows .service-item .service-icon {
        width: 100%;
    }

    .service__rows .service-content {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
}

.section__project-showcase {
    display: block;
    padding: 140px 0;
    overflow: hidden;
}

.showcase-slider:not(.slick-initialized) {
    display: none;
}

.showcase__sliders {
    display: block;
    text-align: center;
    padding: 140px 0;
    margin-top: 140px;
    position: relative;
    overflow: hidden;
}

.showcase__sliders .mediumwrap:first-child {
    margin-bottom: 50px;
}

.showcase__sliders .mediumwrap:last-child {
    margin-top: 50px;
}

.showcase-slider {
    pointer-events: none;
}

.showcase-slider .slider-item {
    padding: 13px;
}

.showcase-slider .slick-list {
    margin: -13px;
}

.showcase-slider--bottom .slick-list {
    margin-top: 13px;
}

.showcase-slider .item-wrap {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    background-color: #FFF;
    -webkit-box-shadow: 0 5px 10px rgb(22 23 26 / 50%);
            box-shadow: 0 5px 10px rgb(22 23 26 / 50%);
            pointer-events: all;
}

.showcase-slider .item-wrap img {
    display: block;
    transform: scale(1);
    transition: all ease-in-out 0.2s;
    opacity: 1;
}

.showcase-slider a.item-wrap:hover img {
    transform: scale(1.1);
}

.showcase__sliders:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    left: 85px;
    right: 85px;
    background-color: #2a5bb3;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    background-image: url(https://webtekcc.com/wp-content/uploads/2025/01/webtek-w-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 0;
    pointer-events: none;
}

@media only screen and (max-width: 980px){
    .showcase__sliders {
        padding: 100px 0;
        margin-top: 100px;
    }

    .showcase__sliders:before {
        left: 4%;
        right: 4%;
    }

    .section__project-showcase {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 768px){
    .showcase__sliders {
        padding: 80px 0;
        margin-top: 80px;
    }

    .section__project-showcase {
        padding: 80px 0;
    }

    .showcase__sliders:before {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media only screen and (max-width: 500px){
    .showcase__sliders:before {
        left: 0;
        right: 0;
        border-top-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.section__quaternary {
    position: relative;
    display: block;
    padding: 140px 0;
}

.section__quaternary .col-content {
    width: 45%;
    padding-left: 110px;
}

.section__quaternary .col-video {
    width: 55%;
}

.section__quaternary .video-wrap {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.section__quaternary .video-wrap video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.section__quaternary .circle-band {
    position: absolute;
    top: -65px;
    left: -60px;
    display: block;
    width: 140px;
    height: 140px;
}

.section__quaternary .circle-band img {
    -webkit-animation: rotate 30s linear infinite;
            animation: rotate 30s linear infinite;
            width: 100%;
            height: 100%;
}

.home__sliders {
    margin-bottom: 25px;
}

@media only screen and (max-width: 1190px){
    .section__quaternary .col-content {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 980px){
    .section__quaternary {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 768px){
    .section__quaternary {
        padding: 80px 0;
    }

    .section__quaternary .col-video {
        width: 100%;
        margin-bottom: 40px;
    }

    .section__quaternary .col-content {
        width: 100%;
        padding-left: 0;
    }

    .section__quaternary .video-wrap {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media only screen and (max-width: 640px){
    .section__quaternary .circle-band {
        top: -40px;
        left: -35px;
        width: 100px;
        height: 100px;
    }
}

.section__greviews {
    display: block;
    position: relative;
    padding: 140px 0;
    overflow: hidden;
}

.section__greviews .content-wrap {
    margin-bottom: 50px;
    display: block;
    max-width: 405px;
    width: 100%;
}

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

}

@media only screen and (max-width: 980px){
    .section__greviews {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 768px){
    .section__greviews {
        padding: 80px 0;
    }
}

.section__quote {
    display: block;
    position: relative;
    padding: 80px 0 90px;
    overflow: hidden;
}

.section__quote .bubble__heads {
    position: absolute;
    top: -80px;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section__quote .section-wrap {
    display: block;
    text-align: center;
    max-width: calc(100% - 170px);
    margin: 0 auto;
    width: 100%;
    padding: 105px 30px;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    position: relative;
    z-index: 2;
}

.section__quote .bubble__heads .bubble-head {
    margin: 0 -10px;
}

.bubble__heads .img-wrap {
    display: block;
    overflow: hidden;
    border-radius: 100px;
    width: 155px;
    height: 155px;
    position: relative;
    z-index: 3;
}

.bubble__heads .img--1 {
    width: 87px;
    height: 87px;
    z-index: 0;
}

.bubble__heads .img--2 {
    width: 103px;
    height: 103px;
    z-index: 1;
}

.bubble__heads .img--3 {
    width: 128px;
    height: 128px;
    z-index: 2;
}

.section__quote .section-background,
.section__quote:after {
    display: block;
    position: absolute;
    top: 295px;
    left: 0;
    right: 0;
    bottom: 0;
}

.section__quote .section-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 0;
}

.section__quote:after {
    content: '';
    z-index: 1;
    background-color: #2a5bb3;
    opacity: .88;
}

.section__quote .content-wrapper {
    display: block;
    margin-bottom: 40px;
}

.section__quote .content-wrapper:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 980px){
    .section__quote .section-wrap {
        max-width: calc(100% - 8%);
    }

    .bubble__heads .img-wrap {
        width: 130px;
        height: 130px;
    }

    .bubble__heads .img--1 {
        width: 70px;
        height: 70px;
    }

    .bubble__heads .img--2 {
        width: 90px;
        height: 90px;
    }

    .bubble__heads .img--3 {
        width: 110px;
        height: 110px;
    }

    .section__quote .bubble__heads {
        top: -65px;
    }

    .section__quote {
        padding: 65px 0 80px;
    }
}

@media only screen and (max-width: 768px){
    .bubble__heads .img-wrap {
        width: 70px;
        height: 70px;
    }

    .bubble__heads .img--1 {
        width: 40px;
        height: 40px;
    }

    .bubble__heads .img--2 {
        width: 50px;
        height: 50px;
    }

    .bubble__heads .img--3 {
        width: 60px;
        height: 60px;
    }

    .section__quote .bubble__heads .bubble-head {
        margin: 0 -5px;
    }

    .section__quote .bubble__heads {
        top: -35px;
    }

    .section__quote {
        padding: 35px 0 80px;
    }

    .section__quote .section-wrap {
        padding: 70px 2% 30px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
}

@media only screen and (max-width: 500px){
    .bubble__heads .img-wrap {
        width: 18vw;
        height: 18vw;
    }

    .bubble__heads .img--3 {
        width: 14vw;
        height: 14vw;
    }

    .bubble__heads .img--2 {
        width: 12vw;
        height: 12vw;
    }

    .bubble__heads .img--1 {
        width: 10vw;
        height: 10vw;
    }

    .section__quote .bubble__heads {
        top: -45px;
    }

    .section__quote {
        padding-top: 45px;
    }
}

@media only screen and (max-width: 380px){
    .section__quote .section-wrap {
        padding: 50px 0 30px;
    }

    .section__quote .bubble__heads {
        top: -30px;
    }

    .section__quote {
        padding: 30px 0 80px;
    }
}

.reviews__slider .rpi {
    margin: -8px;
}

.reviews__slider .rpi-name {
    font-family: 'Inter',sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.reviews__slider .rpi-name:before {
    content: '— ';
}

.reviews__slider .rpi-stars {
    gap: 2px;
}

.reviews__slider .rpi-stars {
    gap: 2px;
    margin-left: 58px;
    margin-top: 2px;
}

.reviews__slider .rpi-stars .rpi-star:after {
    content: '\e28b';
    background-color: transparent;
    mask: none;
    mask-repeat: unset;
    width: auto;
    height: auto;
    font-family: 'Font Awesome 6 Sharp';
    font-weight: 700;
    color: #f5b20a;
    font-size: 15px;
}

.reviews__slider .rpi-card-inner {
    padding: 25px 30px 55px;
}

.reviews__slider .rpi-text {
    display: block;
    font-family: 'Inter',sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 400;
    margin-top: 15px;
}

.reviews__slider .rpi-card-inner.rpi-logo-left::before {
    height: 20px;
    width: 20px;
    content: '5.0';
    font-size: 16px;
    font-weight: 700;
    font-family: 'Inter',sans-serif;
    padding-left: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    top: 25px;
    left: 30px;
}

.reviews__slider .rpi-dots .rpi-dot {
    flex: 1;
    height: 3px;
    border-radius: 0;
    width: 20px;
    background-color: #2f3137;
    opacity: 1 !important;
    transform: none;
}

.reviews__slider .rpi-dots .rpi-dot.active {
    background-color: #fff;
}

.reviews__slider .rpi-dots-wrap {
    width: 100%;
    position: relative;
    padding-top: 50px;
}

@media only screen and (max-width: 768px){
    .reviews__slider .rpi-dots {
        gap: 5px;
    }

    .reviews__slider .rpi-dots .rpi-dot {
        width: 5px;
        height: 5px;
    }
}

/* ---------------------- *\
 * PAGE HERO SECTION
\* ------------------------ */

.page__hero {
    position: relative;
    display: block;
    min-height: 600px;
    padding: 80px 0;
    background-color: #16171A;
    font-size: 22px;
    line-height: 1.6em;
}

.page__hero .h1:first-child {
    margin-top: -22px;
    margin-bottom: 15px;
}

.page__hero .h1:last-child {
    margin-bottom: 0;
}

.page__hero .small {
    font-size: 18px;
    line-height: 1.67em;
}

.rank-math-breadcrumb {
    display: block;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.rank-math-breadcrumb p {
    line-height: 1.2em;
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
    font-family: "Inter",sans-serif;
    font-size: 14px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #ACB9C3;
}

.bg--light .rank-math-breadcrumb a,
.bg--light .rank-math-breadcrumb span,
.bg--light-gray .rank-math-breadcrumb a,
.bg--light-gray .rank-math-breadcrumb span {
    color: #3c4953;
}

.rank-math-breadcrumb .separator {
    margin: 0 5px;
}

.page__stats .stats__row {
    margin-top: -80px;
}

.hero-style--1 .content-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 750px;
    margin-bottom: 70px;
}

.hero-style--1 .hero--overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}

.hero-style--1:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #16171A;
    opacity: .65;
    z-index: 2;
}

.page__hero .hero--video {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.page__hero .hero--video video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.page__hero .h2.primary,
.page__hero .h2.secondary,
.page__hero .h2.tertiary,
.page__hero .h2.quaternary {
    margin-bottom: 32px;
    letter-spacing: .05em;
    margin-top: 0
}

.page__hero .button {
    margin-top: 0;
}

.hero-style--1 .wrap {
    z-index: 3;
}

.hero-style--1.no-stats,
.hero-style--2.no-stats {
    min-height: auto;
}

.hero-style--1.no-stats .content-wrap,
.hero-style--2.no-stats .content-wrap {
    margin-bottom: 0;
}

.page__hero.no-content {
    min-height: auto;
    padding: 40px 0;
}

.page__hero.no-content .rank-math-breadcrumb {
    margin-bottom: 0;
}

.page__hero .floating-icons {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -15px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 50px;
}

.page__hero .floating-icons img {
    display: block;
    height: 70px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
       pointer-events: none;
}

@media only screen and (max-width: 1190px){
    .page__hero {
        min-height: 500px;
    }
}

@media only screen and (max-width: 980px){
    .rank-math-breadcrumb a, .rank-math-breadcrumb span {
        font-size: 13px;
        letter-spacing: 0.05em;
    }

    .page__hero .h1:first-child {
        margin-top: -10px;
    }
}

@media only screen and (max-width: 768px){
    .hero-style--1 .hero--overlay {
        background-attachment: scroll;
    }

    .hero-style--1 .content-wrap {
        max-width: 100%;
    }

    .page__hero {
        min-height: 350px;
        font-size: 18px;
    }

    .page__hero .h1:first-child {
        margin-top: -5px;
    }

    .page__hero .small {
        font-size: 16px;
    }

    .page__hero .hero--video {
        display: none;
        opacity: 0;
        visibility: hidden;
    }

    .page__hero.no-content {
        padding: 25px 0;
    }
}

@media only screen and (max-width: 640px){
    .page__hero {
        min-height: auto;
    }
}

@media only screen and (max-width: 500px){
    .page__hero .content-wrap p br {
        display: none;
    }

    .page__hero .floating-icons img {
        height: 50px;
    }

    .page__hero .floating-icons {
        gap: 30px;
    }
}

.hero-style--2 .content-wrap {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    max-width: 550px;
    margin-bottom: 70px;
}

.hero-style--2 .flex-row .content-wrap {
    max-width: 100%;
}

.hero-style--2 .flex-row > .col-content {
    width: 50%;
    padding-right: 70px;
}

.hero-style--2 .flex-row > .col-image {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    width: 50%;
    margin-bottom: -10px;
}

.hero-style--2 .desktop-image {
    position: relative;
    z-index: 2;
    display: block;
}

.hero-style--2 .featured-image {
    position: absolute;
    z-index: 1;
    top: 4%;
    right: 2%;
    left: 2%;
    display: block;
    overflow: hidden;
    background-color: #fff;
    bottom: 32%;
}

.hero-style--2 .featured-image .image-wrap {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.hero-style--2 .featured-image a.image-wrap {
    cursor: pointer;
}

.hero-style--2 .featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
}

.hero-style--2 .desktop-image > img {
    position: relative;
    z-index: 2;
    pointer-events: none;
    margin-bottom: 0;
}

.hero-style--2 .desktop-image:after {
    position: absolute;
    z-index: 0;
    top: -50px;
    right: -50px;
    left: 50px;
    display: block;
    height: 340px;
    content: "";
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    background-color: #2F3137;
    pointer-events: none;
}

@media only screen and (max-width: 980px){
    .hero-style--2 .flex-row > .col-content {
        width: 100%;
        padding-right: 0;
    }

    .hero-style--2 .flex-row > .col-image {
        width: 100%;
    }
}

@media only screen and (max-width: 500px){
    .hero-style--2 .desktop-image:after {
        height: 70%;
        top: -35px;
    }
}

.hero-style--3 {
    padding: 40px 0;
}

.hero-style--3 .hero-wrap {
    content: '';
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: calc(100% - 170px);
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    padding: 40px 20px 65px;
}

.hero-style--3 .col-content {
    width: 45%;
    padding-right: 5%;
}

.hero-style--3 .col-image {
    width: 55%;
    padding-top: 20px;
}

.hero-style--3 .col-image .image-wrap {
    display: block;
    overflow: hidden;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

@media only screen and (max-width: 1380px){
    .hero-style--3 .hero-wrap {
        max-width: 95%;
    }
}

@media only screen and (max-width: 980px){
    .hero-style--3 .hero-wrap {
        max-width: 92%;
    }

    .hero-style--3 .col-content {
        width: 100%;
        padding-right: 0;
    }

    .hero-style--3 .col-image {
        width: 100%;
        padding-top: 50px;
    }
}

@media only screen and (max-width: 768px){
    .hero-style--3 .hero-wrap {
        max-width: 92%;
        padding: 40px 20px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .hero-style--3 .col-image .image-wrap {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media only screen and (max-width: 500px){
    .hero-style--3 .hero-wrap {
        max-width: 92%;
        padding: 40px 0;
    }
}

.hero-style--4 {
    overflow: hidden;
}

.hero-style--4 .wrap {
    z-index: 1;
}

.hero-style--4 .hero--overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 32%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    width: 2225px;
    pointer-events: none;
}

.hero-style--4 .col-image {
    width: 55%;
    position: relative;
}

.hero-style--4 .col-content {
    width: 45%;
    padding-right: 5%;
}

.hero-style--4 .col-image .image-wrap {
    display: block;
    overflow: hidden;
    border-top-left-radius: 90px;
    border-bottom-right-radius: 90px;
    height: 100%;
    position: relative;
}

.hero-style--4 .col-image .image-wrap > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: relative;
    z-index: 0;
}

.hero-style--4 .col-image.with-icons .image-wrap:before {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 30%;
    content: "";
    opacity: .9;
    background: rgb(0,0,0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(255,255,255,0)));
    background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background:    linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}


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

}

@media only screen and (max-width: 980px){
    .hero-style--4 .col-content {
        width: 100%;
        padding-right: 0;
    }

    .hero-style--4 .col-image {
        width: 100%;
        padding-top: 50px;
    }

    .hero-style--4 .hero--overlay {
        left: 0;
    }
}

@media only screen and (max-width: 768px){
    .hero-style--4 .col-image .image-wrap {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

.section__sidebar {
    display: block;
    position: relative;
    padding: 140px 0;
}

.section__sidebar .wrap > .flex-row {
    margin: 0 -57.5px;
}

.section__sidebar .col-content {
    padding: 0 57.5px;
    width: 60%;
}

.section__sidebar .col-sidebar {
    padding: 0 57.5px;
    width: 40%;
}

.section__sidebar .sidebar-content {
    position: relative;
    z-index: 0;
}

.sidebar-container {
    display: block;
    background-color: #f5f6f8;
    position: sticky;
    top: 110px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    padding: 60px 40px;
    color: #3c4953;
}

.bg--light-gray .sidebar-container {
    background-color: #fff;
}

.section__sidebar.sidebar--left .wrap > .flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}

.sidebar-container h1,
.sidebar-container h2,
.sidebar-container h3,
.sidebar-container h4,
.sidebar-container h5,
.sidebar-container h6,
.sidebar-container .h2,
.sidebar-container .h3,
.sidebar-container .h4,
.sidebar-container .h5,
.sidebar-container .h6 {
    color: #16171a;
}

@media only screen and (max-width: 1190px){
    .section__sidebar .col-sidebar {
        padding: 0 40px;
    }

    .section__sidebar .col-content {
        padding: 0 40px;
    }

    .section__sidebar .wrap > .flex-row {
        margin: 0 -40px;
    }
}

@media only screen and (max-width: 980px){
    .section__sidebar {
        padding: 100px 0;
    }

    .section__sidebar .col-content {
        width: 100%;
        padding: 0;
    }

    .section__sidebar .col-sidebar {
        width: 100%;
        padding: 0;
        padding-top: 50px;
    }

    .section__sidebar .wrap > .flex-row {
        margin: 0;
    }
}

@media only screen and (max-width: 768px){
    .section__sidebar {
        padding: 80px 0;
    }

    .sidebar-container {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media only screen and (max-width: 640px){
    .sidebar-container {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 320px){
    .sidebar-container {
        padding: 25px 20px;
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: translate(0,  0px);
                transform: translate(0,  0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
                transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, -0px);
                transform: translate(0, -0px);
    }
}

@keyframes floating {
    from {
        -webkit-transform: translate(0,  0px);
                transform: translate(0,  0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
                transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, -0px);
                transform: translate(0, -0px);
    }
}

.floating {
    -webkit-animation-name: floating;
            animation-name: floating;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.floating--1 {
    -webkit-animation-name: floating;
            animation-name: floating;
        -webkit-animation-duration: 4s;
                animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-delay: .3s;
            animation-delay: .3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.floating--2 {
    -webkit-animation-name: floating;
            animation-name: floating;
        -webkit-animation-duration: 4s;
                animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.floating--3 {
    -webkit-animation-name: floating;
            animation-name: floating;
        -webkit-animation-duration: 4s;
                animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-delay: .7s;
            animation-delay: .7s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.floating--4 {
    -webkit-animation-name: floating;
            animation-name: floating;
        -webkit-animation-duration: 4s;
                animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-delay: .9s;
            animation-delay: .9s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.floating--5 {
    -webkit-animation-name: floating;
            animation-name: floating;
        -webkit-animation-duration: 4s;
                animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.section__rows {
    display: block;
    position: relative;
    padding: 140px 0;
}

.nested__rows {
    display: block;
    text-align: left;
}

.nested__rows .inner-row {
    display: block;
    padding-top: 95px;
    border-top: 1px solid #dcdee6;
    margin-top: 95px;
}

.bg--secondary .nested__rows .inner-row {
    border-color: #4f5055;
}

.bg--primary .nested__rows .inner-row {
    border-color: #343538;
}

.nested__rows .inner-row:first-child {
    border-top: none;
    margin-top: 0;
}

.nested__rows .inner-row .col-image {
    width: 50%;
    position: relative;
}

.nested__rows .inner-row .col-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 50%;
    padding-left: 120px;
}

.nested__rows .inner-row .col-content:not(.has-custom-content) {
    padding-top: 60px;
    padding-bottom: 60px;
}

.nested__rows .inner-row .col-image .image-wrap {
    overflow: hidden;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    display: block;
    position: relative;
    height: 100%;
}

.nested__rows .inner-row .col-image .image-wrap img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.nested__rows .inner-row > .image--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}

.nested__rows .inner-row .image--right .col-content {
    padding-right: 120px;
    padding-left: 0;
}

.section__rows .mediumwrap > .h6.primary,
.section__rows .mediumwrap > .h6.secondary,
.section__rows .mediumwrap > .h6.tertiary {
    margin-top: 70px;
}

.nested__rows .inner-row .content-icon {
    font-size: 40px;
    line-height: 80px;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    background-color: #009bff;
    margin-bottom: 20px;
}

/* ------------------ *\
 * ROW: SEO
\* ------------------ */
.floating-icon > img {
    margin: 0;
}

#row-seo .content-icon {
    background-color: #00ab5b;
}

#row-seo .image-content > img:first-child {
    position: relative;
    display: block;
    margin-bottom: 60px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

#row-seo .image-content > img:nth-child(2) {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    max-width: 293px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 30%);
            box-shadow: 0 5px 20px rgb(0 0 0 / 30%);
            margin-bottom: 0;
}

#row-seo .image-content > .floating-icon {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    z-index: 2;
    top: 30%;
    left: -35px;
}

#row-seo .image-content > .floating-icon img {
    width: 100%;
    height: 100%;
}

/* ------------------ *\
 * ROW: Google Ads PPC
\* ------------------ */
#row-google-ads .image-content > img:first-child {
    position: relative;
    z-index: 0;
    display: block;
    max-width: 75%;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

#row-google-ads .image-content > img:nth-child(2) {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 53px;
    left: 0;
    display: block;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

#row-google-ads .image-content > .floating-icon {
    position: absolute;
    z-index: 2;
    top: 26%;
    right: 11%;
    display: block;
    width: 100px;
}

#row-google-ads .image-content > .floating-icon img {
    display: block;
    height: 100%;
    width: 100%;
}


#row-google-ads .content-icon {
    background-color: #eebb4a;
}

/* ------------------ *\
 * ROW: Content Marketing
\* ------------------ */
#row-content-marketing .image-content:before,
#row-content-marketing .image-content:after {
    content: '';
    display: block;
    clear: both;
}

#row-content-marketing .image-content > img:first-child {
    position: relative;
    z-index: 0;
    display: block;
    float: right;
    max-width: 70%;
    margin: 0;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

#row-content-marketing .image-content > img:nth-child(2) {
    position: absolute;
    z-index: 1;
    bottom: 30%;
    left: 0;
    display: block;
    width: 61%;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

#row-content-marketing .content-icon {
    background-color: #7f63b7;
}

/* ------------------ *\
 * ROW: SMM
\* ------------------ */
#row-smm .image-content > img:first-child {
    position: absolute;
    display: block;
    max-width: 70%;
    margin: auto;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#row-smm .image-content > img:nth-child(2) {
    position: relative;
    z-index: 2;
    bottom: 30%;
    left: 0;
    display: block;
    width: 61%;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    float: right;
    margin-bottom: 0;
}

#row-smm .content-icon {
    background-color: #3b82c5;
}

#row-smm .image-content:before,
#row-smm .image-content:after {
    content: '';
    display: block;
    clear: both;
}

#row-smm .image-content .floating-icon > img {
    display: block;
    position: absolute;
    z-index: 0;
    max-height: 55px;
}

#row-smm .image-content .floating-icon > img:first-child {
    top: 5%;
    left: 8%;
    width: 54px;
}

#row-smm .image-content .floating-icon > .floating--1 {
    bottom: -30px;
    left: 32%;
    width: 54px;
}

#row-smm .image-content .floating-icon > .floating--2 {
    width: 27px;
    bottom: 8%;
    rotate: -30deg;
    left: 15%;
}

#row-smm .image-content .floating-icon > .floating--3 {
    width: 25px;
    bottom: 40%;
    rotate: 25deg;
    left: 7%;
}

#row-smm .image-content .floating-icon > .floating--4 {
    width: 25px;
    left: 30%;
}

/* ------------------ *\
 * ROW: Email Marketing
\* ------------------ */
#row-email-marketing .image-content > img:first-child {
    position: relative;
    display: block;
    max-width: 50%;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    z-index: 1;
    float: right;
    margin-right: 55px;
}

#row-email-marketing .image-content > img:nth-child(2) {
    position: absolute;
    z-index: 0;
    bottom: 8%;
    left: 0;
    display: block;
    width: 43%;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

#row-email-marketing .image-content:before,
#row-email-marketing .image-content:after {
    content: '';
    display: block;
    clear: both;
}

#row-email-marketing .image-content .floating-icon {
    display: block;
    position: absolute;
    width: 90px;
    bottom: 20px;
    right: 0;
    z-index: 2;
}

#row-email-marketing .image-content .floating-icon img {
    width: 100%;
    height: 100%;
}

#row-email-marketing .content-icon {
    background-color: #c1365e;
}

@media only screen and (max-width: 1190px){
    .nested__rows .inner-row .col-content {
        padding-left: 60px;
    }

    .nested__rows .inner-row .image--right .col-content {
        padding-right: 60px;
        padding-left: 0;
    }

    #row-seo .image-content > img:nth-child(2) {
        max-width: 220px;
    }

    #row-google-ads .image-content > .floating-icon {
        right: 5%;
    }
}

@media only screen and (max-width: 980px){
    .section__rows {
        padding: 100px 0;
    }

    .nested__rows .inner-row .col-image {
        width: 100%;
        margin-bottom: 40px;
    }

    .nested__rows .inner-row .col-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .nested__rows .inner-row .col-image .image-wrap {
        height: 50vw;
        max-height: 400px;
    }

    .nested__rows .inner-row .col-image .image-wrap > img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    #row-seo .image-content > .floating-icon {
        left: 0;
    }

    #row-seo .image-content > img:nth-child(2) {
        max-width: 340px;
    }

    #row-google-ads .image-content > .floating-icon {
        right: 20%;
    }

    .nested__rows .inner-row .col-content:not(.has-custom-content) {
        padding-top: 0;
        padding-bottom: 0;
    }

}

@media only screen and (max-width: 768px){
    .section__rows {
        padding: 80px 0;
    }

    .nested__rows .inner-row .col-image .image-wrap {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .nested__rows .inner-row {
        padding-top: 80px;
        margin-top: 80px;
    }

    #row-seo .image-content > img:nth-child(2) {
        max-width: 290px;
    }

    #row-google-ads .image-content > .floating-icon {
        right: 14%;
    }
}

@media only screen and (max-width: 640px){
    #row-seo .image-content > img:nth-child(2) {
        max-width: 240px;
    }

    #row-google-ads .image-content > .floating-icon {
        right: 15px;
    }
}

@media only screen and (max-width: 500px){
    .nested__rows .inner-row .content-icon {
        width: 65px;
        height: 65px;
        font-size: 25px;
        line-height: 65px;
    }

    #row-seo .image-content > img:nth-child(2) {
        max-width: 48vw;
    }

    #row-seo .image-content > .floating-icon {
        top: 25%;
        width: 18vw;
    }

    #row-google-ads .image-content > .floating-icon {
        width: 20vw;
    }

    #row-google-ads .image-content > img:nth-child(2) {
        width: 63vw;
        bottom: 11%;
    }

    #row-google-ads .image-content > img:first-child {
        width: 42vw;
    }

    #row-smm .image-content .floating-icon > img {
        max-height: 35px;
    }

    #row-smm .image-content .floating-icon > .floating--4 {
        width: 20px;
        left: 30%;
    }

    #row-smm .image-content .floating-icon > .floating--3 {
        width: 20px;
        bottom: 40%;
        rotate: 25deg;
        left: 7%;
    }

    #row-email-marketing .image-content .floating-icon {
        width: 60px;
    }

    #row-email-marketing .image-content > img:first-child {
        margin-right: 35px;
    }
}

.info-bubble {
    display: flex;
    text-align: center;
    width: 155px;
    height: 155px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-color: #2a5bb3;
    border-radius: 100px;
    color: #fff;
}

.info-bubble p {
    display: block;
    padding: 0 10px;
    line-height: 1.1em;
    font-weight: 500;
}

.info-bubble .bubble--value {
    font-size: 50px;
    font-weight: 800;
    line-height: 1em;
    display: block;
    margin-bottom: 5px;
    paint-order: stroke fill;
    stroke-width: 2px;
    -webkit-text-fill-color: #2A5BB3;
    -webkit-text-stroke-color: #009BFF;
    -webkit-text-stroke-width: 4px;
}

.info-bubble .bubble--value > span {
    font-size: 50%;
    line-height: 1.3em;
    vertical-align: top;
    margin-left: 2px;
}

#section-299769 {
    padding: 180px 0;
}

.section__sidebar .custom-sidebar-container img:first-child {
    display: block;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    margin-bottom: 40px;
    position: relative;
    z-index: 0;
}

.section__sidebar .custom-sidebar-container img:nth-child(2),
.section__sidebar .custom-sidebar-container img:last-of-type {
    position: relative;
    z-index: 0;
    display: block;
    margin-bottom: 40px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.section__sidebar .custom-sidebar-container img:last-child {
    margin-bottom: 0;
}


#section-299769 .info-bubble:first-child {
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -70px;
    left: -60px;
}

#section-299769 .info-bubble:nth-child(2) {
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: 36%;
    right: -40px;
}

#section-299769 .info-bubble:nth-child(3) {
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    bottom: -75px;
    left: 20%;
}


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

}

@media only screen and (max-width: 980px){
    #section-299769 {
        padding: 100px 0;
    }

    #section-299769 .custom-sidebar-container img:nth-child(2) {
        width: 100%;
    }

    #section-299769 .info-bubble:first-child {
        top: 20px;
        left: 20px;
    }

    #section-299769 .info-bubble:nth-child(2) {
        right: 20px;
    }

    #section-299769 .info-bubble:nth-child(3) {
        left: 20px;
        bottom: 20px;
    }
}

@media only screen and (max-width: 768px){
    #section-299769 {
        padding: 80px 0;
    }

    .section__sidebar .custom-sidebar-container img:first-child {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .section__sidebar .custom-sidebar-container img:nth-child(2),
    .section__sidebar .custom-sidebar-container img:last-of-type {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

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

}

@media only screen and (max-width: 500px){
    .info-bubble .bubble--value {
        font-size: 35px;
    }

    .info-bubble {
        width: 130px;
        height: 130px;
    }

    #section-299769 .info-bubble:nth-child(2) {
        top: 34%;
    }
}

.two-col-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 50px -35px 32px;
    color: #FFF;
}

.two-col-group:first-child {
    margin-top: 0;
}

.two-col-group:last-child {
    margin-bottom: 0;
}

.two-col-group > .grid-half {
    width: 50%;
    margin: 0;
    padding: 0 35px;
}

#section-549515 .list-grid-2 {
    display: block;
    margin: 50px auto 0;
    max-width: 755px;
    width: 100%;
}

.section__simple-cta {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 35px 0;
    background-color: #2A5BB3;
    color: #fff;
}

.section__simple-cta .flex-row {
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.section__simple-cta .flex-col:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    padding-right: 50px;
}

.section__simple-cta .h4 {
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.section__simple-cta .h4:last-child {
    margin-bottom: 0;
}

.section__simple-cta p {
    color: #fff;
}

.section__simple-cta .content-wrap {
    display: block;
    width: 100%;
    max-width: 720px;
}

.section__simple-cta:before {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: -90px;
    display: block;
    width: 2225px;
    content: "";
    background-image: url(https://webtekcc.com/wp-content/uploads/2025/01/webtek-w-2.svg);
    background-position: center;
    background-size: cover;
}

@media only screen and (max-width: 980px){
    .section__simple-cta .flex-col {
        width: 100%;
        text-align: center;
    }

    .section__simple-cta .flex-col:first-child {
        -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
        margin-bottom: 25px;
        padding-right: 0;
    }

    .section__simple-cta .content-wrap {
        max-width: 100%;
    }

}

@media only screen and (max-width: 768px){
    .two-col-group > .grid-half {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .two-col-group {
        margin-left: 0;
        margin-right: 0;
    }
}

.section__tabs {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.section__tabs > .mediumwrap {
    margin-bottom: 120px;
}

.section__tabs .bottom-content {
    margin-top: 100px;
}

.section__tabs > .mediumwrap:last-child {
    margin-bottom: 0;
}

.tab-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left;
}

.tab-container .tab-nav {
    width: 32%;
}

.tab-container .tab-contents {
    width: 68%;
    padding-left: 90px;
}

.tab-container .tab-contents .tab-content {
    height: 100%;
}

.tab-container .tab-nav-item {
    font-family: "Inter",sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25em;
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0;
    padding-right: 30px;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    text-align: left;
    color: #FFF;
    border: none;
    border-bottom: 1px solid #38444E;
    background-color: transparent;
    border-radius: 0;
}

.tab-container .tab-span {
    padding-left: 40px;
}

.tab-container .tab-span > span:first-child {
    padding-right: 13px;
    border-right: 2px solid;
    position: absolute;
    left: 0;
}

.tab-container .tab-nav-item:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 30px;
    display: block;
    content: "\f061";
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    opacity: 0;
    color: #5CBEFF;
}

.tab-container .tab-nav-item:hover,
.tab-container .tab-nav-item.tab-active {
    border-bottom-color: #fff;
    color: #00ac5b;
}

.tab-container .tab-nav-item:hover:after,
.tab-container .tab-nav-item.tab-active:after {
    opacity: 1;
    right: 10px;
}

.tab-container .tab-nav-item:last-of-type {
    border-bottom: none;
}

.tab-container .bg--primary {
    color: #acb9c3;
}

.tab-container .bg--primary h1,
.tab-container .bg--primary h2,
.tab-container .bg--primary h3,
.tab-container .bg--primary h4,
.tab-container .bg--primary h5,
.tab-container .bg--primary h6,
.tab-container .bg--primary .h2,
.tab-container .bg--primary .h3,
.tab-container .bg--primary .h4 {
    color: #fff;
}

.tab-container .bg--primary .button-simple {
    color: #fff;
}

.tab-container .bg--primary .button-simple:hover {
    color: #fff;
}

.tab-container .bg--primary .button-simple i  {
    background-color: #FF7E00;
    color: #fff;
}

.tab-container .bg--primary .button-simple:hover i  {
    background-color: #fff;
    color: #FF7E00;
}

.bg--light .tab-container .tab-nav-item,
.bg--light-gray .tab-container .tab-nav-item {
    color: #16171a;
    border-bottom-color: #dee0e7;
}

.bg--light .tab-container .tab-nav-item:hover,
.bg--light .tab-container .tab-nav-item.tab-active,
.bg--light-gray .tab-container .tab-nav-item:hover,
.bg--light-gray .tab-container .tab-nav-item.tab-active {
    border-bottom-color: #16171a;
    color: #00ac5b;
}

.tab-container .tab-content-wrap {
    display: block;
    padding: 65px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.tab-container .tab-content--mobile {
    overflow: hidden;
    max-height: 0;
    margin-top: 0;
    -webkit-transition: max-height .2s ease-out;
         -o-transition: max-height .2s ease-out;
            transition: max-height .2s ease-out;
}

.tab-container .tab--with-image {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.tab-container .tab--with-image .tab-image-wrap {
    display: block;
    width: 250px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.tab-container .tab--with-image .tab-content-wrap {
    flex: 1;
    padding-left: 170px;
    margin-left: -125px;
    position: relative;
    z-index: 0;
}

.tab-container .tab-content-wrap .h2:first-child,
.tab-container .tab-content-wrap .h3:first-child,
.tab-container .tab-content-wrap .h4:first-child,
.tab-container .tab-content-wrap .h5:first-child,
.tab-container .tab-content-wrap .h6:first-child {
    margin-bottom: 15px;
}


@media only screen and (min-width: 769px){
    .tab-container .tab-content--mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 1190px){
    .tab-container .tab--with-image .tab-image-wrap {
        width: 170px;
    }
}

@media only screen and (max-width: 980px){
    .section__tabs {
        padding: 100px 0;
    }

    .tab-container .tab-contents {
        width: 70%;
        padding-left: 60px;
    }

    .tab-container .tab-nav {
        width: 30%;
    }

    .tab-container .tab-nav-item {
        font-size: 16px;
    }

    .tab-container .tab-span {
        padding-left: 30px;
    }

    .tab-container .tab-span > span:first-child {
        padding-right: 8px;
    }

    .tab-container .tab-content-wrap {
        padding: 50px;
    }

    .section__tabs > .mediumwrap {
        margin-bottom: 80px;
    }

    .section__tabs .bottom-content {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 768px){
    .section__tabs {
        padding: 80px 0;
    }

    .tab-container .tab-content-wrap {
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
        padding: 30px;
    }

    .tab-container .tab-contents {
        display: none;
    }

    .tab-container .tab-nav {
        width: 100%;
    }

    .tab-container .tab-nav-item:hover,
    .tab-container .tab-nav-item.tab-active {
        border-bottom-color: transparent !important;
    }

    .tab-container .tab-nav-item:after {
        content: '\f063';
        right: 10px;
    }

    .tab-container .tab-nav-item {
        font-size: 18px;
    }

    .section__tabs > .mediumwrap {
        margin-bottom: 60px;
    }

    .section__tabs .bottom-content {
        margin-top: 50px;
    }

    .tab-container .tab--with-image .tab-image-wrap {
        display: none;
    }
}

@media only screen and (max-width: 420px){
    .tab-container .tab-nav-item {
        font-size: 15px;
    }
}

.team__cards {
    text-align: right;
}

.team__cards .card-content {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    max-width: 310px;
    width: 100%;
    border: 1px solid #dcdee6;
    background-color: #fff;
    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
    text-align: left;
}

.team__cards .card-info {
    display: block;
    padding: 30px;
}

.team__cards .team--name {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2em;
    color: #3c4953;
    margin-bottom: 5px;
}

.team__cards .team--designation {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
    color: #00ac5b;
    margin-bottom: 25px;
}

.team__cards .team--info {
    display: block;
    font-size: 18px;
    color: #3c4953;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.team__cards .team--info:last-child {
    margin-bottom: 0;
}

.team__cards .card-image {
    display: block;
    width: 100%;
}

.team__cards .card-image img {
    border-radius: 0 !important;
}

.cards {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 30px);
    max-width: 310px;
    margin-left: 80px;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    position: relative;
    transform: translate(70%, 0) scale(0.9);
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), background-color .5s cubic-bezier(0.64, 0, 0.78, 0);
    z-index: 4;
}

/* Hide non-active cards */
.cards[data-active="1"] .card:not(:nth-of-type(1)),
.cards[data-active="2"] .card:not(:nth-of-type(2)),
.cards[data-active="3"] .card:not(:nth-of-type(3)) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

/* Active card */
.cards[data-active="1"] .card:nth-of-type(1),
.cards[data-active="2"] .card:nth-of-type(2),
.cards[data-active="3"] .card:nth-of-type(3) {
    z-index: 3;
    transform: translate(0, 0) scale(1);
}

/* Secondary card */
.cards[data-active="1"] .card:nth-of-type(2),
.cards[data-active="2"] .card:nth-of-type(3),
.cards[data-active="3"] .card:nth-of-type(1) {
    transform: translate(-55px, 0) scale(0.9);
    z-index: 2;
}

/* Tertiary card */
.cards[data-current="1"] .card:nth-of-type(3),
.cards[data-current="2"] .card:nth-of-type(1),
.cards[data-current="3"] .card:nth-of-type(2) {
    transform: translate(-109px, 0) scale(0.8);
    z-index: 1;
}


@media only screen and (max-width: 980px){
    .team__cards {
        text-align: left;
    }
}

@media only screen and (max-width: 500px){
    /* Secondary card */
    .cards[data-active="1"] .card:nth-of-type(2),
    .cards[data-active="2"] .card:nth-of-type(3),
    .cards[data-active="3"] .card:nth-of-type(1) {
        transform: translate(-25px, 0) scale(0.9);
    }

    /* Tertiary card */
    .cards[data-current="1"] .card:nth-of-type(3),
    .cards[data-current="2"] .card:nth-of-type(1),
    .cards[data-current="3"] .card:nth-of-type(2) {
        transform: translate(-50px, 0) scale(0.8);
    }

    .cards {
        margin-left: 28px;
    }

    .team__cards .card-info {
        padding: 25px;
    }

    .team__cards .team--name {
        font-size: 18px;
    }

    .team__cards .team--designation {
        font-size: 16px;
    }

    .team__cards .team--info {
        font-size: 15px;
    }
}

.section__pricing {
    display: block;
    position: relative;
    padding: 140px 0;
    overflow: hidden;
}

.section__pricing .wrap:first-child,
.section__pricing .mediumwrap:first-child {
    margin-bottom: 55px;
}

.section__pricing .wrap:last-child,
.section__pricing .mediumwrap:last-child {
    margin-bottom: 0;
}

.column__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.column__lists .column-list {
    display: block;
    overflow: hidden;
    border-radius: 25px;
    background-color: #FFF;
    position: relative;
}

.column__lists .column-list .color-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.column__lists .list__header {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 85px;
    padding: 15px 20px;
    color: #FFF;
    background-color: #2A5BB3;
    position: relative;
    z-index: 2;
}

.column__lists .column-list--values .list__header {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.column__lists .column-list--values .list__header img {
    height: 25px;
    width: auto;
}

.column__lists .column-list--values .column--price {
    display: block;
    margin-top: 10px;
    font-size: 130%;
}

.column__lists .column-list--values .column--price > span {
    font-size: 60%;
    font-weight: 400;
}

.column__lists .column-list--values .list__header p:first-child {
    margin-bottom: 0;
    font-weight: 400;
    width: 100%;
}

.column__lists .column-list--values .list__header p:last-child {
    font-weight: 700;
}

.column__lists .list__body .column--cta .button {
    width: 100%;
    padding: 15px;
    font-size: 16px;
}

.column__lists .column-list--labels {
    width: 100%;
    max-width: 375px;
    text-align: left;
}

.column-list--labels .list__header p {
    display: block;
    width: 100%;
    max-width: 300px;
}

.column__lists .list__body {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 20px 40px 30px;
    color: #16171A;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    margin-top: 0;
}

.column__lists .list__body > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-left: 0;
    border-top: 1px solid #DCDEE6;
}

.column__lists .list__body > li > span {
    display: block;
    width: 100%;
}

.column__lists .list__body > li:before {
    display: none;
}

.column__lists .list__body > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.column__lists .column-list--values .list__body {
    padding: 20px 30px 30px;
    text-align: center;
}

.column__lists .list__body .icon {
    display: inline-block;
    height: 23px;
}

.column__lists .list__body > li .fa-arrow-up-long {
    color: #04ac5b;
    margin-right: 5px;
}


/* .column__lists .column-list--featured .list__body {
    border: 1px solid #d7dae3;
    border-top: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
} */

.column__lists .column-list--featured {
    border: 1px solid #D7DAE3;
    background-color: #EEF7FD;
    -webkit-box-shadow: 0 10px 20px rgb(172 185 195 / 35%);
            box-shadow: 0 10px 20px rgb(172 185 195 / 35%);
}

.column__lists .column-list--popular {
    border: 1px solid #D7DAE3;
    background-color: #EEF7FD;
    -webkit-box-shadow: 0 20px 25px -10px rgb(0 0 0 / 30%);
            box-shadow: 0 20px 25px -10px rgb(0 0 0 / 30%);
}

.column__lists .column-list--popular .most-popular {
    display: block;
    width: 100%;
    background-color: #2a5bb3;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 30px 15px 0;
    font-size: 24px;
    margin-bottom: -15px;
    font-family: 'Covered By Your Grace',cursive;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.column__lists .column-list--values {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.section__pricing .section-wrap {
    display: block;
    width: 100%;
    max-width: calc(100% - 170px);
    margin: 0 auto;
}

.pricing__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px;
}

.pricing__grid .pricing-grid {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    padding: 15px;
}

.pricing__grid .grid-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    padding: 70px 30px 105px;
    text-align: center;
    color: #3C4953;
    border-radius: 15px;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%);
            box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

.pricing__grid .pricing--title {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    display: block;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 1em;
}

.pricing__grid .pricing--price {
    font-size: 50px;
    font-weight: 700;
    line-height: 1em;
    display: block;
    padding: 20px 0;
    color: #2A5BB3;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.pricing__grid .pricing--price > span {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.2em;
    display: block;
    margin-top: 10px;
}

.pricing__grid .pricing--description p {
    margin-bottom: 15px;
    color: inherit;
}

.pricing__grid .pricing--description p:last-child {
    margin-bottom: 0;
}

.pricing__grid .pricing--description {
    font-size: 16px;
    display: block;
    margin-bottom: 50px;
}

.pricing__grid .pricing--description:last-child {
    margin-bottom: 0;
}

.pricing__grid .pricing--cta {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    display: block;
    padding: 0 30px;
}

.pricing__grid .pricing--cta .button {
    display: block;
}

.pricing__grid .pricing-featured {
    color: #FFF;
    background: #2A5BB3;
}

.pricing__grid .pricing-featured .pricing--price {
    color: #FFF;
}

.pricing__grid .pricing--title .featured-label {
    font-weight: 400;
    line-height: 1em;
    position: absolute;
    bottom: calc(100% + 15px);
    display: block;
    letter-spacing: 0;
    font-family: 'Covered By Your Grace',cursive;
    left: 0;
    font-size: 25px;
    right: 0;
    text-align: center;
}

.pricing__grid .pricing--title .featured-label:before {
    content: "\e28b";
    font-family: 'Font Awesome 6 Sharp';
    font-weight: 900;
    margin-right: 5px;
}

.pricing-style--2 .column-list--labels .list__header p {
    text-align: left;
    font-size: 24px;
}

.pricing-style--2 .column-list--values .list__header p:first-child {
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 30px;
}

@media only screen and (max-width: 1190px){
    .column__lists .column-list--labels {
        max-width: 300px;
    }

    .column__lists .list__header {
        font-size: 17px;
    }

    .column__lists .column-list--values .list__header {
        font-size: 17px;
    }

    .column__lists .list__body {
        font-size: 16px;
        padding: 20px 25px;
    }

    .column__lists .column-list--values .list__body {
        padding: 20px;
    }

    .section__pricing .section-wrap {
        max-width: calc(100% - 8%);
    }

    .section__pricing .section-wrap {
        position: relative;
        overflow-x: scroll;
        padding-bottom: 20px;
    }

    .section__pricing .section-wrap .column-list--labels {
        position: -webkit-sticky;
        position:         sticky;
        z-index: 5;
        top: 0;
        left: 0;
        max-width: 290px;
        border-right: 1px solid #D7DAE3;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-box-shadow: 10px 0px 20px -10px rgb(0 0 0 / 20%);
                box-shadow: 10px 0px 20px -10px rgb(0 0 0 / 20%);
    }


    .section__pricing .section-wrap .column__lists {
        width: 1180px;
    }
}

@media only screen and (max-width: 980px){
    .section__pricing {
        padding: 100px 0;
    }

    .column__lists .column-list--featured {
        box-shadow: none;
    }

    .pricing__grid {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .pricing__grid .pricing-grid {
        -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
        width: 50%;
    }

    .pricing__grid .pricing--price {
        font-size: 40px;
    }

}

@media only screen and (max-width: 768px){
    .section__pricing {
        padding: 80px 0;
    }

    .section__pricing .wrap:first-child,
    .section__pricing .mediumwrap:first-child {
        margin-bottom: 35px;
    }

    .pricing__grid .pricing-grid {
        width: 100%;
    }
}

@media only screen and (max-width: 640px){
    .section__pricing .section-wrap .column-list--labels {
        max-width: 180px;
    }

    .column__lists .list__header {
        font-size: 15px;
    }

    .column__lists .list__body {
        font-size: 14px;
        padding: 20px;
    }

    .section__pricing .section-wrap .column__lists {
        width: 1020px;
    }

    .column__lists .list__body > li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .pricing-style--2 .column-list--labels .list__header p {
        font-size: 18px;
    }

    .pricing-style--2 .column-list--values .list__header p:first-child {
        font-size: 30px;
        line-height: 20px;
    }

    .column__lists .column-list--popular .most-popular {
        font-size: 18px;
        line-height: 1em;
    }
}

@media only screen and (max-width: 500px){
    .section__pricing .section-wrap .column__lists {
        width: 880px;
    }

    .pricing__grid .pricing--title {
        font-size: 35px;
    }

    .pricing__grid .pricing--title .featured-label {
        font-size: 20px;
    }
}

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

}

.team-testimonials:not(.slick-initialized) {
    display: none;
}

.team__testimonials .team-testimonials {
    z-index: 2;
}

.team__testimonials .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.team__testimonials .team-testimonial {
    height: auto;
    padding-top: 105px;
    overflow: hidden;
}

.team__testimonials .team--info {
    padding: 125px 45px 115px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.team__testimonials .team-message {
    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.team__testimonials .team-message p:first-child:before {
    content: '“';
}

.team__testimonials .team-message p:last-child:after {
    content: '”';
}

.team__testimonials {
    display: block;
    position: relative;
    overflow: hidden;
}

.team__testimonials .gradient-overlay {
    display: block;
    position: absolute;
    z-index: 0;
    top: 105px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 60px;
    overflow: hidden;
    border-bottom-right-radius: 60px;
}

.team__testimonials .gradient-overlay:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    display: block;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    content: "";
    background: rgb(251,244,236);
    background: -webkit-gradient(linear, right top, left top, from(rgba(251,244,236,1)), color-stop(15%, rgba(236,215,200,1)), color-stop(33%, rgba(237,164,188,1)), color-stop(50%, rgba(190,135,196,1)), color-stop(67%, rgba(145,134,231,1)), color-stop(85%, rgba(146,202,249,1)), to(rgba(199,248,255,1)));
    background: -o-linear-gradient(right, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    background:    linear-gradient(270deg, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbf4ec",endColorstr="#c7f8ff",GradientType=1);
}

.team__testimonials .team--image {
    display: block;
    width: 215px;
    height: 215px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.team__testimonials .team--image > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team__testimonials .testimonial-slider-nav {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 40px;
    right: 45px;
}

.team__testimonials .testimonial-slider-nav > button {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 7px;
    transition: all ease-in-out 0.2s;
    opacity: 1;
    min-width: auto;
}

.team__testimonials .testimonial-slider-nav > button:hover {
    opacity: 0.5;
}

.team__testimonials .testimonial-slider-nav > button:first-child {
    margin-left: 0;
}

.team__testimonials .testimonial-slider-nav > button:last-child {
    margin-right: 0;
}

.team__testimonials .testimonial-slider-nav img {
    display: block;
    width: 32px;
    border-radius: 0 !important;
}

.team__testimonials .team-info {
    display: block;
    position: absolute;
    bottom: 35px;
    right: 45px;
    left: 45px;
    border-top: 1px solid #fff;
    padding-top: 20px;
    padding-right: 100px;
}

.team__testimonials .team-name {
    display: block;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0;
}

.team__testimonials .team-designation {
    display: block;
    font-size: 18px;
    font-weight: 400;
}

#section-728904 .wrap > .flex-row {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

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

}

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

}

@media only screen and (max-width: 768px){
    .team__testimonials .gradient-overlay {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media only screen and (max-width: 640px){
    .team__testimonials .team--info {
        font-size: 16px;
    }

    .team__testimonials .team-name {
        font-size: 22px;
    }

    .team__testimonials .team-designation {
        font-size: 16px;
        line-height: 1.2em;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 440px){
    .team__testimonials .team--info {
        padding: 125px 25px 115px;
    }

    .team__testimonials .team-info {
        left: 25px;
        right: 25px;
    }

    .team__testimonials .testimonial-slider-nav {
        right: 25px;
    }
}

@media only screen and (max-width: 480px){
    .team__testimonials .testimonial-slider-nav {
        right: auto;
        left: 25px;
        bottom: 27px;
    }

    .team__testimonials .team-info {
        left: 25px;
        right: 25px;
        padding-right: 0;
        bottom: 80px;
    }

    .team__testimonials .team--info {
        padding: 125px 25px 150px;
    }
}

.icon__info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
    text-align: left;
}

.icon__info:last-child {
    margin-bottom: 0;
}

.icon__info .info--icon {
    font-size: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    color: #FFF;
    border-radius: 100%;
    background-color: #00AB5B;
}

.icon__info .info--description {
    padding-left: 30px;
    flex: 1;
}

.icon__info .info-value {
    font-size: 40px;
    font-weight: 700;
    line-height: 1em;
    display: block;
    margin-bottom: 3px;
    color: #009BFF;
}

.icon__info .info-value > span {
    font-size: 55%;
    line-height: 1em;
    display: inline-block;
    margin-left: 3px;
    vertical-align: top;
}

.icon__info .info-value.top > span {
    vertical-align: top;
}

.icon__info .info-value.middle > span {
    vertical-align: middle;
}

.icon__info .info-value.bottom > span {
    vertical-align: bottom;
}

.icon__info .info-label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    display: block;
    text-transform: uppercase;
    color: #FFF;
}

.bg--light .icon__info .info-label,
.bg--light-gray .icon__info .info-label {
    color: #3C4953;
}

@media only screen and (max-width: 768px){
    .icon__info .info-value {
        font-size: 26px;
    }

    .icon__info .info-label {
        font-size: 16px;
    }

    .icon__info .info--icon {
        font-size: 25px;
        width: 60px;
        height: 60px;
    }

    .icon__info .info--description {
        padding-left: 15px;
        flex: 1;
    }
}

.section__boxed {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.section__boxed h1,
.section__boxed h2,
.section__boxed h3,
.section__boxed h4,
.section__boxed h5,
.section__boxed h6,
.section__boxed .h2,
.section__boxed .h3,
.section__boxed .h4,
.section__boxed .h5 {
    color: #fff;
}

.section__boxed .section-wrap {
    color: #fff;
    background-color: #2a5bb3;
    position: relative;
    padding: 60px;
    display: block;
    max-width: calc(100% - 170px);
    margin: 0 auto;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    overflow: hidden;
}

.section__boxed ul {
    color: inherit;
}

.section__boxed .wrap > .flex-row {
    margin: 0 -70px;
}

.section__boxed .wrap > .flex-row > .flex-col {
    width: 50%;
    padding: 30px 70px 20px;
    border-right: 1px solid #009bff;
}

.section__boxed .bg-color-2f3137 .wrap > .flex-row > .flex-col {
    border-color: #505257;
}

.section__boxed .bg-color-2f3137 {
    color: #acb9c3;
}

.section__boxed .wrap > .flex-row > .flex-col:last-child {
    border-right: none;
}

.section__boxed .wrap > .flex-row > .flex-col.col-full {
    width: 100%;
    border-right: none;
}

.section__boxed .button-simple {
    color: #fff;
}

.section__boxed .button-simple:hover {
    color: #fff;
}

.section__boxed .button-simple:hover i {
    background-color: #fff;
    color: #FF7E00;
}

.section__boxed  img {
    display: block;
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

@media only screen and (max-width: 980px){
    .section__boxed {
        padding: 100px 0;
    }

    .section__boxed .section-wrap {
        max-width: calc(100% - 8%);
    }

    .section__boxed .wrap > .flex-row {
        margin: 0;
    }

    .section__boxed .wrap > .flex-row > .flex-col {
        width: 100%;
        border-right: 0;
        padding: 0;
        margin-bottom: 50px;
        border-bottom: 1px solid #009bff;
        padding-bottom: 50px;
    }

    .section__boxed .wrap > .flex-row > .flex-col:last-child {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px){
    .section__boxed {
        padding: 80px 0;
    }

    .section__boxed .section-wrap {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media only screen and (max-width: 500px){
    .section__boxed .section-wrap {
        padding: 60px 10px;
    }
}

#section-807486 .image-wrap {
    overflow: hidden;
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

.single__testimonial {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 70px 40px;
    color: #FFF;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.single__testimonial:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30%;
    bottom: 0;
    left: -35%;
    display: block;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    content: "";
    background: rgb(251,244,236);
    background: -webkit-gradient(linear, right top, left top, from(rgba(251,244,236,1)), color-stop(15%, rgba(236,215,200,1)), color-stop(33%, rgba(237,164,188,1)), color-stop(50%, rgba(190,135,196,1)), color-stop(67%, rgba(145,134,231,1)), color-stop(85%, rgba(146,202,249,1)), to(rgba(199,248,255,1)));
    background: -o-linear-gradient(right, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    background: linear-gradient(270deg, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbf4ec",endColorstr="#c7f8ff",GradientType=1);
    pointer-events: none;
}

.single__testimonial:last-child {

}

.single__testimonial .stars {
    font-family: "Font Awesome 6 Sharp";
    font-size: 20px;
    font-weight: 700;
    position: relative;
    display: block;
    margin-bottom: 10px;
    color: #F5B20A;
}

.single__testimonial .single-testimonial {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35em;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.single__testimonial .single-testimonial p:first-child:before {
    content: '“';
}

.single__testimonial .single-testimonial p:last-child:after {
    content: '”';
}

.single__testimonial .single-testimonial-name {
    font-size: 15px;
    line-height: 1.2em;
    position: relative;
    display: block;
}

.webtek__reviews .single__testimonial {
    padding: 35px 25px;
}

.webtek__reviews .single-testimonial {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600;
}

.webtek__reviews .single__testimonial .stars {
    font-size: 16px;
}

@media only screen and (min-width: 769px){
    .webtek__reviews {
        display: block;
        -webkit-column-count: 2;
        -moz-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
                column-gap: 20px;
    }
}

@media only screen and (max-width: 768px){
    .single__testimonial {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .webtek__reviews .review-item {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 500px){
    .single__testimonial {
        padding: 60px 30px;
    }

    .single__testimonial .single-testimonial {
        font-size: 16px;
        font-weight: 600;
    }
}

@media only screen and (max-width: 320px){
    .single__testimonial .single-testimonial {
        font-size: 20px;
    }
}

.icon__link {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 80px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 100px;
    text-align: left;
}

.icon__link:first-child {
    margin-top: 0;
}

.icon__link:last-child {
    margin-bottom: 0;
}

.icon__link .link--icon {
    font-size: 40px;
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    -webkit-transition: all ease-in-out .5s;
         -o-transition: all ease-in-out .5s;
            transition: all ease-in-out .5s;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    color: #FFF;
    border-radius: 100px;
    background-color: #009BFF;
}

.icon__link:hover .link--icon {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
}

.icon__link .h2 {
    font-size: 50px;
    margin-bottom: 0;
    margin-top: 0;
}

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

}

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

}

@media only screen and (max-width: 768px){
    .icon__link .h2 {
        font-size: 35px;
    }

    .icon__link .link--icon {
        font-size: 25px;
        width: 60px;
        height: 60px;
    }

    .icon__link {
        padding-left: 75px;
        min-height: 60px;
    }
}

@media only screen and (max-width: 500px){
    .icon__link .h2 {
        font-size: 27px;
    }
}

@media only screen and (max-width: 350px){
    .icon__link .h2 {
        font-size: 23px;
    }

    .icon__link .link--icon {
        font-size: 18px;
        width: 45px;
        height: 45px;
    }

    .icon__link {
        padding-left: 60px;
        min-height: 45px;
    }
}

.page-id-746 .page__hero .h2 {
    margin-bottom: 0;
}

.page-id-746 .page__hero .h4 {
    margin-bottom: 0;
    font-size: 36px;
}

.page-id-746 .page__hero p.mb-0:last-child {
    font-size: 18px;
}

.page-id-746 .h6.primary {
    margin-top: 40px;
    margin-bottom: 15px;
}

.page-id-746 .page__hero p:last-of-type {
    font-size: 18px;
    line-height: 1.5em;
}

@media only screen and (max-width: 768px){
    .page-id-746 .page__hero .h4 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 500px){
    .page-id-746 .page__hero .h4 {
        font-size: 23px;
    }
}

.section__boxes {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 140px 0;
}

.section__boxes + .section__boxes {
    padding-top: 40px !important;
}

.section__boxes .section-wrap {
    display: block;
    max-width: calc(100% - 170px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 20px;
}

.section__boxes .wrap {
    position: unset;
}

.section__boxes .flex-row {
    margin: 0 -70px;
}

.section__boxes .flex-row > .flex-col {
    width: 50%;
    padding: 0 70px;
}

.section__boxes .flex-row .inner-wrapper {
    position: relative;
    z-index: 1;
}

.section__boxes .flex-row .content-wrap {
    display: block;
    position: relative;
    padding: 70px 0;
    height: 100%;
}

.section__boxes .flex-row .content-wrap:before {
    content: '';
    display: block;
    background-color: #2f3137;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.section__boxes .flex-col:first-child .content-wrap:before {
    left: -2000px;
    border-top-right-radius: 60px;
    right: -50px;
}

.section__boxes .flex-col:nth-child(2) .content-wrap:before {
    right: -2000px;
    border-bottom-left-radius: 60px;
    left: -50px;
}

.section__boxes .full {
    border-top-right-radius: 60px;
    background-color: #2f3137;
}

.section__boxes .full .flex-row > .flex-col {
    width: 100%;
}

.section__boxes .full .flex-row > .flex-col:before {
    display: none;
}


@media only screen and (max-width: 1380px){
    .section__boxes .section-wrap {
        max-width: 95%;
    }
}

@media only screen and (max-width: 980px){
    .section__boxes .section-wrap {
        max-width: 92%;
    }

    .section__boxes .section-wrap:not(.full) {
        border-top-right-radius: 60px;
        border-bottom-left-radius: 60px;
    }

    .section__boxes .flex-row > .flex-col {
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
        position: relative;
    }

    .section__boxes .flex-row {
        margin: 0;
    }

    .section__boxes .flex-row > .flex-col:last-child {
        margin-bottom: 0;
    }

    .section__boxes .flex-row .content-wrap {
        position: unset;
    }

    .section__boxes .flex-col:first-child .content-wrap:before {
        right: -500px;
        left: -500px;
        border-radius: 0;
    }

    .section__boxes .flex-col:nth-child(2) .content-wrap:before {
        left: -500px;
        right: -500px;
        border-radius: 0;
    }
}

@media only screen and (max-width: 768px){
    .section__boxes .flex-col:first-child .content-wrap:before {
        border-top-right-radius: 30px;
    }

    .section__boxes .flex-col:nth-child(2) .content-wrap:before {
        border-bottom-left-radius: 30px;
    }

    .section__boxes .section-wrap:not(.full) {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .section__boxes .section-wrap.full {
        border-top-right-radius: 30px;
        background-color: #2f3137;
    }

    .section__boxes .flex-row .content-wrap {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 500px){
    .section__boxes .section-wrap {
        padding: 0;
    }
}

#section-746188 .medium {
    margin-bottom: 0;
    font-size: 22px;
}

#section-746188 .h4 {
    font-size: 36px;
    margin-bottom: 0;
}

@media only screen and (max-width: 768px){
    #section-746188 .medium {
        font-size: 20px;
    }

    #section-746188 .h4 {
        font-size: 30px;
    }
}

.portfolio__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 60px;
}

.portfolio__filters:first-child {
    margin-top: 0;
}

.portfolio__filters .input__wrap {
    display: block;
    position: relative;
}

.portfolio__filters > .input-col {
    width: auto;
    flex: 1;
}

.portfolio__filters button.button {
    display: block;
    width: 100%;
    margin: 0;
}

.portfolio__filters .btn-wrap {
    display: block;
    position: relative;
}

.portfolio__filters .button-reset-wrap {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

.portfolio__filters button.button-reset {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    color: #fff;
    border: none;
    box-shadow: none;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5em;
    transition: all ease-in-out 0.2s;
}

.portfolio__filters button.button-reset:hover {
    color: #ff7e00;
}

.portfolio__filters input[type="text"],
.portfolio__filters select {
    font-size: 18px;
    color: #3c4953;
    font-weight: 700;
    padding-right: 50px;
    background-color: #fff;
}

.portfolio__filters select {
    height: 56px;
}

.portfolio__filters input[type="text"]::placeholder {
    color: #3c4953;
}

.section__portfolio {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.portfolio__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -30px -10px;
}

main .anchor {
    position: absolute;
    top: -90px;
}

.portfolio__grid .grid-item {
    display: block;
    width: 25%;
    padding: 30px 10px;
}

.portfolio__grid .item-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.portfolio__grid .image-wrap {
    display: block;
    position: relative;
    z-index: 1;
    transition: all ease-in-out 0.2s;
    top: 0;
    margin-bottom: 25px;
}

.portfolio__grid a:hover .image-wrap {
    top: -15px;
}

.portfolio__grid .image--laptop {
    display: block;
    position: relative;
    z-index: 1;
}

.portfolio__grid .image--featured {
    display: block;
    position: absolute;
    left: 10%;
    right: 9%;
    top: 5%;
    bottom: 8%;
    overflow: hidden;
    background-color: #fff;
}

.portfolio__grid .image--featured > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.portfolio__grid .h6 {
    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.portfolio__grid .image-overlay {
    display: block;
    position: absolute;
    top: 0;
    z-index: 0;
    bottom: 45px;
    left: 0;
    right: 0;
    overflow: hidden;
    border-radius: 20px;
    background-color: #2a5bb3;
}

.portfolio__grid .image-overlay img:not(.placeholder) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .35;
    pointer-events: none;
}

.portfolio__grid .image-overlay span {
    display: block;
    position: absolute;
    top: 0;
    left: -70px;
    bottom: 45px;
    right: -450px;
    opacity: 0.1;
    width: 940px;
}

.section__portfolio .section-wrap {
    display: revert;
    max-width: calc(100% - 170px);
    width: 92%;
    margin: 0 auto;
}

@media only screen and (max-width: 1190px){
    .section__portfolio .section-wrap {
        max-width: 95%;
        width: 100%;
    }

    .portfolio__grid .grid-item {
        width: 33.33%;
    }
}

@media only screen and (max-width: 980px){
    .section__portfolio {
        padding: 100px 0;
    }

    .portfolio__grid .grid-item {
        width: 50%;
    }

    .section__portfolio .section-wrap {
        max-width: 92%;
    }
}

@media only screen and (max-width: 768px){
    .section__portfolio {
        padding: 80px 0;
    }

    .portfolio__filters > .input-col {
        flex: auto;
        width: 100%;
    }

    .portfolio__filters {
        gap: 10px;
    }

    .portfolio__filters input[type="text"],
    .portfolio__filters select {
        font-size: 16px;
    }

    .portfolio__filters {
        margin-top: 40px;
    }

    .portfolio__grid .grid-item {
        width: 100%;
    }
}

@media only screen and (max-width: 320px){
    .portfolio__grid .h6 {
        margin-bottom: 30px;
    }
}

.section__blog {
    display: block;
    padding: 140px 0;
}

.section__blog .content-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.section__blog .content-col {
    display: block;
    width: 65%;
    padding: 0 50px;
}

.section__blog .sidebar-col {
    display: block;
    width: 35%;
    padding: 0 50px;
}

.section__blog .sidebar-col .sidebar-wrap {
    display: block;
    position: sticky;
    top: 110px;
}

.post__hero {
    min-height: 365px;
}

.post__hero .content-wrap {
    margin-bottom: 0;
    max-width: 750px;
}

.post__hero .post-title {
    font-size: 45px;
}

.post__hero .col-content {
    width: 50%;
}

.post__hero .col-image {
    width: 50%;
}

.post__hero .col-image .image-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

.post__hero .col-image .image-wrap img {
    width: 100%;
    height: 100%;

    object-position: center;
}

.section__blog .sidebar-col .sidebar-widget {
    display: block;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    padding: 40px 30px;
    margin-bottom: 30px;
}

.section__blog .sidebar-col .sidebar-widget:nth-child(even) {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

.section__blog .sidebar-col .sidebar-widget:last-child {
    margin-bottom: 0;
}

.section__blog .sidebar-col #mc-embedded-subscribe {
    margin: 0;
    margin-top: 10px;
}

.section__blog .sidebar-col #mc-embedded-subscribe {
    margin: 0;
    margin-top: 15px;
    width: 100%;
}

.section__blog .sidebar-col .h6 {
    font-weight: 700;
    margin-bottom: 15px;
}

.section__blog .sidebar-col p:not(.h6) {
    font-size: 15px;
}

.section__blog .sidebar__mailchimp .h6 {
    color: #fff;
}

.sidebar__mailchimp input[type="email"] {
    font-weight: 700;
}

.sidebar__mailchimp input[type="email"]::-webkit-input-placeholder {
    color: #3C4953;
}

.sidebar__mailchimp input[type="email"]::-moz-placeholder {
    color: #3C4953;
}

.sidebar__mailchimp input[type="email"]:-ms-input-placeholder {
    color: #3C4953;
}

.sidebar__mailchimp input[type="email"]::-ms-input-placeholder {
    color: #3C4953;
}

.sidebar__mailchimp input[type="email"]::placeholder {
    color: #3C4953;
}


@media only screen and (max-width: 1190px){
    .post__hero .post-title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 980px){
    .section__blog {
        padding: 100px 0;
    }

    .section__blog .content-col {
        width: 100%;
        padding: 0;
        margin-bottom: 70px;
    }

    .section__blog .sidebar-col {
        width: 100%;
        padding: 0;
    }

    .section__blog .content-row {
        margin: 0;
    }

    .post__hero .col-content {
        width: 100%;
    }

    .post__hero .col-image {
        width: 100%;
    }
}

@media only screen and (max-width: 768px){
    .section__blog {
        padding: 70px 0;
    }

    .post__hero .post-title {
        font-size: 30px;
    }

    .post__hero {
        min-height: auto;
    }

    .section__blog .sidebar-col .sidebar-widget {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .section__blog .sidebar-col .sidebar-widget:nth-child(even) {
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

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

}

@media only screen and (max-width: 500px){
    .post__hero .post-title {
        font-size: 25px;
    }
}


.accordion {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding: 20px;
    padding-right: 50px;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: left;
    color: #fff;
    border: none;
    outline: none;
    background-color: #2A5BB3;
    border-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    font-family: 'Inter',sans-serif;
}


.accordion:after {
    font-family: "Font Awesome 6 Pro";
    font-size: inherit;
    font-weight: 300;
    position: absolute;
    right: 20px;
    content: "\2b";
    color: #fff;
    top: 20px;
}

.accordion.active:after {
    content: "\2796";
}

.accordion.active,
.accordion:hover {
    color: #fff;
    background-color: #009bff;
}

.accordion + .panel {
    overflow: hidden;
    max-height: 0;
    margin-bottom: 10px;
    -webkit-transition: max-height .2s ease-out;
         -o-transition: max-height .2s ease-out;
            transition: max-height .2s ease-out;
}

.accordion + .panel:last-of-type {
    margin-bottom: 32px;
}

.accordion + .panel:last-child {
    margin-bottom: 0;
}

.accordion + .panel .panel-content {
    padding: 20px;
    text-align: left;
}

.full-button {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding: 20px;
    padding-right: 50px;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: left;
    color: #fff;
    border: none;
    outline: none;
    background-color: #2A5BB3;
    border-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    font-family: 'Inter',sans-serif;
    margin-bottom: 10px;
}

.full-button > i:first-child {
    margin-right: 10px;
}

.full-button:last-child {
    margin-bottom: 0;
}

.full-button:hover {
    color: #fff;
    background-color: #009bff;
}

.full-button:after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro";
    font-size: inherit;
    font-weight: 300;
    position: absolute;
    right: 20px;
    color: #fff;
}

@media only screen and (max-width: 768px){
    .accordion {
        font-size: 16px;
    }

    .accordion + .panel {
        font-size: 16px;
    }
}

.website__quiz [id^=redesign__step] {
    display: none;
}

.website__quiz [id^=redesign__step]:nth-of-type(1) {
    display: block;
}

#redesign__step--0 {
    background: #f5f6f8;
    padding: 60px 40px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    display: inline-block;
    margin-bottom: 0;
    position: relative !important;
    top: auto !important;
    width: auto !important;
    left: auto !important;
}

.website__quiz {
    background: #f5f6f8;
    padding: 60px 40px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    display: block;
}

.website__quiz > .flex-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.website__quiz .flex-row > .website-quiz {
    width: 60%;
    margin: 0;
    text-align: left;
    padding: 0 50px;
}

.website__quiz .flex-row > .website-preview {
    display: block;
    margin: 0;
    width: 40%;
    padding: 0 50px;
}

.website__quiz .redesign__step--title > span:first-child {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    background-color: #009bff;
    font-weight: 600;
}

.website__quiz .redesign__step--title > span:last-child {
    display: block;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #00ac5b;
    text-transform: uppercase;
    margin-top: 15px;
}

.website__quiz section {
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 5px;
}

.website__quiz section:last-child {
    margin-bottom: 0;
}

.website__quiz span.button {
    cursor: pointer;
}

.website__quiz .optin-fields section {
    background-color: transparent;
    padding: 0;
    margin-bottom: 10px;
}

.website__quiz .optin-fields section:last-of-type {
    margin-bottom: 20px;
}

.website__quiz .redesign__tool {
    display: block;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 980px){
    .website__quiz .flex-row {
        margin: 0;
    }

    .website__quiz .flex-row > .website-quiz {
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
    }

    .website__quiz .flex-row > .website-preview {
        width: 100%;
        text-align: left;
        padding: 0;
    }

    .website__quiz .redesign__step--title > span:first-child {
        width: 65px;
        height: 65px;
        font-size: 25px;
        line-height: 65px;
    }
}

@media only screen and (max-width: 768px){
    .website__quiz {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
        padding: 50px 20px;
    }

    #redesign__step--0 {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

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

}

@media only screen and (max-width: 500px){
    .website__quiz .redesign__step--title > span:last-child {
        font-size: 20px;
    }

    #redesign__step--0 {
        padding: 40px 25px;
    }

    #redesign__step--0 .input-wrap {
        width: 100%;
        flex: none;
    }

    #redesign__step--0 .cta-form {
        flex-wrap: wrap;
    }

    #redesign__step--0 .btn-wrap {
        width: 100%;
    }

    #redesign__step--0 .btn-wrap .button {
        width: 100%;
        display: block;
    }
}

.page__hero .blog-categories {
    gap: 10px;
}

.page__hero .blog-categories > li:before {
    display: none;
}

.page__hero .blog-categories > li {
    padding-left: 0;
}

.page__hero .blog-categories a {
    display: block;
    background-color: #5cbeff;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
}

.page__hero .blog-categories a:hover {
    background-color: #fff;
    color: #5cbeff;
}

.blog__main {
    display: block;
    position: relative;
    padding: 80px 0;
}

.blog__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -40px;
}

.blog__posts .blog-post {
    display: block;
    width: 50%;
    padding: 40px;
}

.blog__posts .post-image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;

}



.blog__posts .blog-post:nth-child(4n-3) .post-image,
.blog__posts .blog-post:nth-child(4n) .post-image {
    border-bottom-left-radius: 60px;
}

.blog__posts .blog-post:nth-child(4n-2) .post-image,
.blog__posts .blog-post:nth-child(4n-1) .post-image {
    border-top-right-radius: 60px;
}

.blog__posts .post--category {
    font-size: 16px;
    display: block;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #00ac5b;
}

.blog__posts .post--title {
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    color: #16171a;
}

.blog__posts .post--link {
    font-weight: 700;
}

.blog__posts .post--link > i {
    margin-left: 5px;
}

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

}

@media only screen and (max-width: 980px){
    .blog__posts {
        margin: 0;
    }

    .blog__posts .blog-post {
        width: 100%;
        padding: 0;
        margin-bottom: 70px;
    }

    .blog__posts .blog-post:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px){
    .blog__posts .blog-post:nth-child(4n-3) .post-image,
    .blog__posts .blog-post:nth-child(4n) .post-image {
        border-bottom-left-radius: 30px;
    }

    .blog__posts .blog-post:nth-child(4n-2) .post-image,
    .blog__posts .blog-post:nth-child(4n-1) .post-image {
        border-top-right-radius: 30px;
    }
}

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

}

@media only screen and (max-width: 500px){
    .blog__posts .post--title {
        font-size: 20px;
    }

    .blog__posts .post--category {
        font-size: 15px;
    }
}

.post__pagination {
    display: block;
    margin-top: 80px;
    text-align: center;
    padding-top: 40px;
    border-top: 1px solid #dadbdc;
}

.pagination-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.related__posts {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 140px 0;
}

.related__posts .related-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
}

.related__posts .post-item {
    display: block;
    width: 33.33%;
    padding: 0 20px;
}

.related__posts .h2 {
    margin-bottom: 50px;
}

.related__posts .related--image {
    border-bottom-right-radius: 60px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.related__posts .related--title {
    font-size: 24px;
    font-weight: 700;
    display: block;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    color: #16171a;
}

.related__posts .post-item:hover .related--title {
    color: #FF7E00;
}

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

}

@media only screen and (max-width: 980px){
    .related__posts {
        padding: 100px 0;
    }

    .related__posts .post-item {
        width: 50%;
        margin-bottom: 40px;
    }

    .related__posts .post-item:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px){
    .related__posts {
        padding: 80px 0;
    }

    .related__posts .post-item {
        width: 100%;
        padding: 0;
    }

    .related__posts .related-post {
        margin: 0 auto;
    }

    .related__posts .related--image {
        border-bottom-right-radius: 30px;
    }
}

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

}

@media only screen and (max-width: 500px){
    .related__posts .related--title {
        font-size: 20px;
    }
}

.project__hero {
    font-size: 17px;
}

.project__hero .content-wrap {
    margin-bottom: 0;
}

.project__hero .flex-row > .col-image {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    padding-top: 50px;
}

.project__single-testimonial {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.project__hero .desktop-image {
    position: sticky;
    top: 150px;
}

@media only screen and (max-width: 980px){
    .project__hero .flex-row >  .col-content {
        margin-bottom: 80px;
    }

    .project__hero .flex-row > .col-image {
        padding-top: 0;
    }

    .project__single-testimonial {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 768px){
    .project__single-testimonial {
        padding: 80px 0;
    }

}

.case-study__stats .stats-item {
    width: 25%;
}

.case-study__stats .stats-item .stats--label {
    display: block;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
}

.marketing__channels {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    display: block;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
}

.marketing__channels li {
    padding-left: 45px;
    min-height: 35px;
    display: flex;
    align-items: center;
}

.marketing__channels li:before {
    display: none;
}

.marketing__channels li > .icon {
    display: block;
    position: absolute;
    left: 0;
    width: 35px;
    height: 35px;
    background-color: #2a5bb3;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    overflow: hidden;
    line-height: 35px;
    font-size: 15px;
}

.marketing__channels .channel--1 > .icon {
    background-color: #7f63b7;
}

.marketing__channels .channel--2 > .icon {
    background-color: #f04e23;
}

.marketing__channels .channel--3 > .icon {
    background-color: #eebb4a;
}

.marketing__channels .channel--4 > .icon {
    background-color: #00ab5b;
}

.marketing__channels .channel--5 > .icon {
    background-color: #3b82c5;
}

.marketing__channels .channel--6 > .icon {
    background-color: #c1365e;
}

.marketing__channels .channel--7 > .icon {
    background-color: #ed6a5a;
}

.marketing__channels .channel--8 > .icon {
    background-color: #be4ca2;
}

@media only screen and (max-width: 767px) {
  .marketing__channels {
    display: none;
  }
}


.case-study__content {
    display: block;
    position: relative;
    padding: 140px 0;
}

.case-study__content .laptop__image {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.case-study__content .flex-row {
    margin: 0 -50px;
}

.case-study__content .flex-row > .col-content {
    width: 50%;
    padding: 0 50px;
}

.case-study__content .flex-row > .col-image {
    width: 50%;
    padding: 0 50px;
}

.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}

.case-study__content .image-wrap .image--plain {
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

.case-study__takeaway {
    display: block;
    position: relative;
    padding: 140px 0 220px;
}

.case-study__takeaway .flex-row {
    margin: 0 -50px;
}

.case-study__takeaway .flex-row > .content-col {
    display: block;
    width: 60%;
    padding: 0 50px;
}

.case-study__takeaway .flex-row > .verdict-col {
    width: 40%;
    padding: 0 50px;
}

.cs-verdict .verdict-item {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    background-color: #26272d;
    padding: 50px 20px;
}

.cs-verdict .verdict-item:last-child {
    margin-bottom: 0;
}

.cs-verdict > div:nth-child(odd) {
    border-top-right-radius: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 0;
}

.cs-verdict > div:nth-child(even) {
    border-top-left-radius: 60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 0;
}

.cs-verdict .verdict--value {
    font-size: 50px;
    margin-bottom: 10px;
}

.cs-verdict .verdict--label {
    display: block;
    color: #fff;
    font-weight: 500;
}

.cs-verdict .verdict--value span {
    font-size: 60%;
    line-height: 1.3em;
    vertical-align: top;
    margin-left: 2px;
}

.case-study__takeaway .flex-row > .content-col > .content-wrap {
    display: block;
    position: sticky;
    top: 140px;
}

.case-study__content .col-image .video-embed {
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
    overflow: hidden;
}

.case-study__content .before-after-wrap {
    overflow: hidden;
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

.case-study__hero {
    font-size: 16px;
}

.case-study-main {
    background-color: #16171a !important;
}

.case-study-main .section__quote.no-takeaway {
    margin-top: 140px;
}

.case-study__table .column__lists .column-list--values .list__body {
    font-weight: 500;
    font-size: 16px;
}

.case-study__table .column__lists .column-list--labels {
    max-width: 300px;
}

.case-study__table .column__lists .column-list--values .list__header {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.case-study__table .column-list--labels .list__header {
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 1190px){
    .case-study__table .column__lists .column-list--values .list__header {
        font-size: 17px;
    }

    .case-study__table .column-list--labels .list__header {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 980px){
    .case-study__content {
        padding: 100px 0;
    }

    .case-study__content .flex-row > .col-content {
        width: 100%;
        margin-bottom: 50px;
    }

    .case-study__content .flex-row > .col-image {
        width: 100%;
    }

    .case-study__takeaway {
        padding: 100px 0;
    }

    .case-study__takeaway .flex-row > .content-col {
        width: 100%;
        margin-bottom: 50px;
    }

    .case-study__takeaway .flex-row > .verdict-col {
        width: 100%;
    }

    .case-study-main .section__quote.no-takeaway {
        margin-top: 100px;
    }

    .case-study__table .column__lists .column-list--labels {
        max-width: 250px;
    }
}

@media only screen and (max-width: 768px){
    .case-study__content {
        padding: 80px 0;
    }

    .case-study__takeaway {
        padding: 80px 0;
    }

    .cs-verdict .verdict-item {
        margin-bottom: 20px;
    }

    .case-study-main .section__quote.no-takeaway {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 640px){
    .case-study__stats .stats-item {
        width: 100%;
    }

    .cs-verdict .verdict--value {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .case-study__table .column-list--labels .list__header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .case-study__table .column__lists .column-list--values .list__body {
        font-size: 14px;
    }

    .case-study__table .column__lists .column-list--labels {
        max-width: 180px;
    }

    .case-study__table .column__lists .column-list--values .list__header {
        font-size: 15px;
    }
}

@media only screen and (max-width: 500px){
    .marketing__channels {
        -webkit-column-count: 1;
        -moz-column-count: 1;
                column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
                column-gap: 0;
    }
}

@media only screen and (max-width: 320px){
    .case-study__table .column__lists .column-list--labels {
        max-width: 140px;
    }
}

.featured-video {
    display: block;
    position: relative;
    overflow: hidden;
}

.video-wrapper {
    display: block;
    margin-bottom: 50px;
}

.video-wrapper:last-child {
    display: block;
    margin-bottom: 0;
}

.video-fancy {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

.video-fancy img {
    position: absolute;
    z-index: 0;
    top: 1px;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.video-fancy + .video-caption {
    display: block;
    text-align: center;
    margin-top: 15px;
    font-weight: 700;
    font-style: italic;
}

.featured-video .circle,
.video-fancy .circle {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;
    width: 80px;
    height: 80px;
    margin: auto;
    content: "";
    -webkit-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 100%;
    background: rgba(0, 155, 255, .6);
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 25%);
            box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}

.featured-video:hover .circle,
.video-fancy:hover .circle {
    width: 90px;
    height: 90px;
    -webkit-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    background: rgba(0, 155, 255, .3);
}

.featured-video .circle:after,
.video-fancy .circle:after {
    position: absolute;
    z-index: 15;
    top: 50%;
    right: 0;
    left: 0;
    width: 70px;
    height: 70px;
    margin: auto;
    padding: 30px;
    content: "";
    -webkit-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    color: #FFF;
    border-radius: 100%;
    background: rgba(0, 155, 255, 1);
}

.featured-video:hover .circle:after,
.video-fancy:hover .circle:after {
    width: 75px;
    height: 75px;
    -webkit-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}

.featured-video .circle i,
.video-fancy .circle i {
    font-size: 24px;
    position: absolute;
    z-index: 20;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    color: #FFF;
}

.laptop__image {
    position: relative;
    display: block;
    overflow: hidden;
}

.laptop__image > img {
    position: relative;
    z-index: 1;
    display: block;
    pointer-events: none;
    margin-bottom: 0;
}

.laptop__image .image-wrap {
    position: absolute;
    z-index: 0;
    top: 5%;
    right: 9%;
    bottom: 9%;
    left: 10%;
    display: block;
}

.laptop__image .image-wrap > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top center;
       object-position: top center;
}

.video-embed,
.aspect-ratio {
    display: block;
    position: relative;
    padding-top: 56.25%;
    width: 100%;
}

.video-embed > iframe,
.aspect-ratio > iframe {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.webtek__reviews .review-item {
    display: block;
    margin-bottom: 20px;
}

.webtek__reviews .review-item:last-child {
    margin-bottom: 0;
}

/*https://webtekcc.comcontact/review-us*/
#section-1108557 .button-group .button:first-child {
    background-color: #DD4B39;
    border-color: #DD4B39;
}

#section-1108557 .button-group .button:last-child {
    background-color: #3b5998;
    border-color: #3b5998;
}

#section-1108557 .button-group .button:hover {
    background-color: transparent;
    color: #FF7E00;
    border-color: #FF7E00;
}

.section__grids {
    position: relative;
    display: block;
    padding: 140px 0;
}

.grid__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px;
}

.grid__boxes .grid-box {
    display: block;
    width: 33.33%;
    padding: 20px;
}

.section__grids .mediumwrap {
    margin-bottom: 80px;
}

.section__grids .mediumwrap:last-child {
    margin-bottom: 0;
}

.grid__boxes .grid-box .img-wrap {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    border-radius: 20px;
    background-color: #16171A;
    -webkit-box-shadow: 0 0 #2A5BB3;
    box-shadow: 0 0 #2A5BB3;
    width: 100%;
}

.grid__boxes .grid-box a.img-wrap {
    cursor: pointer;
}

.grid__boxes .grid-box a.img-wrap:hover {
    top: -15px;
    left: -15px;
    -webkit-box-shadow: 15px 15px #2A5BB3;
            box-shadow: 15px 15px #2A5BB3;
}

.grid__boxes .box-label {
    display: block;
    position: absolute;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    z-index: 2;
    text-shadow: 0 0 20px black;
    text-transform: uppercase;
    line-height: 1em;
    bottom: 0;
    text-align: left;
    background-color: rgb(0 0 0 / 30%);
}

.grid__boxes .grid-box .box-image {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    opacity: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: cover;
    object-position: cover;
}

.grid-boxes--masonry {
    margin: -5px;
}

.grid-boxes--masonry .grid-box {
    padding: 5px;
}

.grid-boxes--masonry .grid-box:nth-child(5n + 4),
.grid-boxes--masonry .grid-box:nth-child(5n + 5) {
    width: 50%;
}

.grid__boxes .box-label small {
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    margin-top: 5px;
}

@media only screen and (max-width: 1190px){
    .grid__boxes .grid-box {
        padding: 15px;
    }

    .grid__boxes {
        margin: -15px;
    }

    .grid-boxes--masonry {
        margin: -5px;
    }

    .grid-boxes--masonry .grid-box {
        padding: 5px;
    }
}

@media only screen and (max-width: 980px){
    .section__grids {
        padding: 100px 0;
    }

    .grid__boxes .grid-box {
        width: 50%;
    }
}

@media only screen and (max-width: 768px){
    .section__grids {
        padding: 80px 0;
    }

    .section__grids .mediumwrap {
        margin-bottom: 50px;
    }

    .grid__boxes .box-label {
        font-size: 23px;
    }

    .video-fancy {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media only screen and (max-width: 640px){
    .grid__boxes .grid-box {
        padding: 10px;
    }

    .grid__boxes {
        margin: -10px;
    }

    .grid__boxes .box-label {
        font-size: 18px;
    }

    .grid-boxes--masonry {
        margin: -5px;
    }

    .grid-boxes--masonry .grid-box {
        padding: 5px;
    }
}

@media only screen and (max-width: 480px){
    .grid__boxes .grid-box {
        width: 100%;
    }
}

/* https://webtekcc.com/web-design/hosting-maintenance */

#section-1050103 ul.list-grid-2 {
    max-width: 800px;
    margin: 50px auto 0;
    width: 100%;
}

.pricing-add-ons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly;
    margin-top: 80px;
}

.pricing-add-ons > br {
    display: none;
}

.pricing-add-ons .icon__info {
    background-color: #fff;
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
    flex: 1;
    border-radius: 20px;
    overflow: unset;
    display: block;
}

.pricing-add-ons .icon__info .info--description {
    display: block;
    padding-left: 0;
}

.pricing-add-ons .icon__info .info-label {
    text-transform: none;
    font-weight: 400;
    padding-top: 5px;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
    color: #3C4953;
}

.pricing-add-ons .icon__info .info--icon {
    position: relative;
    margin: -40px auto 20px;
}

@media only screen and (max-width: 768px){
    .pricing-add-ons .icon__info .info--icon {
        margin: -30px auto 20px;
    }

    .pricing-add-ons {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 640px){
    .pricing-add-ons .icon__info {
        width: 100%;
        flex: auto;
        margin-bottom: 40px;
    }

    .pricing-add-ons .icon__info:last-child,
    .pricing-add-ons .icon__info:last-of-type {
        margin-bottom: 0;
    }
}

#vpb_search_status .error {
    display: block;
    margin-top: 20px;
    color: #f00;
    font-size: 15px;
}

.domain-checker-form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    max-width: 650px;
    padding: 40px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    background-color: #FFF;
    gap: 10px;
}

.domain-checker-form .input-col:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

#vpb_search_status .info,
#vpb_search_status .please-wait {
    padding-top: 30px;
    display: inline-block;
    width: 100%;
    max-width: 700px;
}

#vpb_search_status .please-wait > p {
    margin-bottom: 10px;
}

#vpb_search_status br {
    display: none;
}

#vpb_search_status .vasplus__pb {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 700px;
    margin-top: 20px;
    padding: 10px 15px;
    border: 1px solid #D5D6D8;
}


#vpb_search_status .available > span > span:first-child {
    background-color: #d4efe2;
    color: #25b16d;
    font-size: 14px;
    padding: 5px 10px;
    margin-right: 5px;
    min-width: 80px;
    display: inline-block;
    line-height: 1.2em;
}

#vpb_search_status .taken > span > span:first-child {
    background-color: #fcdbdc;
    color: #dd3639;
    font-size: 14px;
    padding: 5px 10px;
    margin-right: 5px;
    min-width: 80px;
    display: inline-block;
    line-height: 1.2em;
}

#vpb_search_status .buy-btn > a {
    display: block;
    font-size: 14px;
    background-color: #00ac5b;
    color: #fff;
    font-weight: 700;
    padding: 3px 15px;
    border-radius: 100px;
    transition: all ease-in-out 0.2s;
    border: 2px solid #00ac5b;
}

#vpb_search_status .buy-btn > a:hover {
    color: #00ac5b;
    background-color: transparent;
}

@media only screen and (max-width: 768px){
    .domain-checker-form {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media only screen and (max-width: 640px){
    .domain-checker-form .input-col {
        -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
        width: 100%;
    }

    .domain-checker-form {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .domain-checker-form button {
        display: block;
        width: 100%;
        min-width: auto;
        padding: 15px;
    }

    #vpb_search_status .vasplus__pb {
        display: block;
    }

    #vpb_search_status .available span,
    #vpb_search_status .taken span {
        display: block;
        max-width: 80px;
        margin: 0 auto 5px;
    }

    #vpb_search_status .buy-btn {
        margin-top: 5px;
    }

    #vpb_search_status .buy-btn > a {
        display: inline-block;
    }

}

@media only screen and (max-width: 400px){
    .domain-checker-form {
        padding: 40px 20px;
    }
}

.sticky-container {
    display: block;
    position: sticky;
    top: 110px;
}

.section__team {
    display: block;
    position: relative;
    padding: 140px 0;
}

.section__team .content-wrapper {
    margin-bottom: 60px;
}

.section__team .content-wrapper:last-child {
    margin-bottom: 0;
}

.team__grids {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}

.team__grids .team-grid {
    width: 33.33%;
    padding: 20px;
}

.team__grids .team-item {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #dcdee6;
    background-color: #fff;
    box-shadow: 0 5px 20px rgb(0 0 0 / 15%);
    text-align: left;
    height: 100%;
}

.team__grids .team--info {
    display: block;
    padding: 30px;
}

.team__grids .team-name,
.team__bio .team-name {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2em;
    color: #3c4953;
    margin-bottom: 5px;
}

.team__grids .team-designation,
.team__bio .team-designation {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 600;
    color: #00ac5b;
    margin-bottom: 25px;
}

.team__grids .team-designation:last-child {
    margin-bottom: 0;
}

.team__grids .team-link {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 0;
    padding: 0;
    color: #5cbeff;
    border: none;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgb(22 23 26 / 60%);
    border-radius: 0;
    backdrop-filter: blur(1.5px);
}

.team__grids .team-link:before {
    width: 0;
    height: 2px;
    transition: all 0.2s ease-in-out;
    content: '';
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
}

.team__grids .team-link:after {
    height: 0;
    width: 2px;
    transition: all 0.2s ease-in-out;
    content: '';
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
}

.team__grids .team-link:hover:before {
    width: 40px;
}

.team__grids .team-link:hover:after {
    height: 40px;
}

.team__grids .team-link:hover {
    opacity: 1;
}

.team__grids .team--image {
    display: block;
    position: relative;
    overflow: hidden;
}

.team__grids .team--image img {
    display: block;
    position: relative;
    z-index: 0;
    pointer-events: none;
    margin-bottom: 0;
}

.team__bio {
    padding: 20px !important;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    max-width: 1190px !important;
    width: 92%;
}

.fancybox-slide--html .team__bio .fancybox-button {
    min-width: auto;
    padding: 0;
    width: 30px;
    height: 30px;
    color: #000 !important;
    border-radius: 100px;
    background-color: #fff;
}

.team__bio .team--image {
    width: 40%;
    overflow: hidden;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.team__bio .team--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.team__bio .team--info {
    width: 60%;
    font-size: 16px;
    color: #3C4953;
    padding: 20px 30px 20px 50px;
}

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

}

@media only screen and (max-width: 980px){
    .section__team {
        padding: 100px 0;
    }

    .team__grids .team-grid {
        width: 50%;
    }
}

@media only screen and (max-width: 768px){
    .section__team {
        padding: 80px 0;
    }

    .team__bio .team--image {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .team__bio {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

    .team__bio .team--image {
        width: 100%;
    }

    .team__bio .team--info {
        width: 100%;
        padding: 40px 0 20px;
    }

    .team__grids .team-grid {
        padding: 10px;
    }

    .team__grids {
        margin: -10px;
    }
}

@media only screen and (max-width: 640px){
    .team__grids .team-grid {
        width: 100%;
    }

    .section__team .content-wrapper {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 380px){
    .team__grids .team-name,
    .team__bio .team-name {
        font-size: 18px;
    }

    .team__grids .team-designation,
    .team__bio .team-designation {
        font-size: 16px;
    }
}

.progress-circle--large {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 550px;
}

.progress-circle--large .figure-content {
    position: absolute;
    padding: 20px 30px;
    text-align: center;
}

.progress-circle--large .figure-content > span {
    display: block;
}

.progress-circle--large .figure-content small {
    display: block;
}

.progress-circle--large .figure-content em,
.progress-circle--large .figure-content strong {
    display: block;
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
}

.progress-circle--large .figure-content big {
    display: block;
    font-size: 30px;
    line-height: 1em;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #2A5BB3;
}

.progress-circle--large canvas {
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 980px){
    .progress-circle--large {
        margin: 0 auto;
        max-width: 450px;
    }
}

@media only screen and (max-width: 480px){
    .progress-circle--large .figure-content em,
    .progress-circle--large .figure-content strong {
        font-size: 30px;
    }

    .progress-circle--large .figure-content big {
        font-size: 23px;
    }
}

@media only screen and (max-width: 320px){
    .progress-circle--large .figure-content em,
    .progress-circle--large .figure-content strong {
        display: block;
        font-size: 23px;
    }

    .progress-circle--large .figure-content big {
        font-size: 20px;
        line-height: 1em;
    }
}

/* https://webtekcc.com/about/life-changing-investments */
#section-1097880 {
    overflow: hidden;
}

#section-1097880 .col-image {
    position: relative;
}

#section-1097880 .col-image > .image-wrap {
    position: absolute;
    height: auto;
    width: auto;
    top: 0;
    right: 40px;
}

@media only screen and (max-width: 1190px){
    #section-1097880 {
        padding: 80px 0;
    }

    #section-1097880 .col-image > .image-wrap {
        top: auto;
        bottom: -90px;
    }
}

@media only screen and (max-width: 980px){
    #section-1097880 .flex-row {
        flex-direction: column-reverse;
    }

    #section-1097880 .col-image > .image-wrap {
        position: relative;
        top: auto;
        bottom: 0;
        max-height: max-content;
        margin-top: 30px;
        right: 0;
    }

    #section-1097880 {
        padding-bottom: 0;
    }

    #section-1097880 .col-image {
        margin-bottom: 0;
    }
}

/* https://webtekcc.com/sell-your-marketing-agency */

#section-3603996 img {
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

@media only screen and (max-width: 768px){
    #section-3603996 img {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

.image__wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 32px;
    padding: 20px 10px;
    text-align: center;
    overflow: hidden;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.image__wrapper:last-child {
    margin-bottom: 0;
}

.cta-wrapper br {
    display: none;
}

.align-center .cta-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -10px;
    padding-bottom: 32px;
}

.cta-wrapper:last-child {
    padding-bottom: 0;
}

.cta-wrapper .cta-col {
    width: 100%;
    padding: 10px;
}

.column-2 .cta-col {
    width: 50%;
}

.column-3 .cta-col {
    width: 33.33%;
}

.column-4 .cta-col {
    width: 25%;
}

.column-5 .cta-col {
    width: 20%;
}

.cta-wrapper .cta-col > a {
    display: block;
    padding: 40px 30px;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    text-align: center;
    color: #16171A;
    border-radius: 15px;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%);
            box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

.cta-wrapper .cta-col > a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #ff7e00;
    color: #fff;
}

.cta-wrapper .cta-col > a > i {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    background-color: #FF7E00;
    transition: all ease-in-out 0.2s;
}

.cta-wrapper .cta-col > a:hover > i {
    background-color: #fff !important;
    color: #FF7E00 !important;
}

.cta-wrapper .cta-col > a > .label {
    font-size: 22px;
    font-weight: 700;
    display: block;
}

.cta-wrapper .cta-col .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    font-weight: 300;
}

.cta-wrapper .cta-col .icons img {
    width: 60px;
    margin: 0 10px;
}

@media only screen and (max-width: 980px){
    .column-5 .cta-col {
        width: 33.33%;
    }

    .column-4 .cta-col {
        width: 50%;
    }
}

@media only screen and (max-width: 768px){
    .column-5 .cta-col,
    .column-3 .cta-col {
        width: 50%;
    }
}

@media only screen and (max-width: 640px){
    .column-5 .cta-col,
    .column-4 .cta-col,
    .column-3 .cta-col,
    .column-2 .cta-col {
        width: 100%;
    }
}

@media only screen and (max-width: 420px){
    .cta-wrapper .cta-col > a > .label {
        font-size: 18px;
    }

    .cta-wrapper .cta-col > a > i {
        font-size: 25px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 250px){
    .cta-wrapper .cta-col .icons img {
        width: 40px;
        margin: 0 5px;
    }
}

#marketing__quiz .hidden {
    display: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.marketing-questions {
    background: #f5f6f8;
    padding: 60px 40px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    display: block;
    text-align: left;
}

.marketing-questions .step-title span:first-child {
    font-size: 40px;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    background-color: #009bff;
    font-weight: 600;
}

.marketing-questions .step-title span:nth-child(2) {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #00ac5b;
    text-transform: uppercase;
    margin-top: 15px;
    text-align: left;
}

.marketing-questions .step-title {
    display: block;
    margin-bottom: 30px;
}

.marketing-questions .step-title:last-child {
    margin-bottom: 0;
}

.marketing-questions section {
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 5px;
}

.marketing-questions section:last-child {
    margin-bottom: 0;
}

.marketing__question .input-wrap {
    display: block;
    margin-bottom: 15px;
}

.marketing__question .input-wrap:last-child {
    margin-bottom: 0;
}

#marketing__quiz .quiz__buttons {
    margin-top: 40px;
}

@media only screen and (max-width: 980px){
    .marketing-questions .step-title span:first-child {
        width: 65px;
        height: 65px;
        font-size: 25px;
        line-height: 65px;
    }
}

@media only screen and (max-width: 768px){
    #marketing__quiz {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media only screen and (max-width: 500px){
    .marketing-questions .step-title span:nth-child(2) {
        font-size: 20px;
    }
}

@media only screen and (max-width: 380px){
    #marketing__quiz .quiz__buttons .button-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #marketing__quiz .quiz__buttons .marketing__quiz__submit {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    #marketing__quiz .quiz__buttons .previous {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

/* https://webtekcc.com/internet-marketing/digital-marketing-bundles */

#section-4413794 .service-row:first-child .icon {
    background-color: #e14f86;
}

#section-4413794 .service-row:nth-child(2) .icon {
    background-color: #dd2d42;
}

#section-4413794 .service-row:nth-child(3) .icon {
    background-color: #ea7b29;
}

#section-4413794 .service-row:nth-child(4) .icon {
    background-color: #f2cb11;
}

#section-4413794 .service-row:nth-child(5) .icon {
    background-color: #a4cc35;
}

#section-4413794 .service-row:nth-child(6) .icon {
    background-color: #55b8bf;
}

#section-4413794 .service-row:nth-child(7) .icon {
    background-color: #3d97ce;
}

#section-4413794 .service-row:nth-child(8) .icon {
    background-color: #6e449b;
}

.sidebar-content .display-posts-listing .listing-item {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid #ceced0;
    padding-bottom: 20px;
}

.sidebar-content .display-posts-listing .listing-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar-content .display-posts-listing .listing-item:before {
    display: none;
}

.sidebar-content .display-posts-listing .listing-item .image {
    display: block;
    width: 30%;
}

.sidebar-content .display-posts-listing .listing-item .title {
    display: block;
    width: 70%;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5em;
    color: #16171A;
    font-weight: 700;
}

.sidebar-content .display-posts-listing .listing-item .title:hover {
    color: #5cbeff;
}

.sc_card {
    color: #3c4953;
}

.sc_card h1,
.sc_card h2,
.sc_card h3,
.sc_card h4,
.sc_card h5,
.sc_card h6 {
    color: #16171A;
}

.logo__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
    padding-top: 30px;
}

.logo__grid:first-child {
    padding-top: 0;
}

.logo__grid .logo-grid {
    width: 20%;
    padding: 10px;
}

.logo__grid .logo-grid .logo-wrapper {
    background-color: #fff;
    border: 1px solid #acb9c3;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    overflow: hidden;
}

.logo__grid .logo-grid .logo-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.logo__grid .logo-grid img {
    border-radius: 0 !important;
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

@media only screen and (max-width: 768px){
    .logo__grid .logo-grid {
        width: 25%;
    }
}

@media only screen and (max-width: 500px){
    .logo__grid .logo-grid {
        width: 33.33%;
        padding: 5px;
    }

    .logo__grid {
        margin: -5px;
    }
}

.fancybox-logo-grid .fancybox-slide--image .fancybox-content {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}

.fancybox-logo-grid .fancybox-slide--image .fancybox-image {
    padding: 20px;
}

/* https://webtekcc.com/internet-marketing/logos-branding */
#section-1063641 .content-wrap {
    display: block;
    position: sticky;
    top: 150px;
}

/* https://webtekcc.com/web-design/color-visualizers */
#section-4629995 img,
#section-4629108 img {
    display: block;
    width: 100%;
}

main .simple-sitemap-wrap ul.main li {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 35px;
}

main .simple-sitemap-wrap {
    display: block;
    margin-bottom: 80px;
}

main .simple-sitemap-wrap:last-child {
    display: block;
    margin-bottom: 0;
}

.parent-pageid-1086 main ul,
.parent-pageid-1087 main ul{
	font-weight: unset;
	font-size: 18px;
	line-height: 1.67em;
}

.section__page-boxes {
    display: block;
    padding: 140px 0;
    position: relative;
    overflow: hidden;
}

.section__page-boxes .mediumwrap {
    margin-bottom: 60px;
}

.section__page-boxes .mediumwrap:last-child {
    margin-bottom: 0;
}

.page__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -35px -15px;
}

.page__boxes .page-box {
    width: 33.33%;
    padding: 35px 15px;
    text-align: center;
}

.page__boxes .image-wrap {
    position: relative;
    z-index: 1;
    top: 0;
    display: block;
    margin-bottom: 20px;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    -webkit-filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
            filter: drop-shadow(0 0 10px rgb(0 0 0 / 20%));
}

.page__boxes .image--featured {
    position: absolute;
    z-index: 0;
    top: 5%;
    right: 9%;
    bottom: 8%;
    left: 10%;
    display: block;
    overflow: hidden;
    background-color: #FFF;
}

.page__boxes .image--laptop {
    position: relative;
    z-index: 1;
    display: block;
    pointer-events: none;
}

.page-boxes--2 .image--featured > img {
    display: block;
    width: 100%;
    -webkit-transition: all ease-in-out 5s;
    -o-transition: all ease-in-out 5s;
    transition: all ease-in-out 5s;
    pointer-events: none;
}

.page-boxes--2 .box-wrapper:hover .image--featured > img {
    -webkit-transform: translateY(calc(-100% + 196px));
        -ms-transform: translateY(calc(-100% + 196px));
            transform: translateY(calc(-100% + 196px));
}

@media only screen and (max-width: 1190px) {
    .page-boxes--2 .box-wrapper:hover .image--featured > img {
        -webkit-transform: translateY(calc(-100% + 160px));
            -ms-transform: translateY(calc(-100% + 160px));
                transform: translateY(calc(-100% + 160px));
    }
}

@media only screen and (max-width: 980px) {
    .section__page-boxes {
        padding: 100px 0;
    }

    .page__boxes .page-box {
        width: 50%;
    }

    .page-boxes--2 .box-wrapper:hover .image--featured > img {
        -webkit-transform: translateY(calc(-100% + 190px));
            -ms-transform: translateY(calc(-100% + 190px));
                transform: translateY(calc(-100% + 190px));
    }
}

@media only screen and (max-width: 768px) {
    .section__page-boxes {
        padding: 80px 0;
    }

    .page-boxes--2 .box-wrapper:hover .image--featured > img {
        -webkit-transform: translateY(calc(-100% + 160px));
            -ms-transform: translateY(calc(-100% + 160px));
                transform: translateY(calc(-100% + 160px));
    }
}

@media only screen and (max-width: 640px) {
    .page__boxes .page-box {
        width: 100%;
    }

    .page-boxes--2 .box-wrapper:hover .image--featured > img {
        -webkit-transform: translateY(calc(-100% + 255px));
            -ms-transform: translateY(calc(-100% + 255px));
                transform: translateY(calc(-100% + 255px));
    }
}

@media only screen and (max-width: 500px) {
    .page-boxes--2 .box-wrapper:hover .image--featured > img {
        -webkit-transform: translateY(calc(-100% + 50vw));
            -ms-transform: translateY(calc(-100% + 50vw));
                transform: translateY(calc(-100% + 50vw));
    }
}

span.mark {
    font-weight: 700;
    display: inline-block;
    color: #5cbeff;
}

.quiz--rebuild {
    display: block;
    padding: 50px;
    background-color: #f5f6f8;
    margin-top: 60px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

.quiz--rebuild:first-child {
    padding: 0;
}

.quiz-result-form .input-wrap {
    margin-bottom: 15px;
}

.contact__form.quiz-result-form {
    display: block;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#quiz-results {
    display: block;
    position: relative;
    margin: 0 auto;
}

#quiz-results .circle-text {
    display: block;
    line-height: 1em !important;
    width: 100%;
    position: absolute;
    top: 25%;
}

#quiz-results .circle-info-half {
    display: block;
    width: 100%;
    line-height: 1em !important;
    opacity: 0.6;
    position: absolute;
    bottom: 33%;
}

@media only screen and (max-width: 768px){
    .quiz--rebuild {
        border-top-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media only screen and (max-width: 500px){
    .quiz--rebuild {
        padding: 50px 30px;
    }

}

.page-id-4413 .hero-style--4 .col-image .image-wrap {
    height: auto;
    max-width: 500px;
    width: 100%;
    display: inline-block;
    border-radius: 0 !important;
}

.page-id-4413 .hero-style--4 .col-image {
    text-align: right;
}

@media only screen and (max-width: 980px){
    .page-id-4413 .hero-style--4 .col-image {
        text-align: left;
    }
}

.page-id-5474 .hero-style--4 .col-image .image-wrap > img {
    -o-object-fit: contain;
       object-fit: contain;
}

/* @media only screen and (max-width: 980px){
    body .uwy.userway_p5 .userway_buttons_wrapper {
        bottom: 70px !important;
    }
} */

@media only screen and (max-width: 980px){
    body .uwy.userway_p5 .userway_buttons_wrapper {
        bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
        right: auto !important;
        left: 20px !important;
        top: auto !important;
    }
}

@media only screen and (min-width: 421px){
    #gform_1 #field_1_9 .gfield_checkbox {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
            -ms-flex-direction: unset;
                flex-direction: unset;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    #gform_1 #field_1_9 .gfield_checkbox > .gchoice {
        width: 48% !important;
    }
}

@media only screen and (min-width: 641px){
    #gform_1 #field_1_9 .gfield_checkbox > .gchoice {
        width: 32% !important;
    }
}

@media only screen and (min-width: 769px){
    #gform_1 #field_1_9 .gfield_checkbox > .gchoice {
        width: 24% !important;
    }
}

#section-1079982 .col-image > .image-wrap {
    text-align: right;
}

#section-1079982 .col-image > .image-wrap > img {
    width: auto;
    display: inline-block;
}

@media only screen and (max-width: 980px){
    #section-1079982 .col-image > .image-wrap {
        text-align: center;
    }

    #section-1062395 .col-sidebar {
        display: none;
    }
}

.blog__bottom {
    display: block;
    padding: 40px 30px;
    background-color: #f5f6f8;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

@media only screen and (max-width: 768px){
    .blog__bottom {
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}


/*! Footer
//////////////////////////////////////////////*/
.main__footer {
    background-color: #16171a;
    display: block;
    position: relative;
    overflow: hidden;
}

.footer--copyright p {
    display: block;
    font-weight: 500;
    color: #acb9c3;
    font-size: 15px;
    text-align: center;
}

.footer--copyright {
    display: block;
    padding: 38px 0;
}

.footer--middle {
    display: block;
    position: relative;
    border-top: 1px solid #38444e;
    border-bottom: 1px solid #38444e;
    padding: 25px 0;
}

.footer-logo a {
    display: block;
    width: 268px;
    height: 36px;
}

.footer-nav {
    flex: 1;
    text-align: right;
    padding-left: 50px;
}

.footer-nav .menu {
    display: block;
    list-style: none;
    text-align: right;
}

.footer-nav .menu > li {
    display: inline-block;
    padding-right: 14px;
    margin-right: 14px;
    border-right: 2px solid #dededf;
}

.footer-nav .menu > li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.footer-nav .menu > li > a {
    display: block;
    color: #dededf;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3em;
}

.footer-nav .menu > li > a:hover {
    color: #ff7e00;
}

.footer--top .social-link {
    display: block;
    position: relative;
}

.footer--top .social-link .hover-active {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all ease-in-out .2s;
         -o-transition: all ease-in-out .2s;
            transition: all ease-in-out .2s;
    opacity: 0;
}

.footer--top .social-link:hover .hover-active {
    opacity: 1;
}

.footer--top {
    display: block;
    padding: 70px 0;
    border-top: 1px solid #38444e;
}

.footer--top .flex-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
}

.footer--top .flex-row > .flex-col {
    padding: 0 10px;
}

.footer--top .google-reviews {
    width: 90px;
    height: 55px;
    margin: 0 auto;
}

.footer--top .google-reviews img {
    width: 100%;
    height: 100%;
}

.footer--top p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
    margin-bottom: 0;
}

.footer--top p a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.footer--top p a:hover {
    color: #ff7e00;
}

.footer--top .widget-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 20px;
    line-height: 1em;
    background-color: #26272d;
    border-radius: 10px;
    color: #acb9c3;
    margin-bottom: 30px;
}

.social__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -2px;
    max-width: 140px;
    width: 100%;
}

.social__links .social-link-item {
    width: 33.33%;
    padding: 2px;
}

.social__links .social-link-item img {
    display: block;
    width: 40px;
    height: 40px;
}

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

}

@media only screen and (max-width: 980px){
    .footer--top p {
        font-size: 16px;
    }

    .footer--middle .footer-logo {
        width: 100%;
    }

    .footer-logo a {
        margin: 0 auto;
    }

    .footer-nav {
        padding: 0;
        text-align: center;
        margin-top: 20px;
    }

    .footer-nav .menu {
        text-align: center;
    }

    .footer--top {
        padding: 70px 0 50px;
    }

    .main__footer {
        margin-bottom: 52px;
    }
}

@media only screen and (max-width: 768px){
    .main__footer {
        display: flex;
        flex-wrap: wrap;
    }

    .footer--middle {
        width: 100%;
        order: 0;
        padding: 70px 0 30px;
    }

    .footer--copyright {
        width: 100%;
        order: 1;
    }

    .footer--top {
        width: 100%;
        order: 1;
        border-top: none;
        border-bottom: 1px solid #38444e;
        padding: 50px 0;
    }

    .footer--top .flex-row > .flex-col {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .footer--top .flex-row > .flex-col:last-child {
        margin-bottom: 0;
    }

    .social__links {
        max-width: 150px;
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 640px){
    .footer--copyright p {
        font-size: 11px;
        line-height: 1.5em;
    }

    .footer--top .widget-title {
        font-size: 17px;
    }

    .footer-nav .menu > li > a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px){
    .footer-logo a {
        max-width: 200px;
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 320px){
    .footer-nav .menu > li {
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 10px;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #323335;
    }

    .footer-nav .menu > li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .footer-nav .menu {
        max-width: 200px;
        width: 100%;
        margin: 0 auto;
    }
}




/*!////////////////////////////////////////////////
// STATES
/////////////////////////////////////////////////*/


/*! ==========================================================================
// Clearfix
// =========================================================================*/
.group:before,
.group:after {
    display: table;
    content: "";
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.px-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.px-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mx-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    .pt-80 {
        padding-top: 50px !important;
    }

    .pb-80 {
        padding-bottom: 50px !important;
    }

    .px-80 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

.align-center {
    text-align: center;
}

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

.align-left {
    text-align: left;
}

.contact__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -18px;
}

.contact__form:before,
.contact__form:after {
    content: '';
    display: block;
    clear: both;
}

.contact__form .grid-6 {
    padding: 0 18px;
    width: 100%;
    margin: 0 auto;
}

.contact__form .grid-3 {
    padding: 0 18px;
    width: 50%;
    margin: 0 auto;
}

.contact__form .grid-2 {
    padding: 0 18px;
    width: 33.33%;
    margin: 0 auto;
}

.contact__form .wpcf7-form-control-wrap {
    margin-bottom: 20px;
    display: block;
}

.wpcf7 ::placeholder {
    color: #3c4953;
}

.wpcf7-form {
    text-align: left;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}

.wpcf7-acceptance .wpcf7-list-item label {
    font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
textarea {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #595959;
    font-size: 18px;
    padding: 16px 18px;
    line-height: 1.25em;
    border: 1px solid #2f3137;
    border-radius: 10px;
    font-family: 'Inter',sans-serif;
    color: #3c4953;
}

textarea {
    height: 150px;
}

.wpcf7 input[type="file"] {
    display: block;
    cursor: pointer;
    border: 1px solid;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    font-family: 'Inter',sans-serif;
}

.contact__form label {
    font-weight: 600;
}

.contact__form .btn-wrap {
    display: inline-block;
    position: relative;
    margin-top: 30px;
}

.contact__form .btn-wrap.btn-space-none,
.contact__form.btn-space-none .btn-wrap {
    margin-top: 0;
}

input[type="submit"] {
    font-family: "Inter",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 15px 33px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #FFF;
    border: 2px solid #FF7E00;
    border-radius: 100px;
    background-color: #FF7E00;
    text-align: center;
    display: inline-block;
}

input[type="submit"]:hover,
button:hover {
    background-color: transparent;
    color: #ff7e00;
}

.gform-theme {
    text-align: left;
}

.gform-theme .gform-body .gform_fields {
    row-gap: 30px;
    column-gap: 35px;
}

.gform-theme .gform-body .gform_fields .gfield_label {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    color: #3c4953;
    display: block;
    font-weight: 600;
}

.gform-theme .gform-body .gform_fields .gfield_label .gfield_required {
    display: inline-block;
    vertical-align: top;
    margin-left: 1px;
}

.gform-theme .gform_heading {
    display: none;
}

.gform-theme .gform-body .gform_fields input[type="text"],
.gform-theme .gform-body .gform_fields input[type="email"],
.gform-theme .gform-body .gform_fields input[type="url"],
.gform-theme .gform-body .gform_fields input[type="tel"],
.gform-theme .gform-body .gform_fields select,
.gform-theme .gform-body .gform_fields textarea {
    display: block;
    width: 100%;
    font-weight: 400;
    color: #595959;
    font-size: 18px;
    padding: 16px 18px;
    line-height: 1.25em;
    border: 1px solid #2f3137;
    border-radius: 10px;
    font-family: 'Inter',sans-serif;
    color: #3c4953;
    height: auto;
}

.gform-theme .gform-body .gform_fields input[type="file"] {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.25em;
    border: 1px solid #2f3137;
    border-radius: 10px;
    font-family: 'Inter',sans-serif;
    color: #3c4953;
    height: 56px;
}

.gform-theme .gform-body .gform_fields textarea {
    height: 150px;
}

.gform-theme.gform-theme--framework.gform_wrapper form[id^="gform"] .gform-footer input[type="submit"] {
    font-family: "Inter",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 15px 33px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #FFF;
    border: 2px solid #FF7E00;
    border-radius: 100px;
    background-color: #FF7E00;
    text-align: center;
    display: inline-block;
    min-width: 200px;
}

.gform-theme.gform-theme--framework.gform_wrapper form[id^="gform"] .gform-footer input[type="submit"]:hover {
    background-color: transparent;
    color: #ff7e00;
}

.gform-theme.gform-theme--framework.gform_wrapper form[id^="gform"] .gform-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
}

@media only screen and (max-width: 768px){
    .gform-theme .gform-body .gform_fields input[type="text"],
    .gform-theme .gform-body .gform_fields input[type="email"],
    .gform-theme .gform-body .gform_fields input[type="url"],
    .gform-theme .gform-body .gform_fields input[type="tel"],
    .gform-theme .gform-body .gform_fields select,
    .gform-theme .gform-body .gform_fields textarea {
        font-size: 16px;
        padding: 15px;
    }

    .gform-theme .gform-body .gform_fields .gfield_label {
        font-size: 16px;
    }

    .gform-theme .gform-body .gform_fields input[type="file"] {
        height: 52px;
    }
}

@media only screen and (max-width: 640px){
    .gform-theme .gform-body .gform_fields {
        column-gap: 0;
    }
}

.wpcf7-form .wpcf7-not-valid-tip {
    font-size: 13px;
    font-weight: 300;
    text-align: left;
}

.wpcf7-form .wpcf7-response-output {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.bg--light .wpcf7-form .wpcf7-response-output,
.bg--light-gray .wpcf7-form .wpcf7-response-output {
    color: #3c4953;
}

.contact__form .btn-wrap > .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 0;
    margin-left: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.cta-form .input-wrap {
    display: block;
    margin-bottom: 20px;
}

.cta-form input[type="text"],
.cta-form input[type="email"],
.cta-form input[type="url"],
.cta-form textarea{
    border-color: #dcdee6;
    color: #3c4953;
    font-weight: 700;
}

.cta-form input[type="text"]::-webkit-input-placeholder,
.cta-form input[type="email"]::-webkit-input-placeholder,
.cta-form input[type="url"]::-webkit-input-placeholder,
.cta-form textarea::-webkit-input-placeholder {
    color: #3C4953;
}

.cta-form input[type="text"]::-moz-placeholder,
.cta-form input[type="email"]::-moz-placeholder,
.cta-form input[type="url"]::-moz-placeholder,
.cta-form textarea::-moz-placeholder {
    color: #3C4953;
}

.cta-form input[type="text"]:-ms-input-placeholder,
.cta-form input[type="email"]:-ms-input-placeholder,
.cta-form input[type="url"]:-ms-input-placeholder,
.cta-form textarea:-ms-input-placeholder {
    color: #3C4953;
}

.cta-form input[type="text"]::-ms-input-placeholder,
.cta-form input[type="email"]::-ms-input-placeholder,
.cta-form input[type="url"]::-ms-input-placeholder,
.cta-form textarea::-ms-input-placeholder {
    color: #3C4953;
}

.cta-form input[type="text"]::placeholder,
.cta-form input[type="email"]::placeholder,
.cta-form input[type="url"]::placeholder,
.cta-form textarea::placeholder {
    color: #3C4953;
}

.cta-form.full .input-wrap {
    margin-bottom: 0;
}

.cta-form.full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    max-width: 500px;
    width: 100%;
}

.cta-form.full .input-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0;
}


.sidebar__form .input-wrap {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.btn-wrap.full {
    display: block;
    position: relative;
}

.btn-wrap.full input[type="submit"] {
    display: block;
    width: 100%;
}

.btn-wrap.medium input[type="submit"] {
    display: block;
    width: 100%;
    min-width: 250px;
}

.btn-wrap.full .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.sidebar__form input[type="text"],
.sidebar__form input[type="email"],
.sidebar__form input[type="url"],
.sidebar__form input[type="tel"],
.sidebar__form select,
.sidebar__form textarea {
    border-color: #dcdee6;
    color: #3c4953;
    font-weight: 700;
}

.sidebar__form::-webkit-input-placeholder {
    color: #3C4953;
}

.sidebar__form::-moz-placeholder {
    color: #3C4953;
}

.sidebar__form:-ms-input-placeholder {
    color: #3C4953;
}

.sidebar__form::-ms-input-placeholder {
    color: #3C4953;
}

.sidebar__form::placeholder {
    color: #3C4953;
}

@media only screen and (max-width: 768px){
    input[type="text"],
    input[type="email"], textarea {
        font-size: 15px;
        padding: 13px 15px;
    }

    input[type="submit"] {
        font-size: 16px;
        padding: 12px 30px;
    }

    .cta-form input[type="submit"] {
        font-size: 16px;
        padding: 14px 30px;
    }

    .contact__form {
        margin: 0;
    }

    .contact__form .grid-3,
    .contact__form .grid-2,
    .contact__form .grid-6 {
        padding: 0;
        width: 100%;
    }

    input[type="text"], input[type="email"], textarea {
        font-size: 16px;
        padding: 15px;
    }

    .cta-form .input-wrap {
        margin-bottom: 15px;
    }

    .contact__form .wpcf7-form-control-wrap .wpcf7-list-item {
        display: block;
    }
}

@media only screen and (max-width: 380px){
    .cta-form.full {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .cta-form.full {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 15px;
    }

    .cta-form .btn-wrap {
        width: 100%;
    }

    .cta-form .btn-wrap input[type="submit"] {
        display: block;
        width: 100%;
    }
}


/*! ==========================================================================
// Print styles
// =========================================================================*/
@media print {
    * {
        color: black !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.hbspt-form span {
	font-weight: 700 !important;
	color: red !important;
}

.no-positions{
	color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
}

h1 span.domaincolor{
	color:#009bff !important;
}

.mwai-body p{
	margin-bottom: 15px !important;
}
.mwai-body li p{
	margin-bottom: 5px !important;
}
.mwai-body h3{
	color: #000 !important;
}

.mwai-body ul{
	padding: 0 0 0 40px !important;
	margin-bottom: 15px !important;
}
.mwai-body ol{
	margin-bottom: 15px !important;
}

strong.gold{
	color: #ffd700 !important;
}



/* Only affect desktop/tablet where the halves sit side-by-side */
@media screen and (min-width: 480px){
  .group.center-columns{ display:table; width:100%; }        /* no flex */
  .group.center-columns .grid-half{
    display:table-cell;                                       /* replaces float for this row only */
    float:none;                                               /* neutralize float in this context */
    width:50%;
    vertical-align:middle;                                    /* <-- vertical centering */
  }
  .group.center-columns .grid-half img{ display:block; height:auto; max-width:100%; }
}
@media screen and (max-width: 480px){
	.group.center-columns{
		display: flex;
    	flex-direction: column;
   	 	align-items: center;
	}
}


.badge-25 {
  width: 200px;
  aspect-ratio: 1 / 1;
  background: url('https://www.webtekcc.com/wp-content/uploads/2025/09/webtek-25-badge-e1759325894818.png')
              center/contain no-repeat;
  position: relative;
  display: inline-block;
}

.badge-25::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg, /* keep the diagonal angle */
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,0.9) 50%, /* bright white core */
    rgba(255,255,255,0) 60%
  );
  -webkit-mask: url('https://www.webtekcc.com/wp-content/uploads/2025/09/webtek-25-badge-e1759325894818.png')
                center/contain no-repeat;
          mask: url('https://www.webtekcc.com/wp-content/uploads/2025/09/webtek-25-badge-e1759325894818.png')
                center/contain no-repeat;
  mix-blend-mode: screen;
  background-size: 250% 250%;
  animation: badgeShimmer 4s linear infinite;
  pointer-events: none;
}

@keyframes badgeShimmer {
  from { background-position: 150% 0; }  /* start on the right */
  to   { background-position: -150% 0; } /* move across to the left */
}

@media (prefers-reduced-motion: reduce) {
  .badge-25::after { animation: none; }
}

// Client Intake Form

.page-id-164673 body .gform_wrapper .gform_footer input[type="submit"],
.page-id-164673 body .gform_wrapper .gform_page_footer input[type="button"] {
  background-color: #FF7E00; /* Change to your desired color */
  color: #ffffff; /* Text color */
  border: none; /* Optional */
}

.page-id-164673 .gf_progressbar_wrapper {
  margin-bottom: 60px !important;
}
.page-id-164673 .gf_progressbar_title {
  text-align: center !important;
  font-size: 20px !important;
}
.page-id-164673 .gform_page_footer {
  margin-top: 60px !important;
}

.page-id-164673 .gform_next_button {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
  padding: 15px 33px !important;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
  color: #FFF;
  border: 2px solid #FF7E00 !important;
  border-radius: 100px !important;
  background-color: #FF7E00 !important;
  text-align: center;
  display: inline-block;
  min-width: 200px;
}
.page-id-164673 .gform_next_button:hover {
    background-color: transparent !important;
    color: #ff7e00 !important;
}
.page-id-164673 .gform_button {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
  padding: 15px 33px !important;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
  color: #FFF;
  border: 2px solid #FF7E00 !important;
  border-radius: 100px !important;
  background-color: #FF7E00 !important;
  text-align: center;
  display: inline-block;
  min-width: 200px;
}
.page-id-164673 .gform_button:hover {
    background-color: transparent !important;
    color: #ff7e00 !important;
}
.page-id-164673 .gform_previous_button {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
  border-radius: 100px !important;
  padding: 15px 33px !important;
}
.page-id-164673 .gform_save_link {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2em !important;
  border-radius: 100px !important;
  padding: 15px 33px !important;
}





/* HISTORY TIMELINE STYLES */

.history__timeline {
    display: block;
    position: relative;
        padding-bottom: 140px;
}

.history__content {
    display: block;
    padding-top: 80px;
}

/* Timeline Row - initial hidden state for animation */
.timeline-row {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

/* When row becomes visible, animate in */
.timeline-row.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.history__timeline .timeline-row > .inner-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.history__timeline .timeline-row:nth-child(even) > .inner-content {
    justify-content: flex-end;
}

.history__timeline .timeline-content {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 40%;
    padding: 15px;
    background-color: #2A5BB3;
    border-radius: 25px;
	overflow: hidden;
}

.history__timeline:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    margin: 0 auto;
    border-right: 2px solid #fff;
}

.timeline-content-text p {
    color: #fff;
    text-align: center;
}

/* Arrow pseudo-elements for timeline content */
.history__timeline .timeline-content:before {
    content: '';
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid #10356f;
    position: absolute;
    right: -40px;
}

.history__timeline .timeline-row:nth-child(even) .timeline-content:before {
    border-left: 20px solid transparent;
    border-right: 20px solid #10356f;
    right: auto;
    left: -40px;
}

.history__timeline .timeline-date {
    display: block;
    margin-bottom: 0;
    font-family: 'roboto-slab', serif;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1em;
    position: absolute;
    right: 0;
    width: 45%;
}

.history__timeline .timeline-content .img-wrap {
    display: block;
    overflow: hidden;
}

.history__timeline .timeline-row {
    margin-bottom: 40px;
}

.history__timeline .timeline-row:last-child {
    margin-bottom: 0;
}

.history__timeline .timeline-content .content-wrap {
    display: block;
    padding: 10px;
}

.history__timeline .timeline-row:nth-child(even) .timeline-date {
    right: auto;
    left: 0;
    text-align: right;
}

/* Checkmark styling with SVG marker */
.history__timeline .timeline-row > .inner-content .checkmark {
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-family: "Font Awesome 6 Pro";
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #000;
    border-radius: 100px;
    transition: all 0.2s ease-in-out;
    overflow: visible;
}

/* SVG marker styles */
.checkmark-svg {
    position: absolute;
    top: 0;
    left: 0;
}

.checkmark-circle {
    stroke: #fff;
    stroke-width: 2;
    fill: transparent;
    stroke-dasharray: 113;
    stroke-dashoffset: 113;
    transition: stroke-dashoffset 1.2s ease, fill 1.2s ease;
}

/* Animate SVG circle when row is visible */
.timeline-row.is-visible .checkmark-circle {
    stroke-dashoffset: 0;
	fill: #2A5BB3;
}

.checkmark i.fa-check {
  color: #fff;
  z-index: 1;
}

/* Hide duplicate timeline date inside content if not needed */
.history__timeline .timeline-content .content-wrap .timeline-date {
    display: none;
}

/* Active state for checkmark (if additional feedback is desired) */
.history__timeline .timeline-row > .inner-content .checkmark.active {
    background-color: #5e92bf;
    color: #fff;
    border-color: #fff;
}

/* Responsive styles */
@media only screen and (max-width: 640px){
    .history__timeline:before {
        margin: 0;
        left: 25px;
    }

    .history__timeline .timeline-date {
        display: none;
    }

    .history__timeline .timeline-content .content-wrap .timeline-date {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 15px;
        font-size: 25px;
        text-align: left !important;
    }

    .history__timeline .timeline-row > .inner-content .checkmark {
        margin: 0;
        left: 0;
    }

    .history__timeline .timeline-content {
        width: calc(100% - 120px);
    }

    .history__timeline .timeline-row > .inner-content {
        justify-content: flex-end;
    }

    .history__timeline .timeline-content:before {
        border-left: 20px solid transparent;
        border-right: 20px solid #10356f;
        right: auto;
        left: -40px;
    }

	.timeline-date {
		color: #fff!important;
	}

	.history__timeline .timeline-row>.inner-content .checkmark {
		left: 25px;
	}
}

@media only screen and (max-width: 480px){
    .history__timeline .timeline-content {
        width: calc(100% - 90px);
    }

    .history__timeline .timeline-content .content-wrap .timeline-date {
        font-size: 20px;
    }
}

.section__timeline {
    display: block;
    padding: 130px 0;
}

@media only screen and (max-width: 1200px){
    .section__timeline {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 980px){
    .section__timeline {
        padding: 80px 0;
    }
}
.timeline-content img{
	    border-radius: 20px 20px 0px 0px;
	    width: 100%;
}
/* Keep your arrow on ::before unchanged */

/* Timeline card */
.history__timeline .timeline-content {
  /* knobs */
  --c: #fff;   /* border color */
  --b: 5px;    /* line thickness */
  --g: 0px;    /* content gap */
  --r: 25px;   /* corner radius */

  position: relative;
  padding: calc(var(--g) + var(--b));
  border-radius: var(--r);
  overflow: visible;          /* allow the outside ring to show */
  isolation: isolate;         /* keep ::after compositing clean */
  cursor: pointer;
  padding: 0px;
}

/* Animated rounded ring (outside) */
.history__timeline .timeline-content::after {
  content: "";
  position: absolute;

  /* draw just outside the box; epsilon prevents corner clipping */
  --eps: 0px;
  inset: calc(-1 * var(--b) - var(--eps));
  border-radius: calc(var(--r) + var(--b) + var(--eps));

  pointer-events: none;
  z-index: 1;

  /* your original effect (two conic layers) with tiny blending tweaks */
  --_g: #0000 0%, var(--c) 0; /* 26% reduces seam/overlap vs 25% */
  background:
    conic-gradient(from 180deg at top    var(--b) right var(--b), var(--_g))
      var(--_i,200%) 0 / 200% var(--_i,var(--b)) no-repeat,
    conic-gradient(            at bottom var(--b) left  var(--b), var(--_g))
      0 var(--_i,200%) / var(--_i,var(--b)) 200% no-repeat;

  /* carve a rounded ring (outer minus inner) */
  padding: var(--b);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  /* smooth motion */
  transition:
    background-size .6s cubic-bezier(.22,.61,.36,1),
    background-position .6s cubic-bezier(.22,.61,.36,1);
}

/* Trigger */
.history__timeline .timeline-content:hover {
  --_i: 100%;
}

/* Smooth grow on hover (matches the feel of your border timing) */
.history__timeline .timeline-content {
  transition: transform .25s cubic-bezier(.22,.61,.36,1);
  transform-origin: center;
  will-change: transform;
}

.history__timeline .timeline-content:hover {
  transform: scale(1.02); /* tweak 1.01–1.04 to taste */
  /* optional lift so the border reads a bit more */
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .history__timeline .timeline-content {
    transition: none;
  }
  .history__timeline .timeline-content:hover {
    transform: none;
    box-shadow: none;
  }
}
.page-id-164739 .hero-style--4 .flex-row{
	justify-content: space-between;
}

.page-id-164739 .hero-style--4 .col-image{
    width: 44%;
}

/* Center 25th anniversary badge on mobile for page 164739 */
@media only screen and (max-width: 768px){
    .page-id-164739 .hero-style--4 .flex-row {
        justify-content: center;
    }
}


/* Apply gradient text styling to specific H3 on history page */
.page-id-164739 #gradient-header {
    text-align: center;
    font-size: 60px;
    font-weight: 800;
    line-height: 1em;
    display: block;
    visibility: hidden;
    background: rgb(251,244,236);
    background: -webkit-gradient(linear, right top, left top, from(rgba(251,244,236,1)), color-stop(15%, rgba(236,215,200,1)), color-stop(33%, rgba(237,164,188,1)), color-stop(50%, rgba(190,135,196,1)), color-stop(67%, rgba(145,134,231,1)), color-stop(85%, rgba(146,202,249,1)), to(rgba(199,248,255,1)));
    background: -o-linear-gradient(right, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    background: linear-gradient(270deg, rgba(251,244,236,1) 0%, rgba(236,215,200,1) 15%, rgba(237,164,188,1) 33%, rgba(190,135,196,1) 50%, rgba(145,134,231,1) 67%, rgba(146,202,249,1) 85%, rgba(199,248,255,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbf4ec",endColorstr="#c7f8ff",GradientType=1);
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;
    padding-bottom: 0.1em;
    margin-left: -0.05em;
    margin-bottom: 20px;
}

/* Mobile styling for gradient header */
@media only screen and (max-width: 768px) {
    .page-id-164739 #gradient-header {
        font-size: 40px;
        margin-bottom: 15px;
    }
}

/* Anniversary Banner in Header */
.header-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.anniversary-banner {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.anniversary-link {
    display: inline-block;
    background: linear-gradient(135deg, #D4AF37, #FFD700);
    color: #222;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
    padding: 4px 12px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
    box-shadow:
        0 1px 6px rgba(212, 175, 55, 0.4),
        inset 0 1px 3px rgba(255, 255, 255, 0.15),
        inset 0 -1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #B8860B;
    line-height: 1.2;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.anniversary-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        115deg,
        rgba(255,255,255,0) 40%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0) 60%
    );
    background-size: 250% 250%;
    animation: anniversaryShimmer 6s linear infinite;
    pointer-events: none;
    border-radius: 15px;
}

.anniversary-link:hover {
    background: linear-gradient(135deg, #E6D3A3, #F0E68C);
    transform: translateY(-1px);
    box-shadow:
        0 3px 8px rgba(212, 175, 55, 0.4),
        inset 0 1px 4px rgba(255, 255, 255, 0.15),
        inset 0 -1px 4px rgba(0, 0, 0, 0.15);
    color: #222;
    text-decoration: none;
}

.anniversary-link::after {
    content: " →";
    opacity: 1;
    transition: all 0.3s ease;
    font-weight: bold;
}

.anniversary-link:hover::after {
    transform: translateX(2px);
}

.anniversary-link:active {
    transform: translateY(0);
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes anniversaryShimmer {
    from { background-position: 150% 0; }
    to { background-position: -150% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .anniversary-link::before {
        animation: none;
    }
    .anniversary-link {
        animation: none;
    }
}

/* ============================================= */
/* 25th Anniversary Floating Badge */
/* ============================================= */

/* Hide badge on mobile devices */
@media (max-width: 768px) {
    .anniversary-floating-badge {
        display: none !important;
    }
}

/* Hide badge on the anniversary page itself */
body.page-id-164739 .anniversary-floating-badge {
    display: none !important;
}

/* Floating badge container */
.anniversary-floating-badge {
    position: fixed;
    right: 20px;
    bottom: 120px; /* Above chat widgets */
    z-index: 9998; /* Below chat but above other content */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    pointer-events: none;
}

/* Show badge when scrolled */
.anniversary-floating-badge.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Badge link styling */
.anniversary-floating-badge a {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 25px; /* Slightly increased for more rounded look */
    background: none; /* Remove the semi-transparent gold layer */
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: 
        0 4px 20px rgba(212, 175, 55, 0.4),
        0 2px 8px rgba(0, 0, 0, 0.1),
        inset 0 1px 3px rgba(255, 255, 255, 0.2),
        inset 0 0 0 1px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    /* Create stacking context */
    z-index: 0;
    isolation: isolate;
}

/* Dark base directly behind the badge image for readability */
.anniversary-floating-badge a::before {
    content: "";
    position: absolute;
    inset: 2px;  /* Slightly smaller to avoid cutting image edges */
    border-radius: 23px; /* Match the increased border-radius */
    background: radial-gradient(
        circle at 50% 50%,
        rgba(0, 0, 0, 0.75) 0%,  /* strong center but not cutting edges */
        rgba(0, 0, 0, 0.6) 60%,   /* good falloff */
        rgba(0, 0, 0, 0.3) 85%    /* lighter edge to show image */
    );
    z-index: 0;
    pointer-events: none;
}


/* Keep scrim soft and outside edge only */
.anniversary-floating-badge a::after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle, rgba(0,0,0,0.15) 50%, transparent 90%);
    /* Ensure scrim stays within stacking context */
    isolation: isolate;
}

/* Backdrop enhancement if supported */
@supports (backdrop-filter: brightness(0.9)) {
    .anniversary-floating-badge a::after {
        backdrop-filter: brightness(0.9) contrast(1.05);
    }
}

/* Badge image */
.anniversary-floating-badge img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Remove border-radius to prevent edge clipping */
}

/* Hover effects */
.anniversary-floating-badge a:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 
        0 8px 30px rgba(212, 175, 55, 0.6),
        0 4px 15px rgba(0, 0, 0, 0.2),
        inset 0 1px 4px rgba(255, 255, 255, 0.3),
        inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.anniversary-floating-badge a:hover img {
    transform: none;
}

/* Pulsing glow effect */
.anniversary-floating-badge::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    animation: anniversaryPulse 3s ease-in-out infinite;
    pointer-events: none;
}

/* Pulse animation */
@keyframes anniversaryPulse {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.1);
    }
}

/* Active state */
.anniversary-floating-badge a:active {
    transform: scale(1.05);
}

/* Focus state for accessibility */
.anniversary-floating-badge a:focus-visible {
    outline: 3px solid rgba(212, 175, 55, 0.8);
    outline-offset: 2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .anniversary-floating-badge {
        transition: none;
    }
    
    .anniversary-floating-badge a {
        transition: none;
    }
    
    .anniversary-floating-badge a:hover {
        transform: none;
    }
    
    .anniversary-floating-badge a:hover img {
        transform: none;
    }
    
    .anniversary-floating-badge::before {
        animation: none;
    }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .anniversary-floating-badge {
        right: 15px;
        bottom: 100px;
    }
    
    .anniversary-floating-badge a {
        width: 70px;
        height: 70px;
    }
}

/* Large desktop adjustments */
@media (min-width: 1400px) {
    .anniversary-floating-badge {
        right: 30px;
    }
    
    .anniversary-floating-badge a {
        width: 90px;
        height: 90px;
    }
}

/* 25th Anniversary Page Badge Shimmer Effect */
.page-id-164739 .col-image .image-wrap {
    position: relative;
    display: inline-block;
}

.page-id-164739 .col-image .image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        115deg,
        rgba(255,255,255,0) 40%,
        rgba(255,255,255,0.9) 50%,
        rgba(255,255,255,0) 60%
    );
    -webkit-mask: url('https://www.webtekcc.com/wp-content/uploads/2025/10/25-badge-sm.png')
                  center/contain no-repeat;
    mask: url('https://www.webtekcc.com/wp-content/uploads/2025/10/25-badge-sm.png')
          center/contain no-repeat;
    mix-blend-mode: screen;
    background-size: 250% 250%;
    animation: badgeShimmer 4s linear infinite;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .page-id-164739 .col-image .image-wrap::after {
        animation: none;
    }
}

.header-ctas {
    display: flex;
    gap: 15px;
    flex: 0 0 auto;
}

/* Mobile responsive */
@media only screen and (max-width: 768px) {
    .header-content {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .anniversary-banner {
        order: 1;
    }

    .header-ctas {
        order: 2;
        justify-content: center;
    }

    .anniversary-link {
        font-size: 13px;
        padding: 6px 12px;
    }
}

.subpage__main__timeline {
    background: #26272d!important;
}


.blog__testimonial {
	border-left: 5px solid #eceaee;
    margin: 40px 0;
    padding: 20px;
    background-color: rgb(236 234 238 / 50%);
}

.blog__testimonial p{
	margin-bottom: 0px !important;
}

/* Overlay - Full screen backdrop with blur */
.promo-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.promo-popup-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

/* Backdrop with blur effect */
.promo-popup-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
}

/* Main popup container */
.promo-popup-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.3),
        0 10px 30px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transform: scale(0.9) translateY(20px);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
    opacity: 0;
    overflow: hidden;
    border: 2px solid rgba(212, 175, 55, 0.2);
}

.promo-popup-overlay.is-visible .promo-popup-container {
    transform: scale(1) translateY(0);
    opacity: 1;
}

/* Close button */
.promo-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    color: #333;
    font-size: 18px;
}

.promo-popup-close:hover {
    background: rgba(0, 0, 0, 0.1);
    transform: rotate(90deg) scale(1.1);
    color: #000;
}

.promo-popup-close:active {
    transform: rotate(90deg) scale(0.95);
}

/* Content wrapper */
.promo-popup-content {
    padding: 50px 40px 40px;
    text-align: center;
}

/* Optional image */
.promo-popup-image {
    margin-bottom: 25px;
}

.promo-popup-image img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Title */
.promo-popup-title {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #222;
    line-height: 1.2;
}

/* Text content */
.promo-popup-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 30px;
}

.promo-popup-text p {
    margin: 0 0 15px;
}

.promo-popup-text p:last-child {
    margin-bottom: 0;
}

/* Actions wrapper */
.promo-popup-actions {
    margin-top: 30px;
}

/* Popup button base styles */
.promo-popup-button {
    display: inline-block;
    padding: 14px 40px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    border: 2px solid transparent;
}

/* Gold button style (Anniversary theme) */
.promo-popup-button--gold {
    background: linear-gradient(135deg, #D4AF37, #FFD700);
    color: #222;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
    box-shadow:
        0 4px 15px rgba(212, 175, 55, 0.4),
        inset 0 1px 3px rgba(255, 255, 255, 0.15),
        inset 0 -1px 3px rgba(0, 0, 0, 0.1);
    border-color: #B8860B;
}

/* Gold button shimmer effect */
.promo-popup-button--gold::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        115deg,
        rgba(255,255,255,0) 40%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0) 60%
    );
    background-size: 250% 250%;
    animation: promoButtonShimmer 6s linear infinite;
    pointer-events: none;
    border-radius: 25px;
}

@keyframes promoButtonShimmer {
    from { background-position: 150% 0; }
    to { background-position: -150% 0; }
}

.promo-popup-button--gold:hover {
    background: linear-gradient(135deg, #E6D3A3, #F0E68C);
    transform: translateY(-2px);
    box-shadow:
        0 6px 20px rgba(212, 175, 55, 0.5),
        inset 0 1px 4px rgba(255, 255, 255, 0.2),
        inset 0 -1px 4px rgba(0, 0, 0, 0.15);
    color: #222;
}

.promo-popup-button--gold:active {
    transform: translateY(0);
}

/* Primary button style (Green theme) */
.promo-popup-button--primary {
    background: linear-gradient(135deg, #00ac5b, #00d671);
    color: #ffffff;
    box-shadow:
        0 4px 15px rgba(0, 172, 91, 0.4),
        inset 0 1px 3px rgba(255, 255, 255, 0.15),
        inset 0 -1px 3px rgba(0, 0, 0, 0.1);
    border-color: #009952;
}

.promo-popup-button--primary:hover {
    background: linear-gradient(135deg, #00c568, #00e67d);
    transform: translateY(-2px);
    box-shadow:
        0 6px 20px rgba(0, 172, 91, 0.5),
        inset 0 1px 4px rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.promo-popup-button--primary:active {
    transform: translateY(0);
}

/* Secondary button style */
.promo-popup-button--secondary {
    background: linear-gradient(135deg, #666666, #888888);
    color: #ffffff;
    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.3),
        inset 0 1px 3px rgba(255, 255, 255, 0.15),
        inset 0 -1px 3px rgba(0, 0, 0, 0.1);
    border-color: #555555;
}

.promo-popup-button--secondary:hover {
    background: linear-gradient(135deg, #777777, #999999);
    transform: translateY(-2px);
    box-shadow:
        0 6px 20px rgba(0, 0, 0, 0.4),
        inset 0 1px 4px rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.promo-popup-button--secondary:active {
    transform: translateY(0);
}

/* Body scroll lock when popup is open */
body.promo-popup-open {
    overflow: hidden;
}

/* Focus states for accessibility */
.promo-popup-close:focus-visible {
    outline: 3px solid rgba(0, 172, 91, 0.6);
    outline-offset: 2px;
}

.promo-popup-button:focus-visible {
    outline: 3px solid rgba(212, 175, 55, 0.8);
    outline-offset: 2px;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    .promo-popup-container {
        width: 95%;
        max-width: none;
        margin: 20px;
        border-radius: 15px;
    }

    .promo-popup-content {
        padding: 40px 25px 30px;
    }

    .promo-popup-title {
        font-size: 24px;
    }

    .promo-popup-text {
        font-size: 15px;
    }

    .promo-popup-button {
        padding: 12px 30px;
        font-size: 15px;
    }

    .promo-popup-close {
        top: 10px;
        right: 10px;
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .promo-popup-container {
        max-width: 550px;
    }

    .promo-popup-content {
        padding: 45px 35px 35px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .promo-popup-overlay,
    .promo-popup-container,
    .promo-popup-close,
    .promo-popup-button {
        transition: none;
        animation: none;
    }

    .promo-popup-button--gold::before {
        animation: none;
    }

    .promo-popup-close:hover {
        transform: none;
    }

    .promo-popup-button:hover {
        transform: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .promo-popup-container {
        border: 3px solid #000;
    }

    .promo-popup-close {
        border: 2px solid #000;
    }
}

.page-id-165200 ul{
	font-size: 18px;
	color: #3c4953;
}
.page-id-165200 .flex-row{
	    justify-content: center;
    align-items: center;
}

.page-id-165200 .footer--top .flex-row{
	justify-content: space-between;
    align-items: unset;
}
.footer-copyright-flex{
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 25px;
}
.footer-copyright-flex img{ 
	max-height: 70px;
	
}
.footer-copyright-flex p{
	margin-bottom: 0px !important;
}

@media (max-width: 768px) {
    .footer-copyright-flex {
	 gap: 10px;	
	}
	
	.footer-copyright-flex img{ 
	max-height: 55px;
	}
}

#anniversary-badge,
.anniversary-banner
 {
	display: none;
}

/* BRB/RichPlugins: prevent hidden + width-collapse */
.reviews__slider .rpi-cnt {
  visibility: visible !important; 
}

.reviews__slider .rpi-cards {
  width: 100% !important;
  min-width: 100% !important;
}

.reviews__slider .rpi-card {
  min-width: 0 !important;
}

.careers-workplace-img{
	max-width: 200px;
    display: block;
    margin: 0 auto;
}