#adminmenu .wp-menu-image img {
        padding: 4px 0 0 !important
    }


    /*GENERAL STYLING*/

    p,
    a {
        font-family: 'Open Sans', sans-serif;
    }

    body {
        font-size: 14px;
        color: #454545;
        line-height: 1.5
    }

    h1,
    h2,
    h3,
    h4 {
        font-family: museo-sans, sans-serif;
        font-weight: 900;
        font-style: normal;
    }

    h1 {
        color: #000;
        margin-bottom: 10px;
    }

    h2 {
        color: #000;
        /*font-size: 30px*/
        ;
        margin-bottom: 10px;
    }

    body {
        overflow-x: hidden;
    }

    html {
        overflow-x: hidden;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    a {
        text-decoration: none;
    }

    .accordion a {
        color: #6EBD43;
    }

    /*label {display: flex;justify-content: flex-end;}*/
    p {
        font-size: 18px;
        color: #000;
        line-height: 30px;
        list-style-type: none;
    }

    iframe {
        width: 100% !important;
    }

    .pad10 {
        padding: 10px
    }

    .grey {
        color: #707070ff;
    }

    .green {
        color: #6ebd43ff;
    }

    .orange {
        color: #e89721ff;
    }

    .blue {
        color: #51add3ff;
    }

    .pink {
        color: #e13690ff;
    }

    .white {
        color: #fff;
    }

    .hw-100 {
        width: 100%;
        height: 100%;
    }


    @import url("https://p.typekit.net/p.css?s=1&k=crj8mhh&ht=tk&f=2005.2007.2011&a=58092219&app=typekit&e=css");

    @font-face {
        font-family: "museo-sans";
        src: url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
        font-display: auto;
        font-style: normal;
        font-weight: 300;
        font-stretch: normal;
    }

    @font-face {
        font-family: "museo-sans";
        src: url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
        font-display: auto;
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
    }

    @font-face {
        font-family: "museo-sans";
        src: url("https://use.typekit.net/af/9cf49e/00000000000000000000e807/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/9cf49e/00000000000000000000e807/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/9cf49e/00000000000000000000e807/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
        font-display: auto;
        font-style: normal;
        font-weight: 900;
        font-stretch: normal;
    }

    .tk-museo-sans {
        font-family: "museo-sans", sans-serif;
    }




    @media (min-width: 768px) {
        .carousel-item .col-md-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .carousel-item .col-md-2 {
            flex: 0 0 auto;
            width: 20%;
        }
    }




    @media (min-width: 992px) {
        .container-sm {
            max-width: 1100px;
        }
    }

    @media (max-width: 992px) {
        .col-lg-6 {
            flex: 0 0 auto;
            width: 100%;
        }
    }

    @media (min-width: 992px) {
        .col-md-2-4 {
            flex: 0 0 auto;
            width: 20%;
        }

        .col-lg-6,
        .row-cols-lg-2>* {
            flex: 0 0 auto;
            width: 50%
        }

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

    @media (max-width: 991px) {
        .col-md-2-4 {
            flex: 0 0 auto;
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .col-md-3 {
            flex: 0 0 auto;
            width: 100%;
        }
    }

    @media (max-width: 768px) {

        .row-cols-md-2>*,
        .col-md-6 {
            flex: 0 0 auto;
            width: 100%;
        }
    }

    .museo-300 {
        font-family: museo-sans, sans-serif;
        font-weight: 300;
        font-style: normal;
    }

    .museo-500 {
        font-family: museo-sans, sans-serif;
        font-weight: 500;
        font-style: normal;
    }

    .museo-900 {
        font-family: museo-sans, sans-serif;
        font-weight: 900;
        font-style: normal;
    }


    .container li {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #000;
        
    }

    @media all and (min-width: 576px) {
        .container li {
            font-size: 16px;
            line-height: 30px
        }
    }

    @media all and (min-width: 992px) {
        .container li {
            font-size: 18px;
        }
    }



    .black {
        background: #6EBD43 !important;
        /* 	border: 1px solid white;height: 8px!important; */
    }

    .remove {
        opacity: 0;
        transition: .3s;
    }

    .pad20 {
        padding: 2em;
    }

    @media screen and (min-width: 660px) {
        .page-id-852 .pad20 {
            padding: 0;
        }
    }

    .bg1 {
        background-color: #FF9900
    }

    .bg2 {
        background-color: #C5CF25
    }

    .bg3 {
        background-color: #3A858C
    }

    .bg4 {
        background-color: #F0EFEB
    }

    .bgbl {
        background-color: #000
    }

    .bgwh {
        background-color: #FFF
    }

    .bggray {
        background-color: #F0EFEB
    }

    .bggreen {
        background-color: #177e6f;
    }

    .bg-none {
        background-color: transparent
    }

    .bg-none p {
        color: #fff
    }

    .bg-none li {
        color: #fff
    }

    .bgshadow {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 36%);
        border-radius: 50px;
        background-color: #fff;
        padding: 30px 45px;
        margin: 0 1em 5em 1em;
    }

    .bgcream {
        background-color: #fefbf6;
    }

    .bgblue {
        background-color: #175a7e;
    }

    .bgshadow-sm {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 36%);
        border-radius: 12px;
        background-color: #fff;
        padding: 10px 20px;
        height: 100%;
    }

    /*@media (min-width: 768px){.col-md-6 {flex: 0 0 auto;width: 49%;}}*/

    .layouts a {
        color: #175a7e;
        display: inline-block;
    }

    .page-id-98 .layouts a {
        font-size: 14px;
    }

    .page-id-98 .bgshadow-sm {
        padding: 20px;
    }

    .black-btn {
        color: #fff;
        background: #000;
        font-size: 16px;
        padding: 15px 20px;
        border-radius: 30px;
        max-width: 200px;
    }

    .bg-none a {
        color: #E13690
    }

    .w-70 {
        width: 70% !important;
    }

    .black-link {
        color: #000;
        text-decoration: none;
        font-weight: 700;
    }

    .site-max80 {
        display: block;
        position: relative;
        z-index: 1;
        margin: auto;
        max-width: 80%;
    }

    .site-cont {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .textleft {
        text-align: left;
    }

    .textright {
        text-align: right;
    }

    img.alignright {
        float: right;
        margin: 0 0 1em 3em;
    }

    img.alignleft {
        float: left;
        margin: 0 3em 1em 0;
    }

    img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .alignright {
        float: right;
        margin: 0 0 1em 3em;
    }

    .alignleft {
        float: left;
        margin: 0 3em 1em 0;
    }

    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .content-link a {
        background-color: #83B72E;
        padding: 0.5em 1em;
        color: #fff;
        text-decoration: none;
        border-radius: 7px;
        transition: 0.3s
    }

    .content-link a:hover {
        background-color: #084c02;
        transition: 0.3s
    }

    .shadow {
        box-shadow: 0 0 10px 2px #d0d6de !important;
        padding: 1.5% 1.5% 0;
    }

    /* .row{align-items: flex-start;} */



    #topBtn {
        display: block;
        width: 50px;
        height: 50px;
        position: fixed;
        outline: none;
        opacity: 0;
        bottom: 20px;
        right: 20px !important;
        z-index: 1;
        transition: .5s;
        z-index: 9;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #E89721;
        font-size: 2em;
        font-weight: bold;
        cursor: pointer;
        border: 4px solid #E89721;
        border-radius: 50px;
        background: #fff;
    }

    #topBtn:hover {
        border: 4px solid #51ADD3;
        color: #51ADD3;
        background: #fff;
    }


    .img-effect {
        background: #fff;
        padding: 30px;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
        border-radius: 10px;
    }

    .page-id-1999 .bgwh a {
        background: #FFF;
        padding: 6px 30px;
        color: #175a7e !important;
        border-radius: 7px;
        border: 2px solid #175a7e;
        text-transform: uppercase;
        font-weight: 800;
        margin: 1em;
    }

    .page-id-2012 .bgwh a {
        background: #FFF;
        padding: 6px 30px;
        color: #175a7e !important;
        border-radius: 7px;
        border: 2px solid #175a7e;
        text-transform: uppercase;
        font-weight: 800;
        margin: 1em;
    }

    .page-id-2479 .bgwh a {
        background: #FFF;
        padding: 6px 30px;
        color: #175a7e !important;
        border-radius: 7px;
        border: 2px solid #175a7e;
        text-transform: uppercase;
        font-weight: 800;
        margin: 1em;

    }




    /*LAYOUTS*/

    .txt-slide {
        padding: 3em;
    }

    .txt-txt {
        padding: 2em 3em 0em 1em;
        height: 100%;
    }

    @media all and (max-width: 765px) {
        .txt-slide {
            padding: 5px
        }

        .txt-txt {
            padding: 5px;
        }

        .col-lg-6 {
            margin-top: 10px;
        }
    }


    /*home page*/




    .hero-content {
        position: absolute;
        top: 19%;
        text-align: left;
        left: 14%;
        padding: 2em;
    }

    .hero-content p {
        color: #fff;
        max-width: 448px;
    }

    .hero-content h1 {
        color: #fff;
        font-size: 40px;
    }

    @media all and (max-width: 900px) {
        .hero-content h1 {
            font-size: 20px;
            max-width: 200px;
            margin-top: 5px;
        }

        .hero-content {
            top: 18%;
            text-align: left;
            left: 0%;
            padding: 2em;
        }

        .hero-content .lead {
            display: none;
        }
    }

    @media all and (min-width: 1250px) {
        .container.process-section {
            max-width: 1600px;
            margin: auto;
        }
    }

    h2.xtra-txt {
        margin-bottom: 4em;
        color: #fff
    }

    .process-section {
        position: absolute;
        bottom: -4%;
        left: 0;
        right: 0;
        height: auto;
        margin-bottom: 10em;
    }

    @media all and (max-width: 1600px) {
        .process-section {
            bottom: 7%;
        }
    }

    .circles {
        border-radius: 50%;
        border: 1px solid #707070;
        height: 200px;
        vertical-align: middle;
        align-items: center;
        display: flex;
        text-align: center;
        min-height: 17em;
        max-width: 17em;
        width: 17em;
        background: #fff;
        box-shadow: 0px 0px 5px 3px rgb(213 213 213);
    }

    .col-md.outer-circle {
        position: relative;
        display: flex;
        align-items: center;
        height: auto;
        min-height: 20em;
        max-width: 15em;
        padding: 0.5px;
    }

    .circles p {
        line-height: 23px;
        padding: 1em 1.5em;
        font-size: 16px
    }


    .circle1::before {
        content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/requirements.png');
        left: 50px;
        top: -33%;
        position: absolute;
    }

    .circle2::before {
        content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/pinkk.png');
        left: -73px;
        bottom: -52%;
        position: absolute;
    }

    .circle3::before {
        content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/green.png');
        left: -75px;
        top: -50%;
        position: absolute;
    }

    .circle4::before {
        content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/orange.png');
        left: -73px;
        bottom: -52%;
        position: absolute;
    }

    .circle5::before {
        content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/blue.png');
        left: -75px;
        top: -50%;
        position: absolute;
    }

    .circle6::before {
        content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/black.png');
        left: -73px;
        bottom: -52%;
        position: absolute;
    }

    .circles-mobile {
        display: none;
    }


    .circle1 {
        z-index: 9;
    }

    .circle2 {
        z-index: 8;
    }

    .circle3 {
        z-index: 7;
    }

    .circle4 {
        z-index: 6;
    }

    .circle5 {
        z-index: 5;
    }

    .circle6 {
        z-index: 4;
    }

    @media all and (max-width: 1600px) {
        .process-inner {
            width: 97%;
            margin: auto;
        }
    }

    @media all and (max-width: 1350px) {
        .process-inner {
            width: 94%;
            margin-left: 10px;
        }
    }

    @media only screen and (max-width: 1250px) and (min-width: 1197px) {

        /*    .process-section{position:absolute;bottom: 200px;}*/
        /*.container .process-section{max-width: 1100px;}*/
        .circle1::before {
            left: 40px;
            top: -47%;
            position: absolute;
        }

        /*.circles-mobile{display:none;}*/
        .circles {
            min-height: 15em;
            max-width: 15em;
            width: 15em;
        }
    }


    @media all and (max-width: 1196px) {
        /*.circles-mobile{display:block;}*/


        .circle1::before {
            left: 65px;
            top: 8%;
        }

        .circle2::before {
            left: 550px;
            top: 8%;
            height: 100px;
            width: 100px;
        }

        .circle3::before {
            left: 65px;
            top: 8%;
        }

        .circle4::before {
            left: 65px;
            top: 8%;
        }

        .circle5::before {
            left: 65px;
            top: 8%;
        }

        .circle6::before {
            left: 65px;
            top: 8%;
        }

    }

    @media all and (min-width: 1250px) {
        .circles-pc {
            display: block;
        }

        .circles-mobile {
            display: none;
        }

    }

    @media all and (max-width: 1249px) {
        .circles-pc {
            display: none;
        }

        .circles-mobile {
            display: block;
        }
    }

    /*FOR TABLET - was 1250 */
    @media all and (min-width: 1181px) {
        .hero-image {
            margin-bottom: 20em;
            height: 1400px
        }

        /*.hero-image{height: 950px;}*/

        .circle1 {
            z-index: 9;
            position: absolute;
            bottom: -25%;
        }

        .circle2 {
            z-index: 8;
            position: absolute;
            top: -14%;
        }

        .circle3 {
            z-index: 7;
            position: absolute;
            bottom: -25%;
        }

        .circle4 {
            z-index: 6;
            position: absolute;
            top: -14%;
        }

        .circle5 {
            z-index: 5;
            position: absolute;
            bottom: -25%;
        }

        .circle6 {
            z-index: 4;
            position: absolute;
            top: -14%;
        }



    }

    @media all and (max-width: 1250px) {
        .hero-image {
            height: 950px;
            margin-bottom: 0
        }

        .circles {
            min-height: 10em;
            width: 14em;
            height: 14em;
        }

        .circles p {
            line-height: 17px;
            padding: 1em 1.5em;
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 1249) and (min-width: 820) {
        .hero-image {
            height: 950px;
            margin-bottom: 0
        }
    }


    @media only screen and (max-width: 1180) and (min-width: 820) {


        .hero-image {
            margin-bottom: 0;
            height: 10vh
        }


    }




    /*circles mobile*/

    /*@media all and (max-width: 1196px) {*/
    @media all and (max-width: 1249px) {
        .circles {
            min-height: 10em;
            width: 12em;
            height: 12em;
            margin: auto
        }

        .circle1::before {
            content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/requirements-mob2.png');
        }

        .circle2::before {
            content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/Group-700-1-mob.png');
        }

        .circle3::before {
            content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/Group-701-mob.png');
        }

        .circle4::before {
            content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/Group-702-mob.png');
        }

        .circle5::before {
            content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/Group-704-mob.png');
        }

        .circle6::before {
            content: url('https://www.flowebdesign.ie/wp-content/uploads/2022/10/Group-703-mob.png');
        }

        .circle1::before {
            position: absolute;
            left: 42px;
            top: -55px;
        }

        .circle2::before {
            position: absolute;
            left: 34px;
            top: -55px;
            height: 100px;
            width: 100px;
        }

        .circle3::before {
            position: absolute;
            left: 42px;
            top: -55px;
        }

        .circle4::before {
            position: absolute;
            left: 42px;
            top: -55px;
        }

        .circle5::before {
            position: absolute;
            left: 42px;
            top: -55px;
        }

        .circle6::before {
            position: absolute;
            left: 42px;
            top: -55px;
        }

        .process-section {
            position: absolute;
            bottom: -4%;
            left: 0;
            right: 0;
            height: auto;
            top: 43%;
            margin-bottom: 0em;
        }

        h2.xtra-txt {
            font-size: 22px;
            text-align: center;
            color: #6ebd43;
        }


    }

    @media all and (max-width: 1180px) {
        .outer-circle {
            margin: 0px;
            padding: 0
        }

        .home-container {
            max-width: 1180px
        }


        .process-section {
            position: relative;
        }



        .mobile-row {
            padding: 0 !important;
        }

        .process-inner {
            width: 100%;
        }

        .circles-mobile .row {
            padding: 0;
        }

        .circles-mobile {
            margin-top: -35%;
            padding: 0;
        }

        h2.xtra-txt {
            font-size: 22px;
            text-align: center;
            color: #6ebd43;
        }

        .circles p {
            line-height: 17px;
            padding: 1em 1.5em;
            font-size: 12px;
        }


    }



    @media all and (max-width: 820px) {
        .circles {
            min-height: 10em;
            width: 10em;
            height: 13em;
            margin: auto;
        }

        .circles-mobile {
            margin-top: -30%;
        }

        .hero-image {
            height: 75vh;
        }

        .process-inner {
            width: 94%;
        }

        .circles {
            margin: auto
        }
    }

    @media all and (max-width: 767px) {
        .circles {
            min-height: 10em;
            width: 12em;
            height: 12em;
        }

        .process-inner div:nth-child(7) {
            margin-top: 3em;
        }

        .process-inner div:nth-child(5) {
            margin-top: 3em;
        }

        .process-inner div:nth-child(6) {
            margin-top: 3em;
        }
    }

    @media all and (max-width: 576px) {
        .hero-image {
            /*height: 387px;*/
            height: 287px;
        }

        .circles-mobile {
            margin-top: 0;
        }

        .hero-content {
            top: 32%;
            text-align: left;
            left: 0%;
            padding: 2em;
        }

        .col-sm-6.outer-circle {
            margin: 2em 0;
            width: 50%;
            padding: 0;
        }

        .registrar,
        .container.fave-proj {
            padding: 0 30px;
        }
    }


    .down-arrow {
        margin-top: -300px;
    }

    .home {
        background-image: url(../images/clouds-bg.webp);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .home-span {
        background: #bb4853;
        width: 90%;
        display: block;
        text-align: center;
        color: #fff;
        line-height: 60px;
        font-size: 21px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }

    .home-txt {
        width: 85%;
        margin: auto;
    }

    .icon-section {
        display: flex;
        align-items: center;
    }

    .icon-div {
        padding: 10px 20px;
    }

    .icon-div:hover .home-icons {
        transform: translateY(-5px);
        transition: .5s
    }

    .home-icons {
        padding: 5px;
        transition: .5s
    }





    /*.icon-link{transition:0.3s}*/
    /*.icon-link:hover { transform: translateY(-10px);transition:0.3s}*/
    /*.icon-link{color:#fff; text-decoration: none;}*/
    /*.icon-link:hover{color:#fff; text-decoration: none;}*/

    .icon-text {
        font-size: 24px;
        margin: 0 0 50px 0;
        line-height: 40px;
        font-family: "Times New Roman", Times, serif;
        color: #fff;
        text-align: center;
        font-weight: 500 !important;
    }

    @media all and (max-width: 850px) {
        .page-id-2 .home-site {
            padding: 0em 1em 2em 1em
        }

    }



    @media all and (min-width: 850px) {
        .home-img-outer {
            min-height: 350px;
        }

        .home-img-outer1 {
            border-radius: 15px 15px 15px 40%;
        }

        .proj1-bg {
            border-radius: 15px 15px 15px 40%;
            transition: 300ms;
            height: 100%;
        }

        .home-img-outer2 {
            border-radius: 15px 15px 40% 15px;
        }

        .proj2-bg {
            border-radius: 15px 15px 40% 15px;
            transition: 300ms;
            height: 100%;
        }

        .home-img-outer3 {
            border-radius: 15px 15px 15px 110px;
        }

        .proj3-bg {
            border-radius: 15px 15px 15px 110px;
            transition: 300ms;
            height: 100%;
        }

        .home-img-outer4 {
            border-radius: 15px 110px 15px 15px;
        }

        .proj4-bg {
            border-radius: 15px 110px 15px 15px;
            transition: 300ms;
            height: 100%;
        }

        .home-img-outer5 {
            border-radius: 110px 15px 15px 15px;
        }

        .proj5-bg {
            border-radius: 110px 15px 15px 15px;
            transition: 300ms;
            height: 100%;
        }

        .home-img-outer6 {
            border-radius: 15px 40% 15px 15px;
        }

        .proj6-bg {
            border-radius: 15px 40% 15px 15px;
            transition: 300ms;
            height: 100%;
        }

        .home-img-outer7 {
            border-radius: 15px 15px 40% 15px;
        }

        .proj7-bg {
            border-radius: 15px 15px 40% 15px;
            transition: 300ms;
            height: 100%;
        }
    }

    @media all and (max-width: 849px) {

        .proj1-bg,
        .proj2-bg,
        .proj3-bg,
        .proj4-bg,
        .proj5-bg,
        .proj6-bg,
        .proj7-bg {
            height: 100%;
            border-radius: 25px;
        }

        .home-img-outer {
            min-height: 200px;
        }
    }

    @media all and (max-width:750px) {
        .home-img-outer2 {
            margin-top: 3em;
        }
    }

    .home-img {
        position: relative;
    }

    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 1;
        transition: .5s ease;
    }

    .overlay:hover .logo-hide {
        opacity: 0;
        transition: .5s ease;
        height: 0;
    }

    .logo-hide {
        opacity: 1;
        transition: .5s ease;
    }

    .overlay:hover .link-show {
        opacity: 1;
        transition: .5s ease;
    }

    .link-show {
        opacity: 0;
        transition: .3s ease;
        height: 0;
    }


    .link-show:hover {
        color: #fff;
    }

    .link-show {
        color: #fff;
        background: #e89721;
        padding: 1em 2em;
        border-radius: 32px;
        font-size: 23px;
    }

    /*.home-img:hover .overlay {opacity: 0;}*/
    .proj1-bg:hover,
    .proj2-bg:hover,
    .proj3-bg:hover,
    .proj4-bg:hover,
    .proj5-bg:hover,
    .proj6-bg:hover,
    .proj7-bg:hover {
        transform: scale(1.1);
        transition: 0.5s;
    }

    .img-caption {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .client-logos {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 3em;
        margin-bottom: 3em
    }

    @media all and (max-width: 850px) {
        .client-logos {
            flex-direction: column;
        }
    }


    @media all and (min-width: 992px) {
        .registrar::before {
            width: 100%;
            height: 138%;
            content: "";
            background-image: url(../images/home-rocket-resized.png);
            background-repeat: no-repeat;
            transition: transform .2s ease-in-out;
            position: absolute;
            top: -15px;
            left: -168px;
        }

        .registrar::after {
            width: 100%;
            height: 167%;
            content: "";
            background-image: url(../images/triple-stars.png);
            background-repeat: no-repeat;
            transition: transform .2s ease-in-out;
            position: absolute;
            bottom: -82px;
            left: 415px;
        }

    }

    /*.project-btn{display:none;}*/

    /*@media all and (min-width: 450px) {*/
    .project-btn {
        font-size: 13px;
        max-width: 250px;
        height: auto;
        border-radius: 2em;
        padding: 1.2em 1em 1.2em 4.2em;
        font-weight: 700;
        color: #fff !important;
        position: fixed;
        top: 80%;
        right: 0;
        background: #E13690;
        /*transform: rotate(-90deg);*/
        transform-origin: bottom right;
        animation: pump 2s linear infinite;
        cursor: pointer;
        z-index: 999;
        margin-left: 1em;
        display: block;
        background-image: url(../images/calendar.png);
        background-repeat: no-repeat;
        background-position: 10%;

        animation-name: stretch;
        animation-duration: 1.0s;
        animation-timing-function: ease-out;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-play-state: running;
    }

    .project-btn a:hover {
        color: #fff !important
    }

    /*}*/

    @media all and (max-width: 450px) {
        .project-btn {

            font-size: .1px;
            height: 50px;
            width: 50px;
            border-radius: 50px;
            background-position: center;
            background-size: 50%;

        }
    }

    .whatsapp-btn {
        font-size: 13px;
        max-width: 250px;
        height: auto;
        border-radius: 2em;
        padding: 1.2em 1em 1.2em 4.2em;
        font-weight: 700;
        color: #fff !important;
        position: fixed;
        top: 80%;
        right: 0;
        background: #25D366;
        /*transform: rotate(-90deg);*/
        transform-origin: bottom right;
        animation: pump 2s linear infinite;
        cursor: pointer;
        z-index: 999;
        margin-left: 1em;
        display: block;
        background-image: url(../images/whatsapp-white-icon.png);
        background-repeat: no-repeat;
        background-position: 10%;
        background-size: 13%;
        animation-name: stretch;
        animation-duration: 1.0s;
        animation-timing-function: ease-out;
        animation-direction: alternate;
        animation-iteration-count: infinite;
        animation-play-state: running;
    }

    @media all and (max-width: 450px) {
        .whatsapp-btn {
            font-size: .1px;
            height: 50px;
            width: 50px;
            border-radius: 50px;
            background-position: center;
            background-size: 63%;
        }
    }


    /*overfooter slider	*/

    @media (max-width: 767px) {
        .carousel-inner .carousel-item>div {
            display: none;
        }

        .carousel-inner .carousel-item>div:first-child {
            display: block;
        }
    }

    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        display: flex;
    }

    /* medium and up screens */
    @media (min-width: 768px) {

        .carousel-inner .carousel-item-end.active,
        .carousel-inner .carousel-item-next {
            transform: translateX(25%);
        }

        .carousel-inner .carousel-item-start.active,
        .carousel-inner .carousel-item-prev {
            transform: translateX(-25%);
        }
    }

    .carousel-inner .carousel-item-end,
    .carousel-inner .carousel-item-start {
        transform: translateX(0);
    }


    #recipeCarousel .card {
        background-color: transparent;
        background-clip: border-box;
        border: 0px;
        border-radius: 0.25rem;
    }


    @media all and (min-width: 1200px) {
        .carousel-control-prev {
            left: -155px;
        }

        .carousel-control-next {
            right: -155px;
        }

    }


    @media only screen and (max-width: 1350px) and (min-width: 950px) {
        .slider-row {
            padding: 5em 9em !important;
        }
    }

    @media (max-width: 949px) {
        .slider-row {
            padding: 5em 3em !important;
        }
    }






    /*HEADER CSS*/




    .social,
    .search-button,
    .head-mobile-icon {
        color: rgba(0, 0, 0, 0.0) !important;
        font-size: 0.5em !important
    }

    /*.head-social, .head-call  {display:inline-block;vertical-align:middle;padding:0.5em 0em 0em 0em}*/
    /*.head-call{font-size: 20px;font-weight: 700;color:#fff}*/
    .icon-div {
        justify-content: space-between;
    }

    .social {
        display: inline-block;
        width: 36px;
        height: 36px;
        margin: 0 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center center;
        transition: .5s;
        border: 2px solid #fff;
        border-radius: 20px;
        padding: 20px;
    }

    .social:hover {
        border: 2px dashed #51ADD3;
        transition: .5s;
        text-decoration: underline
    }

    .menu-socials .social {
        border: 1px solid #fff;
    }

    .menu-socials .social:hover {
        border: 1px dashed #51ADD3;
    }

    .social-share {
        display: block;
        padding: 0.5em;
        text-transform: uppercase;
        font-size: 0.9em
    }

    .social-share .social {
        background-color: #175a7e;
    }

    .social-share .social:hover {
        background-color: #177e6f;
        border-radius: 50px;
        transform: rotate(0deg);
    }


    .social-fb-sm {
        background-image: url(../images/sm-fb.png)
    }

    .social-fb {
        background-image: url(../images/fb-icon.png)
    }

    .social-fb:hover {
        background-image: url(../images/fb-icon-blue.png)
    }


    .social-linked-sm {
        background-image: url(../images/sm-li.png)
    }

    .social-linked {
        background-image: url(../images/link-icon.png)
    }

    .social-linked:hover {
        background-image: url(../images/link-icon-blue.png)
    }


    .social-ins {
        background-image: url(../images/ins-icon.png)
    }


    .social-tw-sm {
        background-image: url(../images/sm-tw.png)
    }

    .social-tw {
        background-image: url(../images/tw-icon.png)
    }

    .social-tw:hover {
        background-image: url(../images/tw-icon-bue.png)
    }

    .menu-socials .social {
        width: 20px;
        height: 20px;
        padding: 17px;
    }

    .menu-socials {
        margin-left: 4em;
        margin-top: 1em;
    }

    .rotate:hover {
        -webkit-animation: rotate 12s linear infinite;
        border: 2px dashed #51ADD3;
    }

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

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

    .head-page {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        height: auto;
        /*min-height: 368px;*/
        text-align: left;
        background: #000;
        z-index: 1;
    }

    /*.top-head{display: flex;    align-items: center;justify-content: space-between;width: 100%;}*/
    .top-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    /*.top-head div:first-child {margin-right: auto;}*/


    .head-contact {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        display: flex;
        margin: 1em 3em 1em 2em;
        justify-content: flex-end;
    }

    .head-contact span {
        color: #E13690;
        padding: 0 0.5em
    }

    .head-contact span:first-of-type {
        border-right: 1px solid #E13690;
    }

    .head-contact span:nth-of-type(2) {
        border-right: 1px solid #E13690;
    }

    .head-contact img {
        filter: invert(48%) sepia(98%) saturate(4404%) hue-rotate(306deg) brightness(90%) contrast(95%);
        max-width: 20px;
        margin-top: -6px;
    }

    /*.head-ph{background-repeat: no-repeat;background-position: left center;margin: 1em 0 1em 0;}*/

    .page-id-11 .head-ph {
        color: #000
    }


    .site-header {
        z-index: 10;
        position: absolute;
        width: 100%;
    }

    .right-head {
        font-size: .8em;
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar>.container-fluid {
        margin: auto;
        padding: 0
    }

    .nav-link {
        color: #fff;
        text-transform: capitalize;
        transition: 0.3s;
        padding: 0;
        border-bottom: 3px solid transparent
    }

    .nav-link:hover {
        transition: 0.3s;
        border-bottom: 3px solid #6EBD43;
        color: #6EBD43;
    }

    .nav-link.active {
        transition: 0.3s;
        color: #6EBD43
    }

    .navbar-nav {
        margin: 0 0 0 3em;
        max-width: 300px;
        padding-bottom: 2em;
        border-bottom: #6EBD43 2px solid;
    }

    .nav-link:focus {
        color: #fff;
    }

    .navbar>.container {
        max-width: 1600px;
        width: 100%;
        padding-left: 4em;
        padding-right: 4em;
    }

    .offcanvas {
        z-index: 1052;
    }

    /*.offcanvas{background-image: url(<?php //echo get_template_directory_uri()
                                        ?>/images/sidebar-bg.jpg);}*/
    .offcanvas {
        background: #000;
    }

    .offcanvas-end {
        width: 550px;
        height: 700px;
    }

    .menu-close {
        background-image: url(../images/close.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        height: 20px;
        width: 20px;
        margin-right: 3em !important;
    }

    .contact a {
        color: #83b82e;
    }

    .offcanvas-body a.green {
        margin-left: 4em;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .offcanvas-body a:hover {
        color: #fff;
        transition: 0.3s;
    }

    .dropdown-menu {
        background-color: transparent !important;
    }

    .dropdown-item {
        color: #fff;
        transition: 0.2s;
        padding: 0;
        font-size: 15px;
        margin-left: 1.8em;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .dropdown-item.active,
    .dropdown-item {
        color: #fff;
        transition: 0.2s;
        background-color: transparent !important;
    }

    .dropdown-item.active,
    .dropdown-item:hover {
        color: #6EBD43 !important;
        background-color: rgba(23, 90, 126, 1);
        transition: 0.2s;
    }

    .dropdown-menu {
        padding: 0
    }



    .dropdown-toggle::after {
        content: "\F5E5";
        display: inline-block;
        font-family: bootstrap-icons !important;
        line-height: 1;
        vertical-align: 0.1em;
        border: 0.3em solid transparent;
        transform: rotate(180deg);
        font-size: 11px;
        color: #6EBD43;
    }

    .dropdown-toggle:hover .dropdown-toggle::after {
        content: "\F5E3";
    }


    .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }


    .horizontal-menu ul#menu-main-menu {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        margin: 0;
        align-items: center;
        border: 0;
        gap: 0 30px;
        padding: 0;
    }


    .head-mobile {
        display: none;
    }


    .sidebar-menu {
        display: none;
    }


    .horizontal-menu .navbar-nav .dropdown-menu {
        position: absolute;
        background: #fff !important;

    }

    #menu-main-menu .menu-item {
        padding: 4px;
    }

    #menu-main-menu .dropdown-menu .menu-item {
        padding: 13px 10px 0px 10px;
    }

    #menu-main-menu .dropdown-menu .menu-item.dropdown-menu-end {
        padding: 13px 10px !important;
    }

    .horizontal-menu .dropdown-item.active,
    .horizontal-menu .dropdown-item {
        color: #000;
    }

    #menu-main-menu .dropdown-menu.depth_1 .menu-item {
        padding: 4px;
    }

    /*.depth_1{left: 106%;top: 5px;}*/

    .depth_1 {
        left: 99%;
        top: -6px;
    }

    nav#navbar_top.changebg {
        background: #000;
        transition: 300ms;
    }

    nav#navbar_top.changebg #logo {
        transition: linear 300ms;
        max-width: 200px;
    }


    nav#navbar_top.changebg .head-ph {
        margin: 0;
        transition: linear 300ms;
    }


    /*horizontal menu respnsive*/
    @media screen and (max-width:1540px) {
        .horizontal-menu ul#menu-main-menu {
            gap: 0 20px;
        }

    }


    @media screen and (max-width:1440px) {
        .horizontal-menu ul#menu-main-menu {
            gap: 0 10px;
        }

        .horizontal-menu .nav-link {
            font-size: 14px !important;
        }

    }

    @media screen and (max-width:1200px) {
        .horizontal-menu ul#menu-main-menu {
            gap: 0 3px;
        }

    }

    @media screen and (max-width:1200px) {
        .horizontal-menu .nav-link {
            font-size: 13px !important;
        }
    }

    @media screen and (min-width:1280px) {
        .nav-link {
            font-weight: 500;
            font-size: 20px;
        }
    }

    @media screen and (max-width:1140px) {
        .nav-link {
            font-size: 11px;
        }

        .head-logo {
            max-width: 200px
        }
    }

    @media all and (min-width: 768px) {


        .mobile-menu {
            display: none;
        }

        .pc-menu {
            display: block !important;
        }

        .navbar-expand-md .navbar-nav {
            margin-right: 5em;
        }


    }




    /*MOBILE NAV*/

    @media all and (max-width: 992px) {

        nav#navbar_top.changebg #logo {
            transition: linear 300ms;
            max-width: 150px;
        }

        .horizontal-menu {
            display: none;
        }

        .sidebar-menu {
            display: block;
        }

        .nav-link:hover {
            transition: 0.3s;
            border-left: 3px solid #6EBD43;
            padding-left: 0.8em;
            color: #fff;
        }

        /* .head-logo {
            max-height: 100px;
        } */

        .pc-menu {
            display: none;
        }

        .icon-div {
            justify-content: center;
        }

        .mobile-layout {
            align-items: flex-end !important;
            flex-direction: column !important
        }

        .navbar>.container-fluid {
            flex-wrap: initial;
        }

        .nav-link {
            font-size: 18px;
            margin-left: 1em;
            line-height: 1.8em;
        }

        .navbar-toggler {
            margin-right: 1em;
        }

        .head-top {
            flex-direction: column;
        }

        .right-head {
            flex-direction: column;
        }

        .nav-link.active {
            color: #6EBD43;
            transition: 0.3s;
        }

        .navbar>.container {
            padding: 0;
        }

        .head-contact {
            display: none;
        }

    }


    @media screen and (min-width:1374px) {
        .navbar-expand-md .navbar-nav .nav-link {
            padding: 0.7em 1em 0.7em 1em
        }
    }

    /*BURGER MENU*/

    .navbar-toggler {
        width: 50px;
        height: 50px;
        position: relative;
        transition: .5s ease-in-out;
        position: relative;
    }

    .navbar-light .navbar-toggler {
        position: relative;
    }

    .navbar-toggler,
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
        border: 0;
    }

    .navbar-toggler span {
        margin: 0;
        padding: 0;
    }

    .toggler-icon {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #d3531a;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        max-width: 50px;
    }

    .middle-bar {
        margin-top: 0px;
    }

    /* when navigation is clicked */

    .navbar-toggler .top-bar {
        margin-top: 0px;
        transform: rotate(135deg);
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .navbar-toggler .bottom-bar {
        margin-top: 0px;
        transform: rotate(-135deg);
    }

    /* State when the navbar is collapsed */

    .navbar-toggler.collapsed .top-bar {
        margin-top: -15px;
        transform: rotate(0deg);
    }

    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 60%;
        margin-left: 19px;
    }

    .navbar-toggler.collapsed:hover .middle-bar {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 50%;
        margin-left: 0px;
    }

    .navbar-toggler.collapsed .bottom-bar {
        margin-top: 15px;
        transform: rotate(0deg);
    }

    /*Color of 3 lines */

    /*.navbar-toggler.collapsed .toggler-icon {background: linear-gradient( 263deg, #fff 0%, #fff 100% );}*/
    /*.page-id-11 .navbar-toggler.collapsed .toggler-icon {background: #000;}*/
    /*.postid-220 .navbar-toggler.collapsed .toggler-icon {background: #000;}*/
    /*END OF BURGER MENU*/


    /*FOOTER STYLING*/


    .footer {
        background-color: #000;
        padding: 5em 0em;
    }

    .foot-nav {
        margin: auto;
        border-top: 1px solid #fff;
        padding-top: 2em;
        display: flex;
    }

    .foot-info {
        max-width: 80%;
        margin: auto;
        display: flex;
        padding-top: 2em;
        align-items: center;
        align-items: flex-start;
    }

    .foot-align-right {
        text-align: right
    }

    .foot-info .col-md-3.foot-align-right {
        margin-top: 25px;
    }

    .copy {
        max-width: 80%;
        margin: auto;
        margin-top: 2em
    }

    .social-foot {
        margin-top: 2em
    }

    footer p {
        color: #fff;
        font-size: 16px;
        line-height: 1.6;
        font-weight: normal !important;
    }

    .foot-info a:hover {
        text-decoration: none;
        color: #6EBD43;
        font-weight: bold;
        transition: 0.3s;
    }

    #menu-foot-menu {
        display: flex;
        flex-direction: row;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        flex-wrap: wrap;
    }

    #menu-foot-menu .menu-item a {
        text-decoration: none;
        color: white;
        border: 0px;
        font-size: 16px;
        font-weight: 500;
        transition: 300ms;
    }

    #menu-foot-menu .menu-item {
        border: 0px;
        padding: 0.5em 0.7em;
        border-right: 1px solid white;
    }

    .menu-foot-menu-container {
        display: inline-block;
    }

    #menu-foot-menu li:last-child {
        border: 0
    }

    #menu-foot-menu li:nth-child(odd):hover>a {
        transition: 300ms;
        color: #E89721;
    }

    #menu-foot-menu li:nth-child(even):hover>a {
        transition: 300ms;
        color: #6EBD43;
    }

    .foot-info a {
        text-decoration: none;
        color: #fff;
        transition: 0.3s;
    }

    .foot-heading {
        border-bottom: 3px solid #fff;
        line-height: 35px;
        font-size: 18px;
        width: 50%;
        color: #fff;
    }

    .foot-num {
        font-size: 24px;
    }


    /*footer mobile*/

    @media all and (max-width: 768px) {
        .foot-align-right {
            text-align: center;
        }

        footer .row {
            padding: 0;
        }

        footer .site-max80 {
            max-width: 100%;
        }

        #menu-foot-menu .menu-item {
            border-right: 0px
        }

        #menu-foot-menu {
            justify-content: center;
        }
    }











    /*HOVER / ANIMATIONS STYLING*/


    .zoom-img {
        transform: scale(1);
        transition: 0.3s;
    }

    .zoom-img:hover {
        transform: scale(1.03);
        transition: 0.4s;
    }


    .float-up {
        transform: translateY(0px);
        transition: 0.3s;
    }

    .float-up:hover {
        transform: translateY(-10px);
        transition: 0.3s;
    }






    /*MOBILE RESPONSIVE*/







    @media all and (max-width: 576pX) {

        .container,
        .container-sm {
            /*max-width:85%;*/
        }

        .foot-heading {
            margin: auto;
            margin-bottom: 1em;
        }

        .foot-info {
            text-align: center;
            max-width: 100%;
        }

        .foot-contact {
            order: -1;
        }

        .foot-links {
            order: 1;
            margin-bottom: 1em;
        }

        .foot-num {
            order: 2;
        }

        .copy {
            text-align: center;
        }

        .joinmmm a {
            width: 100%;
            text-align: center;
        }

        .joinmmm {
            text-align: center;
        }

        .foot-logo {
            display: none;
        }

        .donate {
            display: block;
            width: 125px;
            margin-top: 1em;
            margin: auto
        }

        .overfooter {
            text-align: center;
            padding: 20px 0
        }

        .social {
            width: 25px;
            height: 25px;
            margin: 1em;
        }
    }

    @media all and (max-width: 850px) {
        .header-img {
            object-fit: cover;
            height: 180px;
        }

        .page-id-2 .header-img {
            height: auto;
        }

    }


    .single-gal {
        display: flex;
        justify-content: space-evenly;
    }



    .cms_image_gallery {
        color: #83b82e;
        font-size: 25px;
        margin-bottom: 10px;
    }

    .spider_popup_wrap {
        background-color: rgba(0, 0, 0, .80) !important;
    }


    /* 	SEARCH FORM */

    .search-button {
        display: inline-block;
        width: 37px;
        height: 43px;
        min-height: 33px;
        position: relative;
        left: -5px;
        margin: 5px 0;
        background-image: url(../images/search-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #fff;
        vertical-align: top;
        transition: .5s;
        border-radius: 0 7px 7px 0 !important;
        border: 1px solid #cccc;
        border-left: 0px;
    }


    .lil-search {
        margin-left: 1em
    }

    .search-field {
        display: inline-block;
        max-width: 200px;
        width: 180px;
        height: auto;
        font-size: 1em;
        border: 1px solid #ccc;
        color: #000;
        padding: 10px 6px;
        margin: 5px 0;
        background: #fff;
        vertical-align: top;
        border-radius: 7px 0 0 7px !important;
    }

    @media all and (max-width: 765px) {
        .search-field {
            width: 150px;
        }
    }



    .search-img {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
    }

    .search-page img {
        max-width: 200px;
        min-width: 200px;
        max-height: 200px;
        min-height: 200px;
        height: auto;
        margin: 0 auto;
    }

    .search-cat {
        font-size: 11px;
        font-style: italic;
        color: #888888;
    }

    .search-page p {
        font-weight: 400 !important;
        font-size: 14px;
    }

    .search-page {
        padding: 20px 10px
    }

    .result {
        border-bottom: 1px solid #EEEEEE;
        margin-bottom: 2em;
        transition: .5s;
    }

    .result:hover {
        transform: translateY(-5px);
        transition: .5s;
    }

    .result-title {
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 20px
    }

    .result-btn:hover .result {
        background: #EEEEEE;
        transition: 0.3s;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
        transform: translateY(-10px);
    }

    .nav-previous {
        background: #fff;
        padding: 7px 30px;
        color: #175a7e !important;
        border-radius: 7px;
        margin: 10px 20px 0 0;
        font-weight: bold;
        display: inline-block;
        text-decoration: none;
        border: 2px solid #175a7e;
        transition: 0.3s;
    }

    .nav-next {
        background: #fff;
        padding: 7px 30px;
        color: #175a7e !important;
        border-radius: 7px;
        margin: 10px 20px 0 0;
        font-weight: bold;
        display: inline-block;
        text-decoration: none;
        border: 2px solid #175a7e;
        transition: 0.3s;
    }


    .search-results {
        background-image: url('https://www.flowebdesign.ie/wp-content/uploads/2023/01/starry-bg-long-black.jpg') !important;
    }


    /* 	CLIENT PAGE */

    /*.page-id-11, .page-id-319,.page-id-323,.page-id-330, .page-id-332{  background-image: url(<?php //echo get_template_directory_uri()
                                                                                                ?>/images/client-bg.jpg);}	*/
    .clients-page {
        background: #fff;
        border-radius: 50px;
    }


    .client {
        padding: 1em;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #707070;
    }

    .client img {
        filter: grayscale(100%);
        transition: .5s;
    }

    .client:hover img {
        filter: grayscale(0%);
        transition: .5s;
    }

    @media all and (min-width: 1200px) {
        .client {
            min-height: 223px;
        }
    }

    @media all and (max-width: 1199px) {
        .client {
            min-height: 200px;
        }
    }

    @media all and (max-width: 991px) {
        .client {
            min-height: 150px;
        }
    }

    .clients-page {
        margin-bottom: 3em;
        padding: 2em;
    }

    @media all and (min-width: 991px) {
        .client-outer {
            border-right: 1px solid #707070;
        }

        .clients-page .client-outer:nth-child(7) {
            border-right: 0
        }

        .clients-page .client-outer:nth-child(12) {
            border-right: 0
        }

        .clients-page .client-outer:nth-child(17) {
            border-right: 0
        }

        .clients-page .client-outer:nth-child(22) {
            border-right: 0
        }
    }


    /*PORTFOLIO*/

    

    .flo-next-prev {
        display: flex;
        justify-content: space-between;
    }

    .flo-nav-prev a,
    .flo-nav-next a {
        color: #000;
    }

    .client-desc-outer {
        padding: 0 30px;
    }

    .client-desc {
        padding: 3em;
    }


    .client-info-outer {
        padding: 3em;
        background: #fff;
        display: flex
    }

    td>p {
        margin: 0 !important;
    }

    table.client-info {
        width: 100%;
        background-color: #ffffff;
        border-collapse: collapse;
        color: #000000;
    }

    table.client-info td,
    table.client-info th {
        border-bottom: #82D6F3 solid 1px;
        padding: 3px;
    }

    table.client-info thead {
        background-color: #ffcc00;
    }

    .client-info a {
        color: #6EBD43
    }

    .port-blue {
        background-image: url(../images/portfolio-bg.png);
    }

    @media all and (max-width: 1180px) {
        .single-port-container {
            max-width: 1100px;
        }


    }

    @media all and (min-width: 991px) {
        table.client-info {
            min-height: 378px;
        }


    }

    .example-pic {
        background-size: cover;
        min-height: 670px
    }

    @media all and (max-width: 767px) {
        .client-desc-outer {
            padding: 0;
        }

        .client-desc {
            padding: 0;
        }

        .single-port-row {
            padding-left: 2em;
            padding-right: 2em;
        }

        .client-info-outer {
            padding: 20px;
        }

        .example-pic {
            background-repeat: no-repeat;
            min-height: 260px
        }

        .single-portfolio .site-header, .single-portfolio .navbar,
        .page-id-224 .site-header,.page-id-224 .navbar{
            position: relative;
            background-color: #000;
        }

        .single-portfolio nav#navbar_top.changebg,
        .page-id-224 nav#navbar_top.changebg {
            position: fixed;
        }
    }


















    .portfolio-txt {
        position: absolute;
        top: 135%;
        opacity: 0;
        z-index: 0;
        transition: 0.5s;
        width: 80%;
        height: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .portfolio-url:hover .portfolio-txt {
        position: absolute;
        width: 80%;
        height: 80%;
        left: 50%;
        padding-top: 30px;
        text-align: center;
        transform: translate(-50%, -50%);
        z-index: 2;
        transition: 0.5s;
        top: 100%;
        opacity: 1;
    }

    @media all and (min-width: 766px) {
        .portfolio-hero {
            height: 725px;
            max-height: 800px;
            margin-bottom: 2em;
            position: relative;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center top;
            background-image: url(../images/portfolio-hero-final.jpg);
        }

    }

    @media all and (max-width: 765px) {
        .portfolio-hero {
            max-height: 800px;
            margin-bottom: 2em;
            position: relative;
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 224px;
            background-position: center top;
            background-image: url(../images/portfolio-hero-final.jpg);
        }
    }



    .portfolio-thumbnail {
        margin-top: 2em;
    }






    .top-left-sm-outer {
        border-radius: 110px 15px 15px 15px;
    }

    .top-left-sm {
        border-radius: 110px 15px 15px 15px;
        transition: 300ms;
        height: 100%;
    }

    .top-right-sm-outer {
        border-radius: 15px 40% 15px 15px;
    }

    .top-right-sm {
        border-radius: 15px 40% 15px 15px;
        transition: 300ms;
        height: 100%;
    }

    .bottom-left-sm-outer {
        border-radius: 15px 15px 15px 40%;
    }

    .bottom-left-sm {
        border-radius: 15px 15px 15px 40%;
        transition: 300ms;
        height: 100%;
    }

    .bottom-right-sm-outer {
        border-radius: 15px 15px 40% 15px;
    }

    .bottom-right-sm {
        border-radius: 15px 15px 40% 15px;
        transition: 300ms;
        height: 100%;
    }

    .bottom_left_big-outer {
        border-radius: 15px 15px 15px 110px;
    }

    .bottom-left-big {
        border-radius: 15px 15px 15px 110px;
        transition: 300ms;
        height: 100%;
    }

    .top_right_big-outer {
        border-radius: 15px 110px 15px 15px;
    }

    .top-right-big {
        border-radius: 15px 110px 15px 15px;
        transition: 300ms;
        height: 100%;
    }

    .bottom_right_big-outer {
        border-radius: 15px 15px 110px 15px;
    }

    .bottom-right-big {
        border-radius: 15px 15px 110px 15px;
        transition: 300ms;
        height: 100%;
    }

    .top_left_big-outer {
        border-radius: 110px 15px 15px 15px;
    }

    .top-left-big {
        border-radius: 110px 15px 15px 15px;
        transition: 300ms;
        height: 100%;
    }

    @media all and (max-width: 765px) {
        .top-left-sm-outer {
            border-radius: 15px
        }

        .top-left-sm {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .top-right-sm-outer {
            border-radius: 15px;
        }

        .top-right-sm {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .bottom-left-sm-outer {
            border-radius: 15px;
        }

        .bottom-left-sm {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .bottom-right-sm-outer {
            border-radius: 15px;
        }

        .bottom-right-sm {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .bottom_left_big-outer {
            border-radius: 15px
        }

        .bottom-left-big {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .top_right_big-outer {
            border-radius: 15px;
        }

        .top-right-big {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .bottom_right_big-outer {
            border-radius: 15px;
        }

        .bottom-right-big {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

        .top_left_big-outer {
            border-radius: 15px;
        }

        .top-left-big {
            border-radius: 15px;
            transition: 300ms;
            height: 100%;
        }

    }

    .portfolio-img:hover {
        transform: scale(1.1);
        transition: 0.5s;
    }

    .overlay:hover .logo-portfolio {
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        transform: translate(0%, -100%);
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
    }



    .portfolio-link {
        display: block;
        width: 200px;
        color: #FFF;
        text-align: center;
        font-size: 20px;
        position: absolute;
        top: 55%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
        -webkit-transition: all .3s;
        transition: all .3s;
    }


    .overlay:hover .portfolio-link {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        -webkit-transition: all 1s;
        transition: all 1s;
        color: #fff
    }



    .portfolio-link {

        padding: 10px 12px;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 15px;

    }

    .portfolio-link:hover {
        color: #fff;
    }

    /* 	CONTACT */



    .page-id-9 {
        /* 	background-position: 0% -125%!important;  */
        background-image: url(../images/contact.jpg);
        background-size: auto !important
    }

    .page-id-1223 {
        /* 	background-position: 0% -125%!important;  */
        background-image: url(../images/contact.jpg);
        background-size: auto !important
    }

    .thank-you {
        max-width: 200px;
    }

    .contact-container {
        min-height: 60vh;
    }

    .contact-form {
        background: #fff;
        padding: 2em;
        border-radius: 20px;
    }


    /*.wpcf7-form-control-wrap{margin-left:2em;}*/
    @media all and (max-width: 765px) {

        .wpcf7-form-control-wrap {
            margin-left: 0;
        }

        .page-id-98 .col-lg-3 {
            margin: 2em 0;
        }

    }


    label {
        width: 100%;
    }

    .wpcf7-submit {
        text-align: center;
        width: 180px;
        padding: 8px;
        color: white;
        background-color: #E13690 !important;
        border-radius: 14px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;
        font-size: 18px;
        background: none;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        margin-left: 2em;
        transition: 0.3s;
    }

    .wpcf7-submit:hover {
        color: #E13690;
        background-color: #fff !important;
        border-color: #E13690;
        transition: 0.3s;
    }

    textarea {
        height: 150px;
    }

    input,
    input[type=text],
    input[type=password],
    textarea,
    select {
        padding: 15px;
        margin-right: 10%;
        border: 0px;
        width: 100%;
        background: #f2f2f2;
    }

    .wpcf7-form p {
        margin-bottom: 0;
    }

    .wpcf7-form {
        display: flex;
        flex-direction: column;
    }


    .contact-sidebar {
        background-color: #177e6f;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4em;
    }

    .contact-sidebar p {
        color: #fff;
    }

    .contact-main {}




    /*PAGINATION*/

    .pagination {
        justify-content: center;
        margin: 3em 0 3em 0;
    }

    .page-numbers {
        background: none;
        color: #6EBD43;
        font-weight: bold;
        font-size: 18px;
        border: #6EBD43 1px solid;
        /*padding: 0px 10px;*/
        border-radius: 50px;
        height: 32px;
        width: 32px;
        margin: 0 10px;
        text-align: center;
        transition: 300ms;
    }

    .page-numbers:hover {
        background-color: #6EBD43;
        color: #fff;
        border-radius: 50px;
        transition: 300ms;
    }

    .current {
        background-color: #6EBD43;
        color: #fff;
        border-radius: 50px;
    }




    /* 	SLIDER */


    .slider-img {
        width: 100%
    }


    /*BLOG*/



    .single-blog {
        background-image: url(https://flowebdesign.ie/wp-content/uploads/2023/01/starry-bg-long-black.jpg) !important;
    }


    .blog-page-title {
        position: relative;
    }

    .blog-page-title::after {
        width: 114px;
        height: 75px;
        content: "";
        background-image: url(../images/stars.png);
        background-repeat: no-repeat;
        transition: transform .2s ease-in-out;
        position: absolute;
        top: -30px;
        left: 14%;
        rotate: 18deg;

    }

    a.blog-cat-link {
        display: block;
        color: #000;
        font-size: 16px;
        border-bottom: 1px solid #707070;
        padding: 10px;
    }

    a.blog-cat-link:last-child {
        border: 0;
    }


    /* a.blog-cat-link:nth-child(2):hover {
        transition: 300ms;
        color: #E89721;
        border-bottom: 1px solid #E89721;
        padding-left: 1.1em;
    }

    a.blog-cat-link:nth-child(3):hover {
        transition: 300ms;
        color: #6EBD43;
        border-bottom: 1px solid #6EBD43;
        padding-left: 1.1em;
    }

    a.blog-cat-link:nth-child(4):hover {
        transition: 300ms;
        color: #E13690;
        border-bottom: 1px solid #E13690;
        padding-left: 1.1em;
    }

    a.blog-cat-link:last-child:hover {
        border: 0;
        transition: 300ms;
        color: #51ADD3;
        padding-left: 1.1em;
    } */

    /* 1st, 5th, 9th ... */
a.blog-cat-link:nth-of-type(4n + 1):hover {
    color: #E89721;
    border-bottom: 1px solid #E89721;
    padding-left: 1.1em;
    transition: 300ms;
}

/* 2nd, 6th, 10th ... */
a.blog-cat-link:nth-of-type(4n + 2):hover {
    color: #6EBD43;
    border-bottom: 1px solid #6EBD43;
    padding-left: 1.1em;
    transition: 300ms;
}

/* 3rd, 7th, 11th ... */
a.blog-cat-link:nth-of-type(4n + 3):hover {
    color: #E13690;
    border-bottom: 1px solid #E13690;
    padding-left: 1.1em;
    transition: 300ms;
}

/* 4th, 8th, 12th ... */
a.blog-cat-link:nth-of-type(4n + 4):hover {
    color: #51ADD3;
    border-bottom: 1px solid #51ADD3;
    padding-left: 1.1em;
    transition: 300ms;
}



    .blog-btn {
        color: #fff;
        background: #6ebd43;
        font-size: 16px;
        padding: 10px 15px;
        max-width: 200px;
        transition: 300ms;
        border: 1px solid #6ebd43;
    }

    .blog-btn:hover {
        color: #6ebd43;
        background: #fff;
        transition: 300ms;
    }

    /*.pulse:hover, .pulse:focus {*/
    /*    animation: pulse 1s;*/
    /*    box-shadow: 0 0 0 2em transparent;*/
    /*}*/
    /*@keyframes pulse {*/
    /*    0% {*/
    /*        box-shadow: 0 0 0 0 var(--hover);*/
    /*   }*/
    /*}*/
    /*.pulse {*/
    /*    --color: #ef6eae;*/
    /*    --hover: #000;*/
    /*}*/

    /*a:hover, a:focus {*/
    /*    border-color: var(--hover);*/
    /*    color: #fff;*/
    /*}*/



    a {
        transition: 0.25s;
    }

    .blog-info {
        margin: 2em 1em;
        padding: 2em;
        transition: 500ms;
        background-color: #E8F9FF;
    }

    /*.blog-info:hover{margin:1em;box-shadow: 0px 0px 11px 4px rgba(235,235,235,1);transform: translateY(-5px);transition:500ms;}*/
    .blog-link {
        margin-bottom: 0.6rem;
        font-size: 2.2rem;
        font-weight: 400;
        line-height: 3rem;
        color: black;
    }

    .blog-cat-title {
        color: #000;
        position: relative;
    }




    .blog-cat-title::after {
        width: 178px;
        height: 336px;
        content: "";
        background-image: url(../images/planet.png);
        background-repeat: no-repeat;
        transition: transform .2s ease-in-out;
        position: absolute;
        top: -90px;
        right: -100px;

    }

    @media all and (min-width: 876px) {

        .blog-container {
            padding: 3em 5em
        }

        .blog-list {
            margin: 1em;
        }
    }

    @media all and (max-width: 576px) {

        .blog-link {
            font-size: 28px;
            line-height: 26px;
        }

        p {
            font-weight: normal !important;
            line-height: 26px;
        }


        .blog-cat-title::after {
            width: 178px;
            height: 336px;
            content: "";
            background-image: url(../images/planet.png);
            background-repeat: no-repeat;
            transition: transform .2s ease-in-out;
            position: absolute;
            top: -70px;
            right: -20px;

        }

    }

    .blog {
        padding: 10px
    }



    /*book a call*/


    section.book-call {
        margin: 200px auto;
    }



    /*MODAL*/


    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 670px;

        }
    }

    .modal-body {
        padding: 2rem;
    }



    /*location pages*/


    .locations h1 span {
        color: #6ebd43;
    }

    .locations {
        /*background-image:linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1)), url(https://www.flowebdesign.ie/wp-content/uploads/2023/01/starry-bg-long-black.jpg);*/
        background-image: linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1)), url(../images/starry-bg-long-black-with-clouds2.png);
        padding-bottom: 150px;
        padding-top: 180px;
        background-position: 100% 59%;
    }

    .locations .welcome_section img {
        max-width: 581px;
    }


    .locations .container {
        background: #fff;
        border-radius: 50px;
    }

    @media all and (min-width: 576px) {
        .locations .container {
            padding: 2em 2.5em;
        }
    }

    .services ul.nav {
        flex-wrap: nowrap;
    }

    .services ul li {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 10px 17px;
    }


    /*service page*/

     @media all and (min-width: 820px) {
        ul.flexlist {
            column-count: 2;
            gap: 60px;
        }
     }

.services-template-default a.cta {
    color: #000;
    font-family: 'museo-sans';
    font-weight: 900;
    transition: 300ms;
    background: #73CEF1;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 20px;
    display: inline-block;
}
.services-template-default a.cta:hover {
    transition: 300ms;
    background: transparent;
    color: #73CEF1;
}


    .service-page {
        background-image: url(https://www.flowebdesign.ie/wp-content/uploads/2023/01/starry-bg-long-black.jpg);
    }

    .service-page .first-container {
        background: #fff;
        border-radius: 50px
    }

    @media all and (min-width: 576px) {
        .custom {
            margin-top: -120px;
            margin-left: -20px;
        }

        .service-page .container {
            padding: 2em 2.5em;
        }
    }

    @media all and (min-width:1200px) {
        .imgside-1 img {
            max-width: 600px;
        }
    }
 @media all and (min-width:1180px) {

        .imgside-1 img {
            position: absolute;
            top: -131px;
            right: 1%;
            max-width: 540px;
        }

        .postid-298 .imgside-1 img {
            position: absolute;
            top: -81px;
            right: 1%;
            max-width: 540px;
        }
    }
    @media all and (min-width:991px) {
        .imgside-1 {
            position: relative;
            width: 115%;
        }

        .imgside-1 img {
            position: absolute;
            /* top: -188px;
            right: -5%;
            max-width: 600px; */
            top: -131px;
            right: 1%;
            max-width: 480px;
        }

        .postid-298 .imgside-1 img {
            position: absolute;
            top: -81px;
            right: 1%;
            max-width: 480px;
        }
    }

    @media all and (max-width: 576px) {

        .service-page .first-container {
            padding: 12px 15px;
            max-width: 90%;
            border-radius: 25px;
        }

        .service-page h1 {
            font-size: 24px;
        }

        .service-page h2 {
            font-size: 22px;
        }

        .service-page h3 {
            font-size: 20px;
        }

        .bottom-projects {
            padding: 0 35px;
        }

        .package-bottom {
            padding: 15px 35px 0 35px;
            background-position: left !important;
        }

    }



    /*TECHNICAL LIBRARY*/

    .technical-library {
        padding: 4em 5em;
    }

    @media (min-width: 1400px) {
        .technical-library {
            max-width: 1450px;
        }

    }

    @media (min-width: 1000px) {
        .technical-library .imgside {
            min-height: 665px;
        }

    }


    .tech-text {
        text-align: center;
        position: relative;
        max-width: 95%;
        margin-left: auto;
    }

    .tech-text h2 {
        max-width: 460px;
        margin: auto;
    }

    .tech-text a {
        color: #fff;
        background: #E13690;
        font-size: 16px;
        padding: 15px 20px;
        border-radius: 30px;
        max-width: 200px
    }

    .tech-text {
        padding: 5em;
        background-image: url(../images/blue-bg-spots.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .tech-text::before {
        width: 114px;
        height: 75px;
        content: "";
        background-image: url(../images/stars.png);
        background-repeat: no-repeat;
        transition: transform .2s ease-in-out;
        position: absolute;
        top: -30px;
        left: -58px;
    }



    .accordion-button::before {
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        content: "";
        background-image: url(../images/plus.png);
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }


    .accordion-button:not(.collapsed)::before {
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        content: "";
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
    }



    .accordion-button::after {
        display: none;
    }

    .accordion-button {
        background-color: #F1F1F1;
    }

    .accordion-item {
        margin-bottom: 1em;
        border: 0;
    }


    @keyframes stretch {
        0% {
            transform: scale(1);
        }

        50% {}

        100% {
            transform: scale(1.1);

        }
    }




    @media (max-width: 850px) {
        .technical-library {
            padding: 2em 0em;
        }

        .tech-text {
            padding: 2em 1em;
            margin: auto;
        }
    }





    /*.social-fb{    box-shadow: 0 0 0 4px #fff;*/
    /*    -webkit-transition: color 0.3s;*/
    /*    -moz-transition: color 0.3s;*/
    /*    transition: color 0.3s;}*/

    /*.social-foot.social-fb::after {*/
    /*    -webkit-transform: scale(1.3);*/
    /*    -moz-transform: scale(1.3);*/
    /*    -ms-transform: scale(1.3);*/
    /*    transform: scale(1.3);*/
    /*    opacity: 0;*/
    /*}*/




    /*.social-fb:hover::after {*/
    /*    -webkit-transform: scale(1);*/
    /*    -moz-transform: scale(1);*/
    /*    -ms-transform: scale(1);*/
    /*    transform: scale(1);*/
    /*    opacity: 1;*/
    /*}*/






    .bounce {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        -moz-animation: bounce 2s infinite;
        -o-animation: bounce 2s infinite;
    }

    @-webkit-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -webkit-transform: translateY(0);
        }

        40% {
            -webkit-transform: translateY(-30px);
        }

        60% {
            -webkit-transform: translateY(-15px);
        }
    }

    @-moz-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -moz-transform: translateY(0);
        }

        40% {
            -moz-transform: translateY(-30px);
        }

        60% {
            -moz-transform: translateY(-15px);
        }
    }

    @-o-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -o-transform: translateY(0);
        }

        40% {
            -o-transform: translateY(-30px);
        }

        60% {
            -o-transform: translateY(-15px);
        }
    }

    @keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-30px);
        }

        60% {
            transform: translateY(-15px);
        }
    }

    /* 	about su */

    .page-id-852 .layouts {
        padding: 20px
    }

    .page-id-852 .bgwh {
        border-radius: 50px;
    }

    /*TIMELINE*/


    /* ================ The Timeline ================ */

    .timeline {
        position: relative;
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        padding: 1em 0;
        list-style-type: none;
        min-height: 400px;
    }

    .timeline:before {
        position: absolute;
        left: 50%;
        top: 0;
        content: ' ';
        display: block;
        width: 6px;
        height: 100%;
        margin-left: -3px;
        background: rgb(80, 80, 80);
        background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
        background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
        background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
        background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
        background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);

        z-index: 0;
    }

    @media screen and (min-width: 660px) {
        .timeline li {
            padding: 3em 0;
        }

    }

    .timeline li:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .direction-l {
        /*position: relative;*/
        position: absolute;
        width: 500px;
        /*float: left;*/
        left: 115px;
        text-align: right;
    }

    .direction-r {
        /*position: relative;*/
        position: absolute;
        width: 500px;
        /*float: right;*/
        right: 115px;
    }

    .flag-wrapper {
        position: relative;
        display: inline-block;

        text-align: center;
    }

    /*.process-inner div:nth-child(6){margin-top:3em;}*/
    /*li .flag:nth-child(0){background: #51ADD3;}*/
    /*li .flag:nth-child(1){background: #E89721;}*/
    /*li .flag:nth-child(2){background: #6EBD43;}*/
    /*li .flag:nth-child(3){background: #E13690;}*/


    .flag {
        background: #51ADD3;
    }

    /*.flag-1{background: #51ADD3;}  blue */
    /*.flag-2{background: #E89721;}  pink */
    /*.flag-3{background: #6EBD43;}  green */
    /*.flag-4{background: #E13690;}  orange */

    /*.flag-5{background: #51ADD3;}  blue */
    /*.flag-6{background: #E89721;}  pink */
    /*.flag-7{background: #6EBD43;}  green */
    /*.flag-8{background: #E13690;} orange */

    /* .flag-9{background: #51ADD3;} blue */
    /*.flag-10{background: #E89721;}  orange */
    /*.flag-11{background: #6EBD43;} green */
    /*.flag-12{background: #E13690;}  pink */

    /*.flag-13{background: #51ADD3;}  blue */
    /*.flag-14{background: #E89721;} orange */
    /*.flag-15{background: #6EBD43;}  green */
    /*.flag-16{background: #E13690;}  pink */

    /* .flag-17{background: #51ADD3;} /* blue */


    .flag {
        position: relative;
        display: inline;
        /*background: rgb(240 240 240);*/
        padding: 6px 10px;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
        text-align: left;
    }

    .direction-l .flag {
        -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    }

    .direction-r .flag {
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    }

    .direction-l .flag:before,
    .direction-r .flag:before {
        position: absolute;
        top: 50%;
        right: -40px;
        content: ' ';
        display: block;
        width: 15px;
        height: 15px;
        margin-top: -10px;
        background: #fff;
        border-radius: 10px;
        border: 4px solid #6EBD43;
        z-index: 10;
    }

    /* .direction-l .flag-1:before, .direction-l .flag-5:before, .direction-l .flag-9:before, .direction-l .flag-13:before, .direction-l .flag-17:before {
  border: 4px solid #51ADD3; /* Blue 
} */
    /* .direction-r .flag-2:before, .direction-r .flag-6:before, .direction-r .flag-10:before, .direction-r .flag-14:before, .direction-r .flag-18:before {
  border: 4px solid #E89721; /* orange 
} */
    /* .direction-r .flag-4:before, .direction-r .flag-8:before, .direction-r .flag-12:before, .direction-r .flag-16:before, .direction-r .flag-20:before {
  border: 4px solid #E13690; /* pink 
} */


    /* .direction-l .flag-1:after, .direction-l .flag-5:after, .direction-l .flag-9:after, .direction-l .flag-13:after, .direction-l .flag-17:after {
  border-left-color:  #51ADD3!important; /* Blue 
} */
    /* .direction-r .flag-2:after, .direction-r .flag-6:after, .direction-r .flag-10:after, .direction-r .flag-14:after, .direction-r .flag-18:after {
  border-right-color:  #E89721!important; /* orange 
} */
    /* .direction-l .flag-3:after, .direction-l .flag-7:after, .direction-l .flag-11:after, .direction-l .flag-15:after, .direction-l .flag-19:after {
  border-left-color:  #6EBD43!important; /* green 
} */
    /* .direction-r .flag-4:after, .direction-r .flag-8:after, .direction-r .flag-12:after, .direction-r .flag-16:after, .direction-r .flag-20:after {
  border-right-color:  #E13690!important; /* pink 
} */


    .direction-r .flag:before {
        left: -40px;
    }

    .direction-l .flag:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 50%;
        height: 0;
        width: 0;
        margin-top: -8px;
        border: solid transparent;
        border-left-color: #51ADD3;
        border-width: 8px;
        pointer-events: none;
    }

    .direction-r .flag:after {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        height: 0;
        width: 0;
        margin-top: -8px;
        border: solid transparent;
        border-right-color: #51ADD3;
        border-width: 8px;
        pointer-events: none;
    }

    .time-wrapper {
        display: inline;

        line-height: 1em;
        font-size: 15px;
        font-weight: bold;
        color: #E89721;
        vertical-align: middle;
        margin-bottom: 8px;
    }

    .direction-l .time-wrapper {
        /*float: left;*/
        display: flex;
        justify-content: flex-end;
    }

    .direction-r .time-wrapper {
        /*float: right;*/
        display: flex;
        justify-content: flex-start;
    }

    .time {
        display: inline-block;
        padding: 4px 6px;
        background: rgb(248, 248, 248);
    }

    .desc {
        margin: 1em 0.75em 0 0;

        font-size: 0.77777em;
        font-style: italic;
        line-height: 1.5em;
    }

    .desc p {
        font-size: 15px;
    }

    .direction-r .desc {
        margin: 1em 0 0 0.75em;
    }

    /* ================ Timeline Media Queries ================ */

    @media screen and (max-width: 1400px) {
        .direction-r {
            right: 25px;
        }


        .direction-l {
            left: 25px;
        }

    }

    @media screen and (max-width: 1199px) {
        .direction-r {
            right: 3px;
            width: 433px;
        }


        .direction-l {
            left: 3px;
            width: 433px;
        }

    }

    @media screen and (max-width: 1155px) {
        .direction-r {
            position: relative;
            width: 433px;
            float: right;
            right: 0;
        }


        .direction-l {
            position: relative;
            width: 436px;
            float: left;
            text-align: right;
            left: 0;
        }

    }


    @media screen and (max-width: 991px) {
        .direction-r {
            position: relative;
            width: 433px;
            float: right;
            right: -11px;
        }


        .direction-l {
            position: relative;
            width: 436px;
            float: left;
            text-align: right;
            left: -12px;
        }

        .page-id-852 .container {
            max-width: 935px
        }

    }


    @media screen and (max-width: 935px) {
        .direction-r {
            position: relative;
            width: 400px;
            float: right;
            right: 22px;
        }


        .direction-l {
            position: relative;
            width: 400px;
            float: left;
            text-align: right;
            left: 24px;
        }

        .page-id-852 .container {
            max-width: 935px
        }

    }

    @media screen and (max-width: 820px) {
        .direction-r {
            right: -35px;
        }

        .direction-l {
            left: -35px;
        }

        .flag {
            font-size: 14px;
        }

        .desc {
            max-width: 300px;
            padding-left: 1em;
        }
    }

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

        .timeline {
            width: 100%;
            padding: 4em 0 1em 0;
        }

        .timeline li {
            padding-bottom: 6em;
            font-size: 18px
        }

        .direction-l,
        .direction-r {
            float: none;
            width: 100%;
            left: 0;
            right: 0;
            text-align: center;
        }

        .flag-wrapper {
            text-align: center;
        }

        .flag-wrapper {
            position: relative;
            text-align: center;
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
            margin: auto;
        }

        .flag {
            background: #51ADD3;
            z-index: 0;
            /* 15*/
            text-align: center;
        }

        .direction-l .flag:before,
        .direction-r .flag:before {
            position: absolute;
            top: -40px;
            left: 50%;
            content: ' ';
            display: block;
            width: 20px;
            height: 20px;
            margin-left: -9px;
            background: #fff;
            border-radius: 10px;
            border: 4px solid #51ADD3;
            z-index: 0;
            /* 10*/
        }

        .direction-l .flag:after,
        .direction-r .flag:after {
            content: "";
            position: absolute;
            left: 50%;
            top: -8px;
            height: 0;
            width: 0;
            margin-left: -8px;
            border: solid transparent;
            border-bottom-color: #51ADD3;
            border-width: 8px;
            pointer-events: none;
        }

        .time-wrapper {
            display: block;
            position: relative;
            margin: 4px 0 0 0;
            z-index: 0;
            /* 14*/
        }

        .direction-l .time-wrapper {
            float: none;
        }

        .direction-r .time-wrapper {
            float: none;
        }

        .desc {
            position: relative;
            margin: 1em 0 0 0;
            padding: 1em;
            background: rgb(245, 245, 245);
            -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
            -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);


        }

        .direction-l .desc,
        .direction-r .desc {
            position: relative;
            margin: 1em 1em 0 1em;
            padding: 1em;

            z-index: 0;
            /* 15*/
        }

        .direction-r .time-wrapper {
            display: block
        }

        .direction-l .time-wrapper {
            display: block
        }


    }

    @media screen and (min-width: 400px) and (max-width: 660px) {

        .direction-l .desc,
        .direction-r .desc {
            margin: 1em 4em 0 4em;
        }

    }


    /* sweet alert */

    div.wpcf7-response-output,
    div.wpcf7-validation-errors {
        display: none !important;
    }

    span.wpcf7-not-valid-tip {
        display: none;
    }

    input[aria-invalid="true"],
    select[aria-invalid="true"] {
        border-color: #ff2c00 !important;
    }

    .swal2-styled.swal2-confirm {
        background-color: #E89721;
    }

  

    .swal2-popup {
        border-left: 3px solid #E13690 !important;
        border-bottom: 3px solid #E89721 !important;
        border-right: 3px solid #6EBD43 !important;
        border-top: 3px solid #51ADD3 !important;
    }



    /*packages page client care*/

    /* 	client care */
    .page-id-1011 h1 {
        color: #fff;
        margin-bottom: 100px;
        text-align: center;
    }

    .head-main {
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        position: relative;
        z-index: 12;
    }

    .brands-main {
        background: rgba(255, 255, 255, 0.88);
        z-index: 2
    }

    .brands {
        max-width: 1200px;
        margin: 1em auto
    }

    .brands .site33 {
        display: inline-block;
        width: 33.33333%
    }

    .brands img {
        transform: scale(0.9);
        -webkit-transition: .5s;
        transition: .5s
    }

    .brands img:hover {
        transform: scale(1);
        -webkit-transition: .3s;
        transition: .3s
    }

    .home-main {
        padding-top: 3em
    }

    .packages-main {
        z-index: 2
    }

    .package-item {
        margin: 1em auto;
        margin-bottom: 3em
    }

    .package-item-main {}

    .package-item-top {
        border-radius: 1em 1em 0 0;
        min-height: 17em;
        padding: 50px 1em 2em 1em;
        position: relative;
    }

    .package-circle {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -30px;
        left: 50%;
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px);
        background-color: #FFF;
        border-radius: 50%;
        border: 10px solid #E89721;
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center center
    }

    .package-item-top .package-title {
        font-size: 1.5em;
        margin: 0.2em 0;
        font-weight: 700
    }

    .package-item-top strong {
        font-size: 1.3em;
        margin: 0.2em 0
    }

    .package-item-top small {
        font-size: 0.8em
    }

    .package-item-dn {
        border-radius: 0 0 1em 1em;
        min-height: 35em;
        font-size: 0.9em
    }

    .package-item-dn ul {
        margin: 0 0 5px 2px;
        padding: 0
    }

    .package-item-dn li {
        list-style-image: none;
        color: #000;
        margin: 0 0 2px 1em;
        text-align: left;
        padding: 0 0 0 10px;
        position: relative;
        list-style-type: none;
    }

    .package-item-dn li::before {
        content: '✓';
        display: block;
        margin: 0;
        color: #13AB28;
        position: absolute;
        left: -10px;
        font-weight: 700;
    }


    .package-quote-btn,
    .package-pay-btn {
        display: inline-block;
        width: 140px;
        height: auto;
        padding: 1em;
        border-radius: 1em;
        margin: 1em 5px;
        cursor: pointer;
        -webkit-transition: .5s;
        transition: .5s
    }

    .package-quote-btn:hover,
    .package-pay-btn:hover {
        background: #253746;
        -webkit-transition: .2s;
        transition: .2s
    }

    .package-quote,
    .package-buy {
        background: rgba(37, 55, 70, 0.7);
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9877
    }

    .package-inner {
        max-width: 1200px;
        padding: 0;
        border-radius: 1em;
        box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.2);
        border: 1px solid #000;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .package-quote-close {
        width: 40px;
        height: 40px;
        top: 1em;
        right: 1em;
        position: absolute;
        border-radius: 50%;
        padding-top: 5px;
        font-size: 1.4em;
        font-weight: 700;
        cursor: pointer
    }


    .package-inner .package-item-top {
        min-height: 8em
    }

    .package-inner .package-item-dn {
        padding: 0.5em 1em 3em 1em
    }

    .package-buy .simpay-checkout-form--embedded.simpay-styled {
        max-width: 100%
    }

    .cont-single h1 {
        font-size: 2em
    }

    .cont-single {
        background-color: rgba(37, 55, 70, 0.95)
    }

    .cont-single a {
        color: #FB840E
    }


    .cont-single li {
        list-style-image: none;
        margin: 0 0 1em 2em;
        text-align: left;
        padding: 0;
        position: relative
    }

    .cont-single li::before {
        content: '✓';
        display: block;
        margin: 0;
        color: #13AB28;
        position: absolute;
        left: -2em
    }

    /* t and c */

    /* .page-id-330 span strong {
    border-bottom: 2px #6EBD43 solid;
} */

    /* 	.page-id-330 h1 span  {
    border-bottom: 2px #6EBD43 solid;
} */


    /*new locations pages*/
    .page-template-seo nav#navbar_top.changebg,
    .page-template-locationsnew nav#navbar_top.changebg {
        background: #ffffff;
        box-shadow: 0 0 7px rgba(0, 0, 0, .3);
        transition: 300ms;
    }

    section.newlocation {
        margin-top: 200px;
    }

    .page-template-locationsnew a.nav-link {
        color: #000;
    }

    /*.page-template-locationsnew  nav#navbar_top.changebg  a.nav-link{*/
    /*    color:#fff;*/
    /*}*/
    /*.page-template-locationsnew nav#navbar_top.changebg a#phone {*/
    /*    color: #fff !important;*/
    /*}*/

    /*.page-template-locationsnew nav#navbar_top.changebg  img#logo {*/
    /*    filter: brightness(0) invert(1);*/
    /*}*/


    .page-id-1483 .head-contact span:nth-of-type(3) {
        display: none;
    }

    @media screen and (min-width: 1550px) {
        .page-template-locationsnew .newlocation .container {
            max-width: 1500px;
        }
    }


    .page-template-locationsnew p {
        font-size: 21px;
        line-height: 1.6;
        display: inline-block;
        z-index: 5;
        position: relative;
    }

    .newlocation {
        background-image: url(../images/locations-intro1.webp);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 2;
    }

    .newlocation h1 {
        margin-bottom: 1em;
        font-size: 36px;
        margin-right: 10px;
    }

    .newlocation .col-lg-6 {
        margin: 10px 0 100px 0;
    }

    .newlocation h2 span {
        background: #E89721;
    }

    .newlocation h1 span {
        background: #E89721;
    }


    .newlocation h2 {
        font-size: 33px;
    }

    .newlocation p:nth-last-child(2) a {
        /* display: inline-block; */
        background: #73CEF1;
        text-align: center;
        padding: 12px 20px;
        border-radius: 50px;
        color: #000;
        font-family: 'museo-sans';
        font-weight: 900;
        border: 2px solid #73CEF1;
        transition: 300ms;
    }



    .newlocation p:nth-last-child(2) a:hover {
        transition: 300ms;
        background: transparent;
        color: #73CEF1;
    }

    .newlocation a {
        display: inline-block;
        padding: 0 5px;
        color: #000;
        font-family: 'museo-sans';
        font-weight: 900;
        transition: 300ms;
    }

    .newlocation a:hover {
        transition: 300ms;
        background: transparent;
        color: #73CEF1;
    }

    .newlocation .col-lg-6:nth-of-type(4) a {
        padding: 0;
        border: 0;
        background: transparent;
        text-align: left;
    }

    .newlocation .img {
        position: relative;
        text-align: center;
    }

    .newlocation .col-lg-6:nth-of-type(2) .img:before {
        background: url(../images/blueblob.webp);
        content: '';
        display: block;
        position: absolute;
        height: 583px;
        width: 734px;
        background-size: contain;
        left: -89px;
        top: -107px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }


    .newlocation .col-lg-6:nth-of-type(3) .img:before {
        background: url(../images/greenblob.webp);
        content: '';
        display: block;
        position: absolute;
        height: 854px;
        width: 100%;
        background-size: contain;
        left: 0;
        top: -234px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .newlocation .col-lg-6:nth-of-type(2) .img img {
        max-width: 630px;
        border-radius: 30px 30px 30px 166px;
    }

    .newlocation .img img {
        z-index: 3;
        position: relative;
    }

    .newlocation .col-lg-6:nth-of-type(2) .img img {
        max-width: 630px;
    }

    .newlocation .col-lg-6:nth-of-type(1) {
        padding-right: 40px;
    }

    .newlocation .col-lg-6:nth-of-type(4) {
        padding-left: 30px;
    }

    .bluetile {
        background-image: url(../images/bluebackgoundpink.webp);
        background-repeat: no-repeat;
        padding: 50px 0;
    }

    .tile {
        background: #fff;
        border-radius: 50px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 10px 30px 30px;
        min-height: 400px;
    }

    .tile p {
        font-family: museo-sans, sans-serif;
        font-weight: 900;
        font-size: 25px;
        line-height: 1.3em;
        margin-top: 1em;
    }

    section.numsection {
        margin: 50px 0;
    }

    .numsection .col-12 {
        padding: 0;
    }

    .numsection p {
        font-size: 24px;
        letter-spacing: -0.1px;
        line-height: 1.5;
        margin-bottom: 1.5em;
    }

    .numsection h2 {
        color: #000;
        text-align: center;
        font-size: 32px;
        max-width: 854px;
        margin: auto;
        margin-bottom: .6em;
    }

    .numtile {
        font-family: "Poppins", sans-serif;
        font-size: 22px;
        font-weight: 600;
        color: #000;
        max-width: 245px;
        padding: 50px 0;
        position: relative;
    }

    .numsection .col-lg-3.col-md-6 {
        display: flex;
        justify-content: flex-end;
    }

    .num1:before {
        background: url(../images/1.webp);
        content: '';
        display: block;
        position: absolute;
        width: 132px;
        height: 225px;
        background-size: contain;
        left: -81px;
        top: -7px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .num2:before {
        background: url(../images/2.webp);
        content: '';
        display: block;
        position: absolute;
        width: 175px;
        height: 225px;
        background-size: contain;
        left: -118px;
        top: -7px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .num3:before {
        background: url(../images/3.webp);
        content: '';
        display: block;
        position: absolute;
        width: 210px;
        height: 225px;
        background-size: contain;
        left: -133px;
        top: -7px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .num4:before {
        background: url(../images/4.webp);
        content: '';
        display: block;
        position: absolute;
        width: 206px;
        height: 215px;
        background-size: contain;
        left: -138px;
        top: 3px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .numsection .gx-5 {
        --bs-gutter-x: 6rem;
    }

    span.greentxt {
        color: #6EBD43;
        font-family: "Open Sans", sans-serif;
        /*font-size: 26px;*/
        font-size: 33px;
        display: block;
        margin: 70px 0 60px 0;
        font-weight: bold;
    }

    .locationclient img {
        margin-bottom: 1.5em;
    }

    .locationclient {
        border: 1px solid #707070;
        padding: 30px;
        border-radius: 50px 0 0 0;
        text-align: center;
        min-height: 430px;
    }

    .locationclient p {
        font-family: 'museo-sans';
        font-weight: 900;
        font-size: 23px;
        max-width: 300px;
        margin: auto;
        line-height: normal;
    }

    .locationclient span {
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        color: #000;
        font-weight: 100;
        margin-top: 20px;
        display: block;
    }

    .clienttestimonial {
        text-align: center;
        margin: 70px 0 50px 0;
        position: relative;
    }

    .clienttestimonial p {
        font-weight: 100;
        line-height: normal;
        letter-spacing: 0;
        font-size: 25px;
        font-family: 'museo-sans';
    }

    .clienttestimonial span {
        font-family: 'museo-sans';
        display: block;
        font-size: 23px;
        color: #000;
    }

    img.googlepic {
        margin-top: 50px;
        max-width: 1000px;
    }


    .clienttestimonial:before {
        background: url(../images/googleblob1.webp);
        content: '';
        display: block;
        position: absolute;
        height: 394px;
        width: 391px;
        background-size: contain;
        left: -384px;
        top: 439px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }


    .clienttestimonial:after {
        background: url(../images/googleblob2.webp);
        content: '';
        display: block;
        position: absolute;
        height: 394px;
        width: 391px;
        background-size: contain;
        right: -395px;
        top: -124px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }


    .bluesection {
        background: #DFF4F6;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: normal;
        padding: 50px 0;
        position: relative;
    }

    .bluesection:before {
        background: url(../images/greenblobs.webp);
        content: '';
        display: block;
        position: absolute;
        height: 285px;
        width: 285px;
        background-size: contain;
        left: -115px;
        bottom: -107px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .bluesection:after {
        background: url(../images/pinkblobs.webp);
        content: '';
        display: block;
        position: absolute;
        height: 248px;
        width: 253px;
        background-size: contain;
        right: -89px;
        top: -107px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

    .bluesection h2 {
        font-size: 35px;
        color: #000;
        margin-bottom: .6em;
    }

    .bluesection p {
        display: block;
    }

    a.bluebtn {
        display: block;
        margin: 60px auto 25px auto;
        width: 175px;
        background: #73CEF1;
        text-align: center;
        padding: 19px 10px;
        border-radius: 50px;
        color: #000;
        font-family: 'museo-sans';
        font-weight: 900;
        border: 2px solid #73CEF1;
        transition: 300ms;
    }

    a.bluebtn:hover {
        transition: 300ms;
        background: transparent;
        color: #73CEF1;
    }

    .pinksection {
        background-image: url(../images/pinkbackground.webp);
        background-repeat: no-repeat;
        padding: 120px 0 70px 0;
        color: #fff !important;
        background-size: cover;
    }

    .pinksection h2 {
        color: #fff;
    }

    .pinksection a {
        color: #fff;
    }

    .container.logo-slider {
        margin: 50px auto 15px auto;
    }

    .logo-slider h2 {
        color: #000;
        margin-bottom: 1em;
        z-index: 3;
        position: relative;
    }

    .pinksection p {
        color: #fff;
    }

    .pinksection .container {
        padding: 50px 0;
    }

    .col-lg-7 {
        position: relative;
    }

    a.yellow-btn {
        background: #FFF700;
        border: 2px solid #FFF700;
        color: #E13690;
        padding: 20px 25px 20px 65px;
        font-family: 'museo-sans';
        font-weight: 900;
        font-size: 22px;
        border-radius: 50px;
        transform: rotate(342deg);
        position: absolute;
        left: 209px;
        top: -80px;
        transition: 300ms;
    }

    a.yellow-btn:before {
        content: '';
        width: 25px;
        height: 25px;
        position: absolute;
        display: block;
        background: #E13690;
        left: 22px;
        bottom: 20px;
        transition: 300ms;
        border-radius: 50px;
    }

    a.yellow-btn:hover {
        color: #FFF700;
        background: #E13690;
    }

    a.yellow-btn:hover:before {
        background: #FFF700;
        transition: 300ms;
    }

    .locationclient {
        transition: 200ms;
    }

    .exampleClients a:hover .locationclient {
        box-shadow: 7px 4px 39px #00000029;
        transition: 200ms;
    }

    section.logos {
        margin: 50px auto;
    }

    @media (min-width: 992px) {
        .col-lg-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

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

    @media (max-width: 1500px) {

        .newlocation .col-lg-6:nth-of-type(2) .img:before {
            height: 464px;
            width: 100%;
            left: -35px;
            top: -62px;
        }

        .tile p {
            font-size: 21px;
        }

        .num1:before {
            width: 96px;
            height: 175px;
            left: -43px;
            top: -7px;
        }

        .num2:before {
            width: 137px;
            height: 175px;
            left: -76px;
            top: -7px;
        }

        .num3:before {
            width: 143px;
            height: 182px;
            left: -74px;
            top: -7px;
        }

        .num4:before {
            width: 163px;
            height: 172px;
            left: -80px;
            top: 3px;
        }

        .numsection h2 {
            font-size: 24px;
        }

        .numsection p {
            font-size: 18px;
        }

        .numsection .col-lg-3.col-md-6 {
            padding: 0 0 0 40px;
        }

        .locationclient {
            min-height: 417px;
        }

        .locationclient span {
            font-size: 18px;
        }
    }

    @media (max-width: 1200px) {

        .newlocation h1 {
            font-size: 30px;
        }

        .newlocation h2 {
            font-size: 26px;
        }

        .newlocation .col-lg-6:nth-of-type(2) .img:before {
            width: 100%;
            left: -6px;
            top: -119px;
        }

        .tile {
            min-height: 350px;
        }

        .tile p {
            font-size: 18px;
        }

        .numtile {
            font-size: 18px;
        }

        .row.gx-5.exampleClients {
            --bs-gutter-x: 3rem;
        }

        .locationclient {
            min-height: 382px;
        }


        p {
            font-size: 16px;
        }


    }


    @media (max-width: 1100px) {

        .tile {
            margin: 10px;
        }

        .bluetile {
            background-size: cover;
        }

        .row.gx-5.exampleClients {
            --bs-gutter-x: 1rem;
        }

    }

    @media (max-width: 992px) {

        .numsection .col-lg-3.col-md-6 {
            justify-content: center;
        }
        .page-template-locationsnew a.nav-link {
            color: #fff;
        }

        .row.gx-5.exampleClients {
            --bs-gutter-x: 1.5rem;
            justify-content: center;
        }

        .row>.col-lg-4 {
            flex: 0 0 auto;
            width: 100%;
        }

        .locationclient {
            min-height: fit-content;
            margin: 10px;
        }

        .bluesection h2 {
            font-size: 27px;
            z-index: 6;
            position: relative;
        }

        .newlocation .col-lg-6:nth-of-type(1) {
            padding-right: 0;
            order: 1;
        }

        .newlocation .col-lg-6:nth-of-type(2) {
            order: 2;
        }

        .newlocation .col-lg-6:nth-of-type(3) {
            order: 4;
        }

        .newlocation .col-lg-6:nth-of-type(4) {
            order: 3;
            padding-left: 0;
        }

    }

    @media (max-width: 768px) {

        .numsection .col-lg-3.col-md-6 {
            justify-content: flex-start;
        }
        .tile {
            min-height: auto;
        }

        .numsection p,
        .locationclient span {
            font-size: 16px;
        }

        .clienttestimonial span {
            font-size: 18px;
        }

        .pad20 {
            padding: 0;
        }

        p {
            font-size: 14px;
            line-height: normal;
        }

        .pinksection p {
            font-size: 18px;
        }

        a.yellow-btn {
            padding: 15px 20px 15px 50px;
            font-size: 18px;
        }

        a.yellow-btn:before {
            width: 20px;
            height: 20px;
            left: 20px;
            bottom: 20px;
        }



    }


    @media (max-width: 494px) {
        section.newlocation {
            margin-top: 150px;
        }

        .newlocation {
            background-size: cover;
            background-position-x: 97%;
            background-position-y: -58px;
        }

        .newlocation .container {
            padding: 0px 25px;
        }

        .newlocation h2 {
            font-size: 20px;
        }

        .newlocation .col-lg-6 {
            margin: 0 0 20px 0;
        }

        .newlocation .col-lg-6:nth-of-type(2) .img:before {
            display: none;
        }

        .newlocation .col-lg-6:nth-of-type(3) .img:before {
            height: 281px;
            top: -48px;
        }

        .bluetile {
            background-image: none;
            padding: 50px 0;
            background: #DFF4F6;
        }





        .gx-5 {
            --bs-gutter-x: 1.5rem !important;
        }

        .numsection .col-lg-3.col-md-6 {
            padding: 0;
        }

        .numtile {
            max-width: none;
            margin: 0 20px;
        }

        .num1:before {
            width: 66px;
            height: 126px;
            left: 50%;
            transform: translateX(-50%);
            top: -2px;
        }

        .num2:before {
            width: 102px;
            left: 50%;
            transform: translateX(-50%);
            top: -7px;
            height: 126px;
        }

        .num3:before {
            width: 102px;
            left: 50%;
            transform: translateX(-50%);
            top: -7px;
            height: 126px;
        }

        .num4:before {
            width: 102px;
            left: 50%;
            transform: translateX(-50%);
            top: -7px;
            height: 126px;
        }

        span.greentxt {
            font-size: 18px;
            margin: 20px 0 20px 0;
        }

        .numsection h2 {
            font-size: 19px;
        }

        .bluesection {
            font-size: 16px;
        }

        .bluesection h2 {
            font-size: 18px;
        }

        .bluesection:before {
            height: 169px;
            width: 192px;
            left: -92px;
            bottom: -72px;
        }

        .bluesection:after {
            height: 179px;
            width: 168px;
        }

        .pinksection {
            padding: 120px 10px 70px 10px;
        }

        a.yellow-btn {
            padding: 10px 10px 10px 40px;
            font-size: 14px;
            left: 166px;
            top: -36px;
        }

        a.yellow-btn:before {
            width: 15px;
            height: 15px;
            left: 16px;
            bottom: 15px;
        }

        .client-logos p {
            margin-top: 15px;
            font-size: 13px;
        }

        .swiper-logos .swiper-slide {
            display: flex;
            justify-content: center;
        }

        .swiper-logos img.slider-img {
            max-width: 200px;
        }


    }


    /* services page */

    @media (max-width: 576px) {
        .img-txt-container .row {
            flex-direction: column-reverse;
        }

    }

    /*campaign*/


    .clouds {

        background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../images/clouds-bg.webp);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .cloud-bottom {
        padding-bottom: 150px;
    }

    .contact_section {
        background-image: url(../images/campaign-contact-final.webp);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        /*background-size:100%;*/
        padding: 50px 0;
        margin: 50px 0;
    }

    .contact_section .contact-form p {
        font-family: museo-sans, sans-serif;
        font-size: 20px;
        font-weight: 700;
    }

    .contact_section .contact-form span {
        color: #000;
    }

    .contact_section .contact-form p span {
        color: #E13690;
    }


    .contact_section input.wpcf7-form-control.wpcf7-submit.has-spinner {
        float: right;
    }


    .square {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 30px;
        color: #000;
        font-family: museo-sans, sans-serif;
        font-size: 18px;
        font-weight: 700;
    }

    .square span {
        z-index: 5;
        padding: 10px 20px;
    }

    .square img {
        z-index: 5;
    }


    section.squares_section {
        position: absolute;
        bottom: 134px;
        left: 0;
        right: 0;

    }


    .square.grey:before {
        background: url(../images/grey-border.png);
        width: 344px;
        height: 369px;
        position: absolute;
        /*right: 0;*/
        left: -24px;
        /*left: 0;*/
        top: -53px;
        display: block;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
    }


    .square.pink:before {
        background: url(../images/pink.png);
        width: 347px;
        height: 380px;
        position: absolute;
        /*right: 0;*/
        left: -36px;
        /*left: 0;*/
        top: -53px;
        display: block;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
    }


    .square.green:before {
        background: url(../images/green.png);
        width: 347px;
        height: 380px;
        position: absolute;
        /*right: 0;*/
        left: -36px;
        /*left: 0;*/
        top: -53px;
        display: block;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
    }


    .square.orange:before {
        background: url(../images/orange.png);
        width: 340px;
        height: 374px;
        position: absolute;
        /*right: 0;*/
        left: -23px;
        /*left: 0;*/
        top: -53px;
        display: block;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
    }


    .square.blue:before {
        background: url(../images/blue.png);
        width: 261px;
        height: 365px;
        position: absolute;
        /*right: 0;*/
        left: -25px;
        /*left: 0;*/
        top: -53px;
        display: block;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
    }


    .page-template-campaign .hero-image {
        margin-bottom: 0;
    }


    section.welcome_section .container {
        padding: 20px 60px 0px 60px;
    }



    .service-list .nav-link:hover {
        border: 0px;
        padding-left: 0;
        margin-top: -10px;
        margin-bottom: 10px;
        transition: 300ms;
    }


    a.service-btn {
        padding: 15px 25px;
        color: white;
        background: #E13690 !important;
        border-radius: 50px;
        border: 2px solid #E13690;
        border-width: 3px;
        font-size: 20px;
        margin: 0;
        transition: 0.3s;
        display: inline-block;
    }

    a.service-btn:hover {
        color: #E13690;
        background: #fff !important;
        border: 2px solid #E13690;
        transition: 0.3s;
    }


    #serviceTab.nav-pills .nav-link.active,
    #serviceTab.nav-pills .show>.nav-link {
        color: #fff;
        background-color: #ffffff;
    }



    .active#pills-bespoke-tab {
        border-bottom: 6px solid #E13690;
        border-radius: 0;
    }

    .active#pills-responsivr-tab {
        border-bottom: 6px solid #6ebd43;
        border-radius: 0;
    }


    .active#pills-ecommerce-tab {
        border-bottom: 6px solid #e89721ff;
        border-radius: 0;
    }


    .active#pills-seo-tab {
        border-bottom: 6px solid #51add3ff;
        border-radius: 0;
    }


    .active#pills-domain-tab {
        border-bottom: 6px solid #FFF700;
        border-radius: 0;
    }



    section.services {
        position: relative;
    }

    .logo-next:after,
    .logo-prev:after {
        display: none;
    }

    .logo-prev {
        background-image: url('../images/next2.png') !important;
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        top: 167px;
        left: 64px;
    }

    .logo-next {
        background-image: url('../images/prev2.png') !important;
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        top: 167px;
        right: 64px;

    }

    ul#serviceTab {
        flex-wrap: nowrap;
    }

    .services .container {
        position: relative;
        /*width: 70%; */
        margin: 0 auto;
    }

    .services .container .logo-prev {
        left: -40px;
    }

    .servicesr .container .logo-next {
        right: -40px;
    }

    .services .container .swiper-pagination {
        bottom: -30px !important;
    }

    .swiper-logos .swiper-wrapper {
        align-items: center;
    }







    /*square responsive*/
    @media all and (min-width: 1700px) {

        .square.grey:before {
            left: 7px
        }

        .square.pink:before {
            left: -19px
        }

        .square.green:before {
            left: -9px
        }

        .square.orange:before {
            left: -5px
        }

        .square.blue:before {
            left: -4px
        }

    }

    @media all and (min-width: 1830px) {

        .square.grey:before {
            left: 7px
        }

        .square.pink:before {
            left: -19px
        }

        .square.green:before {
            left: -9px
        }

        .square.orange:before {
            left: -5px
        }

        .square.blue:before {
            left: -4px
        }


        .square {
            margin: 0 40px;
        }

    }

    @media all and (min-width: 1970px) {

        .square {
            color: #fff;
            margin: 0 56px;
        }

        .square.grey:before {
            left: 7px
        }

        .square.pink:before {
            left: -19px
        }

        .square.green:before {
            left: -9px
        }

        .square.orange:before {
            left: -5px
        }

        .square.blue:before {
            left: -4px
        }


        .square {
            margin: 0 40px;
        }

    }

    @media all and (min-width: 2000px) {

        .square {
            color: #fff;
            margin: 0 60px;
        }

        .square.grey:before {
            left: 7px
        }

        .square.pink:before {
            left: -19px
        }

        .square.green:before {
            left: -9px
        }

        .square.orange:before {
            left: -5px
        }

        .square.blue:before {
            left: -4px
        }


    }








    @media all and (max-width: 1551px) {

        .square {
            margin: 0 20px;
        }

    }

    @media all and (max-width: 1450px) {

        .square {
            margin: 0 9px;
        }

    }


    @media all and (min-width: 1400px) {
        .squares_section .container {
            max-width: 1500px;
        }
    }


    @media all and (min-width: 1200px) {
        .squares_section .container {
            max-width: 90%;
        }
    }


    @media (min-width: 992px) {
        .squares_section .container {
            max-width: 95%;
        }

        .square-mobile {
            display: none;
        }

    }

    @media all and (max-width: 1400px) {
        .square span {
            z-index: 5;
            padding: 10px 10px;
            font-size: 16px;
            margin-top: 30px;
        }


        .square img {
            max-width: 115px;
        }

        .square.grey:before {
            width: 306px;
            height: 332px;
            left: -24px;
            top: -30px;
        }


        .square.pink:before {
            width: 323px;
            height: 348px;
            left: -36px;
            top: -36px;
        }

        .square.green:before {
            width: 331px;
            height: 348px;
            left: -36px;
            top: -38px;
        }

        .square.orange:before {
            width: 330px;
            height: 353px;
            left: -23px;
            top: -42px;
        }


        .square.blue:before {
            width: 262px;
            height: 357px;
            left: -25px;
            top: -44px;
        }


    }


    @media all and (max-width: 1350px) {

        .square {
            margin: 0 !important;
        }

        .square span {
            padding: 10px 25px;
        }

        .square.grey:before {
            width: 284px;
            height: 310px;
            left: 3px;
            top: -28px;
        }

        .square.pink:before {
            width: 301px;
            height: 315px;
            left: -12px;
            top: -32px;
        }


        .square.green:before {
            width: 306px;
            height: 315px;
            left: -16px;
            top: -32px;
        }

        .square.orange:before {
            width: 306px;
            height: 315px;
            left: -16px;
            top: -34px;
        }


        .square.blue:before {
            width: 262px;
            height: 315px;
            left: -25px;
            top: -34px;
        }



    }



    @media all and (max-width: 1250px) {


        .page-template-campaign .hero-image {
            margin-bottom: 20em;
        }


        section.squares_section {
            bottom: -46px;
        }
    }

    @media all and (max-width: 1195px) {




        section.squares_section {
            bottom: -46px;
        }

        .square {
            margin: 0 !important;
        }

        .square span {
            padding: 10px 15px;
        }

        .square.grey:before {
            width: 284px;
            height: 307px;
            left: -17px;
            top: -12px;
        }

        .square.pink:before {
            width: 292px;
            height: 309px;
            left: -21px;
            top: -14px;
        }


        .square.green:before {
            width: 294px;
            height: 311px;
            left: -21px;
            top: -14px;
        }

        .square.orange:before {
            width: 292px;
            height: 309px;
            left: -8px;
            top: -14px;
        }


        .square.blue:before {
            width: 262px;
            height: 315px;
            left: -12px;
            top: -17px;
        }



    }



    @media all and (max-width: 1100px) {

        section.squares_section {
            bottom: -177px;
        }


        .page-template-campaign .col-md-2-4 {
            display: flex;
        }


        .square.grey:before {
            display: none;
        }

        .square.pink:before {
            display: none;
        }


        .square.green:before {
            display: none;
        }

        .square.orange:before {
            display: none;
        }


        .square.blue:before {
            display: none;
        }


        .square.grey {
            border: 3px solid #707070ff;
            border-radius: 25px;
            padding: 15px 0;
        }


        .square.pink {
            border: 3px solid #e13690ff;
            border-radius: 25px;
            padding: 15px 0;
        }

        .square.green {
            border: 3px solid #6ebd43ff;
            border-radius: 25px;
            padding: 15px 0;
        }

        .square.orange {
            border: 3px solid #e89721ff;
            border-radius: 25px;
            padding: 15px 0;
        }

        .square.blue {
            border: 3px solid #51add3ff;
            border-radius: 25px;
            padding: 15px 0;
        }



    }


    @media all and (max-width: 992px) {

        .page-template-campaign .hero-image {
            margin-bottom: 0;
            height: 668px;
        }

        .square-pc {
            display: none;
        }

        section.squares_section {
            bottom: auto;
            position: relative;
        }

        .page-template-campaign .col-md-2-4 {
            display: block;
        }


        .page-template-campaign .col-md-2-4 {
            flex: 0 0 auto;
            width: 50%;
            margin: 10px 0;
        }



    }



    @media all and (max-width: 754px) {

        .page-template-campaign .hero-image {
            margin-bottom: 0;
            height: 530px;
        }

        .page-template-campaign .col-md-2-4 {
            flex: 0 0 auto;
            width: 100%;
            margin: 10px 0;
        }

        .page-template-campaign .hero-content p {
            font-size: 16px;
        }

        .square span {
            font-size: 18px;
            text-align: center;
        }


        .newlocation .col-lg-6:nth-of-type(2) .img img {
            max-width: 100%;
        }

        img.googlepic {
            margin-top: 50px;
            max-width: 100%;
        }


    }


    /* new seo page */
.page-template-seo a.nav-link {
    color: #000;
}
section.seo-page {
    margin-top: 200px;
}
.seo-intro {
    background-image: url(../images/locations-intro1.webp);
    /* background-size: contain;*/
    background-size: 100%; 
    background-repeat: no-repeat;
    z-index: 2;
}

.seo-intro h1 {
    margin-bottom: 1em;
    font-size: 36px;
    margin-right: 10px;
}
.seo-intro .img{
    position: relative;
    z-index:2;
}
.seo-intro .img img{
    position: relative;
    z-index:4;
    margin-left: 40px;
}
.seo-intro .img:before {
        background: url(../images/blueblob.webp);
        content: '';
        display: block;
        position: absolute;
        height: 583px;
        width: 734px;
        background-size: contain;
        left: -89px;
        top: -107px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
}

   .blue-seo {
        background-color: #dff3f6;
        padding: 50px 0;
        position:relative;
    }
    section.blue-seo.flex-list {
    padding: 0px 0 50px 0;
}

.page-template-seo .box {
        background: #fff;
        border-radius: 50px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 10px 30px 30px;
        min-height: 360px;
        margin-bottom: 20px;
        height: 95%;
    }
.blue-seo:before {
        background: url(../images/greenblobs.webp);
        content: '';
        display: block;
        position: absolute;
        height: 285px;
        width: 285px;
        background-size: contain;
        left: -115px;
        bottom: -107px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }

.blue-seo:after {
        background: url(../images/pinkblobs.webp);
        content: '';
        display: block;
        position: absolute;
        height: 248px;
        width: 253px;
        background-size: contain;
        right: -89px;
        top: -107px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }
.case-study{
    padding:60px 0;
}

.stat{
    border: 1px solid #c7c7c7;
    padding: 30px;
    border-radius: 10px;
}

.stat-num{
    font-family: museo-sans, sans-serif;
    color:#73CEF1;
}


.stat-img{
    padding-left:50px;
}
.seo-section{
    padding:50px 0;
}
.seo-section .box{
    border: 1px solid grey;
}
.testimonials{
    background-color: #dff3f6;
    padding:50px 0 20px 0;
}
.faq{
    padding:50px 0;
}

.flex-list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style:none;
    justify-content: center;
}

.flex-list li{
    position: relative;
    width: calc(24% - 20px);
}

.faa-icon {
    color: #73CEF1;
    font-size: 40px;
    margin: 10px 0;
}

.testimonials .col-12{
    margin-bottom: 30px;
}

.testimonial{
    position: relative;
}

.testimonial:after {
    content: "\f10e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: .5em;
    font-size: 5.2em;
    color: #d1d1d170;
    position: absolute;
    right: 37px;
    top: -8px;
}
.auth{
    font-weight: bold;
}

.flex-list li:before {
  font-family: "Font Awesome 6 Free"; /* or "Font Awesome 5 Free" depending on version */
  font-weight: 900; /* Required for solid icons */
  content: "\f00c"; /* Unicode for fa-check */
  margin-right: 0.5em;
  color:#6EBD43
}


.page-template-seo a.cta {
    color: #000;
    font-family: 'museo-sans';
    font-weight: 900;
    transition: 300ms;
    background: #73CEF1;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 20px;
    display: inline-block;
}
.page-template-seo a.cta:hover {
    transition: 300ms;
    background: transparent;
    color: #73CEF1;
}

@media (min-width: 1200px) {
    .nested .box strong {
        font-size: 1.75rem;
        font-family: museo-sans, sans-serif;
    font-weight: 900;
    font-style: normal;
    color:#454545;
    }
}
section#nestedLoop1 {
    padding-top: 0;
    margin-top: -50px;
}
 @media (max-width: 991px) {
    .seo-intro {
        margin-bottom: 50px;
    }

    .seo-intro .img:before {
        display:none;
    }

    .blue-seo:after{
        height: 188px;
        width: 194px;
        right: -105px;
    }

    .case-study a{
        display: flex;
        justify-content: center;
        width: 232px;
        margin: auto;
        margin-bottom: 20px;
    }

    .page-template-seo .box {
        min-height: auto;
    }
    
}

 @media (max-width: 756px) {

    .flex-list li {
        position: relative;
        width: calc(50% - 20px);
    }
}

 @media (max-width: 450px) {

    section.seo-page {
        margin-top: 126px;
    }
    .seo-intro {
        margin-bottom: 20px;
    }
    .flex-list ul {
        padding: 0;
    }
    .blue-seo:after,
    .blue-seo:before{
        display :none;
    }
    .seo-intro .img img {
        margin-left: 0;
    }
    .stat-img {
        padding-left: 0;
    }
    .seo-intro {
        padding: 0 20px;
    }
    .faq {
        padding: 30px 0px 30px 0px;
    }
    .blue-seo{
        padding: 30px 20px 30px 20px;
    }
    section.blue-seo.flex-list {
        padding: 0px 20px 30px 20px;
    }
    .testimonials,
    .seo-section,
    .case-study {
        padding: 30px 20px 30px 20px;
    }

    .flex-list ul {
        gap: 15px 20px;
    }
}



/* christmas */

/* customizable snowflake styling */
/* .snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}
 
.snowflake,.snowflake .inner{animation-iteration-count:infinite;animation-play-state:running}@keyframes snowflakes-fall{0%{transform:translateY(0)}100%{transform:translateY(110vh)}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;pointer-events:none;animation-name:snowflakes-shake;animation-duration:3s;animation-timing-function:ease-in-out}.snowflake .inner{animation-duration:10s;animation-name:snowflakes-fall;animation-timing-function:linear}.snowflake:nth-of-type(0){left:1%;animation-delay:0s}.snowflake:nth-of-type(0) .inner{animation-delay:0s}.snowflake:first-of-type{left:10%;animation-delay:1s}.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner{animation-delay:1s}.snowflake:nth-of-type(2){left:20%;animation-delay:.5s}.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner{animation-delay:6s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s}.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner{animation-delay:4s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s}.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner{animation-delay:2s}.snowflake:nth-of-type(5){left:50%;animation-delay:3s}.snowflake:nth-of-type(5) .inner{animation-delay:8s}.snowflake:nth-of-type(6){left:60%;animation-delay:2s}.snowflake:nth-of-type(7){left:70%;animation-delay:1s}.snowflake:nth-of-type(7) .inner{animation-delay:2.5s}.snowflake:nth-of-type(8){left:80%;animation-delay:0s}.snowflake:nth-of-type(9){left:90%;animation-delay:1.5s}.snowflake:nth-of-type(9) .inner{animation-delay:3s}.snowflake:nth-of-type(10){left:25%;animation-delay:0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2.5s} */



/* Base look */
.snowflake {
  position: fixed;
  top: -10%;
  color: rgba(255,255,255,0.98);
  font-family: Arial, sans-serif;
  text-shadow: 0 0 12px rgba(255,255,255,0.8);
  pointer-events: none;
  z-index: 9999;
  animation: shake 3.5s ease-in-out infinite;
}

.snowflake .inner {
  animation: fall linear infinite;
}

/* Falling */
@keyframes fall {
  0%   { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(110vh) rotate(360deg); }
}

/* horizontal drifting */
@keyframes shake {
  0%,100% { transform: translateX(0); }
  50%     { transform: translateX(90px); }
}

/* --- 50 RANDOM FLAKES --- */

.snowflake:nth-of-type(1)  { left: 2%;  animation-delay: 0.5s; }
.snowflake:nth-of-type(1) .inner { font-size: 14px; animation-duration: 9s; animation-delay: 0s; }

.snowflake:nth-of-type(2)  { left: 6%;  animation-delay: 1.8s; }
.snowflake:nth-of-type(2) .inner { font-size: 28px; animation-duration: 14s; animation-delay: 3s; }

.snowflake:nth-of-type(3)  { left: 10%; animation-delay: 2.4s; }
.snowflake:nth-of-type(3) .inner { font-size: 18px; animation-duration: 10s; animation-delay: 1s; }

.snowflake:nth-of-type(4)  { left: 14%; animation-delay: 0.3s; }
.snowflake:nth-of-type(4) .inner { font-size: 36px; animation-duration: 15s; animation-delay: 4s; }

.snowflake:nth-of-type(5)  { left: 18%; animation-delay: 3s; }
.snowflake:nth-of-type(5) .inner { font-size: 20px; animation-duration: 11s; animation-delay: 2s; }

.snowflake:nth-of-type(6)  { left: 22%; animation-delay: 1.1s; }
.snowflake:nth-of-type(6) .inner { font-size: 42px; animation-duration: 17s; animation-delay: 5s; }

.snowflake:nth-of-type(7)  { left: 26%; animation-delay: 2.9s; }
.snowflake:nth-of-type(7) .inner { font-size: 16px; animation-duration: 8s; animation-delay: 1s; }

.snowflake:nth-of-type(8)  { left: 30%; animation-delay: 0.7s; }
.snowflake:nth-of-type(8) .inner { font-size: 32px; animation-duration: 14s; animation-delay: 6s; }

.snowflake:nth-of-type(9)  { left: 34%; animation-delay: 1.3s; }
.snowflake:nth-of-type(9) .inner { font-size: 26px; animation-duration: 12s; animation-delay: 4s; }

.snowflake:nth-of-type(10)  { left: 38%; animation-delay: 2.1s; }
.snowflake:nth-of-type(10) .inner { font-size: 12px; animation-duration: 7s; animation-delay: 0s; }

.snowflake:nth-of-type(11)  { left: 42%; animation-delay: 1.7s; }
.snowflake:nth-of-type(11) .inner { font-size: 34px; animation-duration: 16s; animation-delay: 5s; }

.snowflake:nth-of-type(12)  { left: 46%; animation-delay: 0.4s; }
.snowflake:nth-of-type(12) .inner { font-size: 22px; animation-duration: 10s; animation-delay: 2s; }

.snowflake:nth-of-type(13)  { left: 50%; animation-delay: 2.5s; }
.snowflake:nth-of-type(13) .inner { font-size: 40px; animation-duration: 18s; animation-delay: 6s; }

.snowflake:nth-of-type(14)  { left: 54%; animation-delay: 1s; }
.snowflake:nth-of-type(14) .inner { font-size: 15px; animation-duration: 9s; animation-delay: 3s; }

.snowflake:nth-of-type(15)  { left: 58%; animation-delay: 2.9s; }
.snowflake:nth-of-type(15) .inner { font-size: 44px; animation-duration: 19s; animation-delay: 7s; }

.snowflake:nth-of-type(16)  { left: 62%; animation-delay: 0.2s; }
.snowflake:nth-of-type(16) .inner { font-size: 20px; animation-duration: 11s; animation-delay: 1s; }

.snowflake:nth-of-type(17)  { left: 66%; animation-delay: 1.6s; }
.snowflake:nth-of-type(17) .inner { font-size: 38px; animation-duration: 16s; animation-delay: 5s; }

.snowflake:nth-of-type(18)  { left: 70%; animation-delay: 2.3s; }
.snowflake:nth-of-type(18) .inner { font-size: 18px; animation-duration: 10s; animation-delay: 1s; }

.snowflake:nth-of-type(19)  { left: 74%; animation-delay: 0.9s; }
.snowflake:nth-of-type(19) .inner { font-size: 30px; animation-duration: 14s; animation-delay: 4s; }

.snowflake:nth-of-type(20)  { left: 78%; animation-delay: 3s; }
.snowflake:nth-of-type(20) .inner { font-size: 12px; animation-duration: 7s; animation-delay: 0s; }

.snowflake:nth-of-type(21)  { left: 82%; animation-delay: 1.2s; }
.snowflake:nth-of-type(21) .inner { font-size: 46px; animation-duration: 20s; animation-delay: 6s; }

.snowflake:nth-of-type(22)  { left: 86%; animation-delay: 2s; }
.snowflake:nth-of-type(22) .inner { font-size: 22px; animation-duration: 11s; animation-delay: 1s; }

.snowflake:nth-of-type(23)  { left: 90%; animation-delay: 0.5s; }
.snowflake:nth-of-type(23) .inner { font-size: 36px; animation-duration: 16s; animation-delay: 3s; }

.snowflake:nth-of-type(24)  { left: 94%; animation-delay: 1.8s; }
.snowflake:nth-of-type(24) .inner { font-size: 20px; animation-duration: 10s; animation-delay: 2s; }

.snowflake:nth-of-type(25)  { left: 3%; animation-delay: 2.4s; }
.snowflake:nth-of-type(25) .inner { font-size: 28px; animation-duration: 13s; animation-delay: 4s; }

.snowflake:nth-of-type(26)  { left: 7%; animation-delay: 0.4s; }
.snowflake:nth-of-type(26) .inner { font-size: 15px; animation-duration: 8s; animation-delay: 0s; }

.snowflake:nth-of-type(27)  { left: 12%; animation-delay: 2.7s; }
.snowflake:nth-of-type(27) .inner { font-size: 32px; animation-duration: 14s; animation-delay: 5s; }

.snowflake:nth-of-type(28)  { left: 18%; animation-delay: 1s; }
.snowflake:nth-of-type(28) .inner { font-size: 24px; animation-duration: 11s; animation-delay: 3s; }

.snowflake:nth-of-type(29)  { left: 23%; animation-delay: 1.9s; }
.snowflake:nth-of-type(29) .inner { font-size: 40px; animation-duration: 17s; animation-delay: 6s; }

.snowflake:nth-of-type(30)  { left: 28%; animation-delay: 0.6s; }
.snowflake:nth-of-type(30) .inner { font-size: 16px; animation-duration: 9s; animation-delay: 1s; }

.snowflake:nth-of-type(31)  { left: 33%; animation-delay: 2.2s; }
.snowflake:nth-of-type(31) .inner { font-size: 34px; animation-duration: 16s; animation-delay: 4s; }

.snowflake:nth-of-type(32)  { left: 38%; animation-delay: 0s; }
.snowflake:nth-of-type(32) .inner { font-size: 22px; animation-duration: 10s; animation-delay: 2s; }

.snowflake:nth-of-type(33)  { left: 43%; animation-delay: 2.8s; }
.snowflake:nth-of-type(33) .inner { font-size: 42px; animation-duration: 18s; animation-delay: 6s; }

.snowflake:nth-of-type(34)  { left: 49%; animation-delay: 1.1s; }
.snowflake:nth-of-type(34) .inner { font-size: 18px; animation-duration: 9s; animation-delay: 0s; }

.snowflake:nth-of-type(35)  { left: 53%; animation-delay: 1.8s; }
.snowflake:nth-of-type(35) .inner { font-size: 46px; animation-duration: 20s; animation-delay: 7s; }

.snowflake:nth-of-type(36)  { left: 59%; animation-delay: .3s; }
.snowflake:nth-of-type(36) .inner { font-size: 14px; animation-duration: 8s; animation-delay: 0s; }

.snowflake:nth-of-type(37)  { left: 63%; animation-delay: 2.6s; }
.snowflake:nth-of-type(37) .inner { font-size: 38px; animation-duration: 15s; animation-delay: 5s; }

.snowflake:nth-of-type(38)  { left: 68%; animation-delay: 1.4s; }
.snowflake:nth-of-type(38) .inner { font-size: 22px; animation-duration: 11s; animation-delay: 2s; }

.snowflake:nth-of-type(39)  { left: 73%; animation-delay: 0.8s; }
.snowflake:nth-of-type(39) .inner { font-size: 32px; animation-duration: 14s; animation-delay: 4s; }

.snowflake:nth-of-type(40)  { left: 77%; animation-delay: 2.3s; }
.snowflake:nth-of-type(40) .inner { font-size: 12px; animation-duration: 7s; animation-delay: 0s; }

.snowflake:nth-of-type(41)  { left: 82%; animation-delay: 1s; }
.snowflake:nth-of-type(41) .inner { font-size: 44px; animation-duration: 18s; animation-delay: 6s; }

.snowflake:nth-of-type(42)  { left: 87%; animation-delay: .2s; }
.snowflake:nth-of-type(42) .inner { font-size: 16px; animation-duration: 9s; animation-delay: 1s; }

.snowflake:nth-of-type(43)  { left: 92%; animation-delay: 2.5s; }
.snowflake:nth-of-type(43) .inner { font-size: 36px; animation-duration: 16s; animation-delay: 4s; }

.snowflake:nth-of-type(44)  { left: 96%; animation-delay: 1.2s; }
.snowflake:nth-of-type(44) .inner { font-size: 20px; animation-duration: 10s; animation-delay: 2s; }

.snowflake:nth-of-type(45)  { left: 4%; animation-delay: 2.9s; }
.snowflake:nth-of-type(45) .inner { font-size: 30px; animation-duration: 13s; animation-delay: 3s; }

.snowflake:nth-of-type(46)  { left: 14%; animation-delay: .5s; }
.snowflake:nth-of-type(46) .inner { font-size: 26px; animation-duration: 12s; animation-delay: 4s; }

.snowflake:nth-of-type(47)  { left: 24%; animation-delay: 1.7s; }
.snowflake:nth-of-type(47) .inner { font-size: 34px; animation-duration: 16s; animation-delay: 5s; }

.snowflake:nth-of-type(48)  { left: 44%; animation-delay: 0.3s; }
.snowflake:nth-of-type(48) .inner { font-size: 22px; animation-duration: 10s; animation-delay: 1s; }

.snowflake:nth-of-type(49)  { left: 64%; animation-delay: 2.1s; }
.snowflake:nth-of-type(49) .inner { font-size: 38px; animation-duration: 15s; animation-delay: 4s; }

.snowflake:nth-of-type(50)  { left: 84%; animation-delay: 1.4s; }
.snowflake:nth-of-type(50) .inner { font-size: 16px; animation-duration: 9s; animation-delay: 0s; }





/* BACKGROUND SNOW (smaller, slower, soft) */
.snowflakes-back .snowflake {
  position: fixed;
  top: -10%;
  color: rgba(255,255,255,0.5); /* softer */
  font-family: Arial, sans-serif;
  text-shadow: 0 0 6px rgba(255,255,255,0.4);
  pointer-events: none;
  z-index: 500; /* behind main flakes */
  animation: shakeBack 5s ease-in-out infinite;
}

.snowflakes-back .snowflake .inner {
  animation: fallBack linear infinite;
}

/* slower falling */
@keyframes fallBack {
  0%   { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(130vh) rotate(360deg); }
}

/* slower, softer shake */
@keyframes shakeBack {
  0%,100% { transform: translateX(0); }
  50%     { transform: translateX(40px); }
}

.snowflakes-back .snowflake:nth-of-type(1)  { left: 3%;  animation-delay: .5s; }
.snowflakes-back .snowflake:nth-of-type(1) .inner { font-size: 12px; animation-duration: 18s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(2)  { left: 8%;  animation-delay: 2s; }
.snowflakes-back .snowflake:nth-of-type(2) .inner { font-size: 18px; animation-duration: 20s; animation-delay: 4s; }

.snowflakes-back .snowflake:nth-of-type(3)  { left: 14%; animation-delay: 1s; }
.snowflakes-back .snowflake:nth-of-type(3) .inner { font-size: 10px; animation-duration: 16s; animation-delay: 2s; }

.snowflakes-back .snowflake:nth-of-type(4)  { left: 20%; animation-delay: 3s; }
.snowflakes-back .snowflake:nth-of-type(4) .inner { font-size: 22px; animation-duration: 24s; animation-delay: 5s; }

.snowflakes-back .snowflake:nth-of-type(5)  { left: 28%; animation-delay: 1.5s; }
.snowflakes-back .snowflake:nth-of-type(5) .inner { font-size: 14px; animation-duration: 15s; animation-delay: 0s; }

.snowflakes-back .snowflake:nth-of-type(6)  { left: 34%; animation-delay: .7s; }
.snowflakes-back .snowflake:nth-of-type(6) .inner { font-size: 20px; animation-duration: 22s; animation-delay: 6s; }

.snowflakes-back .snowflake:nth-of-type(7)  { left: 40%; animation-delay: 2.2s; }
.snowflakes-back .snowflake:nth-of-type(7) .inner { font-size: 9px; animation-duration: 14s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(8)  { left: 47%; animation-delay: 3.1s; }
.snowflakes-back .snowflake:nth-of-type(8) .inner { font-size: 18px; animation-duration: 21s; animation-delay: 4s; }

.snowflakes-back .snowflake:nth-of-type(9)  { left: 52%; animation-delay: .3s; }
.snowflakes-back .snowflake:nth-of-type(9) .inner { font-size: 14px; animation-duration: 19s; animation-delay: 3s; }

.snowflakes-back .snowflake:nth-of-type(10) { left: 58%; animation-delay: 1.7s; }
.snowflakes-back .snowflake:nth-of-type(10) .inner { font-size: 12px; animation-duration: 17s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(11) { left: 63%; animation-delay: 2.5s; }
.snowflakes-back .snowflake:nth-of-type(11) .inner { font-size: 20px; animation-duration: 23s; animation-delay: 5s; }

.snowflakes-back .snowflake:nth-of-type(12) { left: 68%; animation-delay: .9s; }
.snowflakes-back .snowflake:nth-of-type(12) .inner { font-size: 16px; animation-duration: 18s; animation-delay: 2s; }

.snowflakes-back .snowflake:nth-of-type(13) { left: 72%; animation-delay: 3.1s; }
.snowflakes-back .snowflake:nth-of-type(13) .inner { font-size: 10px; animation-duration: 14s; animation-delay: 0s; }

.snowflakes-back .snowflake:nth-of-type(14) { left: 76%; animation-delay: 0.4s; }
.snowflakes-back .snowflake:nth-of-type(14) .inner { font-size: 22px; animation-duration: 24s; animation-delay: 6s; }

.snowflakes-back .snowflake:nth-of-type(15) { left: 82%; animation-delay: 2.8s; }
.snowflakes-back .snowflake:nth-of-type(15) .inner { font-size: 8px; animation-duration: 15s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(16) { left: 86%; animation-delay: 1.5s; }
.snowflakes-back .snowflake:nth-of-type(16) .inner { font-size: 18px; animation-duration: 19s; animation-delay: 4s; }

.snowflakes-back .snowflake:nth-of-type(17) { left: 91%; animation-delay: .8s; }
.snowflakes-back .snowflake:nth-of-type(17) .inner { font-size: 12px; animation-duration: 17s; animation-delay: 2s; }

.snowflakes-back .snowflake:nth-of-type(18) { left: 4%; animation-delay: 2.6s; }
.snowflakes-back .snowflake:nth-of-type(18) .inner { font-size: 20px; animation-duration: 23s; animation-delay: 5s; }

.snowflakes-back .snowflake:nth-of-type(19) { left: 11%; animation-delay: .4s; }
.snowflakes-back .snowflake:nth-of-type(19) .inner { font-size: 16px; animation-duration: 18s; animation-delay: 0s; }

.snowflakes-back .snowflake:nth-of-type(20) { left: 16%; animation-delay: 1.9s; }
.snowflakes-back .snowflake:nth-of-type(20) .inner { font-size: 12px; animation-duration: 16s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(21) { left: 22%; animation-delay: 3s; }
.snowflakes-back .snowflake:nth-of-type(21) .inner { font-size: 18px; animation-duration: 22s; animation-delay: 4s; }

.snowflakes-back .snowflake:nth-of-type(22) { left: 29%; animation-delay: 0s; }
.snowflakes-back .snowflake:nth-of-type(22) .inner { font-size: 14px; animation-duration: 18s; animation-delay: 2s; }

.snowflakes-back .snowflake:nth-of-type(23) { left: 35%; animation-delay: 2.4s; }
.snowflakes-back .snowflake:nth-of-type(23) .inner { font-size: 10px; animation-duration: 15s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(24) { left: 40%; animation-delay: .6s; }
.snowflakes-back .snowflake:nth-of-type(24) .inner { font-size: 22px; animation-duration: 24s; animation-delay: 5s; }

.snowflakes-back .snowflake:nth-of-type(25) { left: 55%; animation-delay: 1.5s; }
.snowflakes-back .snowflake:nth-of-type(25) .inner { font-size: 18px; animation-duration: 20s; animation-delay: 3s; }

.snowflakes-back .snowflake:nth-of-type(26) { left: 60%; animation-delay: 3s; }
.snowflakes-back .snowflake:nth-of-type(26) .inner { font-size: 12px; animation-duration: 17s; animation-delay: 0s; }

.snowflakes-back .snowflake:nth-of-type(27) { left: 66%; animation-delay: 1.8s; }
.snowflakes-back .snowflake:nth-of-type(27) .inner { font-size: 14px; animation-duration: 19s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(28) { left: 74%; animation-delay: 2.1s; }
.snowflakes-back .snowflake:nth-of-type(28) .inner { font-size: 20px; animation-duration: 22s; animation-delay: 4s; }

.snowflakes-back .snowflake:nth-of-type(29) { left: 88%; animation-delay: .2s; }
.snowflakes-back .snowflake:nth-of-type(29) .inner { font-size: 16px; animation-duration: 18s; animation-delay: 1s; }

.snowflakes-back .snowflake:nth-of-type(30) { left: 96%; animation-delay: 2.7s; }
.snowflakes-back .snowflake:nth-of-type(30) .inner { font-size: 10px; animation-duration: 14s; animation-delay: 2s; }


/* ICY BLUE GLOW FOR ALL SNOWFLAKES (front + back layers) */
.snowflake,
.snowflakes-back .snowflake {
    text-shadow:
        0 0 6px rgba(180,220,255,1),
        0 0 12px rgba(160,200,255,0.9),
        0 0 20px rgba(140,180,255,0.7);
}