/* home-page.css */
        @import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);



        /*.............................. nav bar .......................*/
        #fa {
            margin-top: 2px;
            color: #fff;
            font-size: 30px;
            border-radius: 2px;
            display: none;
        }

        @media only screen and (max-width: 1200px) and (min-width: 1024px) {
            .container-fluid {
                margin-left: 7px;
            }

            .header-ecclesia {
                font-size: 30px;
            }
        }

        @media only screen and (max-width: 912px) and (min-width: 768px) {
            .nav-links {
                position: fixed;
                display: flex;
                flex-direction: column !important;
                transform: translateY(-100%);
                transition: transform 400ms ease-in-out;
                background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);
                margin-left: -232px;
                padding: 0px 20px;
                margin-top: 431px;
            }

            .page-scroll {
                font-size: 22px !important;
            }

            #fa {
                display: block;
                color: white;
                position: absolute;
                right: 30px;
                border: 2px solid #fff;
                border-radius: 5px;
                margin: 5px;
                cursor: pointer;
                float: right;
                padding: 10px;
            }

            .nav-btn {
                background-color: transparent;
                font-size: 22px;
                padding: 8px 0px;
                margin-left: 26px;
                font-family: 'Poppins', sans-serif;
                font-weight: 600;
                color: white;
                margin-left: 13px;
            }

            .display {
                transform: translateY(14%);
                display: flex;
                flex-direction: column !important;
                transform-origin: center;
                transition: transform 400ms ease-in-out;
            }
        }

        /*...........buttons  */
        @media screen and (max-width: 280px) {
            .get-started {
                margin-top: 65px;
                margin-left: -225px;
            }

            .navbar-toggler {
                position: relative;
                top: -68px;
                left: 208px;
            }

            .nav-btn {
                background-color: transparent;
                padding: 8px 0px;
                margin-left: 29px;
                font-family: 'Poppins', sans-serif;
                font-weight: 600;
                color: white;
                margin-left: 29px;
            }

        }

        .carousel-indicators li {
            position: relative;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #C8C8C8;
            ;
        }

        .carousel-indicators {
            bottom: -50px;
        }

        .carousel-indicators .active {
            background-color: #3c9dd6;
            width: 12px;
            height: 12px;
            border-radius: 100%;
        }

        .testim .wrap {
            position: relative;
            width: 100%;
            max-width: 1020px;
            padding: 40px 20px;
            margin: auto;
        }

        .testim .arrow {
            display: block;
            position: absolute;
            color: #3c9dd6;
            cursor: pointer;
            font-size: 2em;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            padding: 5px;
            z-index: 22222222;
        }

        .testim .arrow:before {
            cursor: pointer;
        }

        .testim .arrow:hover {
            color: #0b67d8;
        }


        .testim .arrow.left {
            left: 10px;
        }

        .testim .arrow.right {
            right: 10px;
        }

        .testim .dots {
            text-align: center;
            position: absolute;
            width: 100%;
            bottom: 60px;
            left: 0;
            display: block;
            z-index: 3333;
            height: 12px;
        }

        .testim .dots .dot {
            list-style-type: none;
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            color: #3c9dd6;
            border: 1px solid #3c9dd6;
            margin: 0 10px;
            cursor: pointer;
            -webkit-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            position: relative;
        }

        .testim .dots .dot.active,
        .testim .dots .dot:hover {
            background: #0b67d8;
            border-color: #0b67d8;
        }

        .testim .dots .dot.active {
            -webkit-animation: testim-scale .5s ease-in-out forwards;
            -moz-animation: testim-scale .5s ease-in-out forwards;
            -ms-animation: testim-scale .5s ease-in-out forwards;
            -o-animation: testim-scale .5s ease-in-out forwards;
            animation: testim-scale .5s ease-in-out forwards;
        }

        .testim .cont {
            position: relative;
            overflow: hidden;
        }

        .testim .cont>div {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0 0 70px 0;
            opacity: 0;
        }

        .testim .cont>div.inactive {
            opacity: 1;
        }


        .testim .cont>div.active {
            position: relative;
            opacity: 1;
        }

        .testim .cont div .img img {
            display: block;
            width: 140px;
            height: 140px;
            margin: auto;
            border-radius: 50%;
            margin-bottom: 15px;
        }

        .testim .cont div h2 {
            color: #0b67d8;
            font-size: 1em;
            margin: 15px 0;
        }

        .testim .cont div p {
            font-size: 1.15em;
            color: #3c9dd6;
            width: 80%;
            margin: auto;
        }

        .testim .cont div.active .img img {
            -webkit-animation: testim-show .5s ease-in-out forwards;
            -moz-animation: testim-show .5s ease-in-out forwards;
            -ms-animation: testim-show .5s ease-in-out forwards;
            -o-animation: testim-show .5s ease-in-out forwards;
            animation: testim-show .5s ease-in-out forwards;
        }

        .testim .cont div.active h2 {
            -webkit-animation: testim-content-in .4s ease-in-out forwards;
            -moz-animation: testim-content-in .4s ease-in-out forwards;
            -ms-animation: testim-content-in .4s ease-in-out forwards;
            -o-animation: testim-content-in .4s ease-in-out forwards;
            animation: testim-content-in .4s ease-in-out forwards;
        }

        .testim .cont div.active p {
            -webkit-animation: testim-content-in .5s ease-in-out forwards;
            -moz-animation: testim-content-in .5s ease-in-out forwards;
            -ms-animation: testim-content-in .5s ease-in-out forwards;
            -o-animation: testim-content-in .5s ease-in-out forwards;
            animation: testim-content-in .5s ease-in-out forwards;
        }

        .testim .cont div.active button {
            -webkit-animation: testim-content-in .5s ease-in-out forwards;
            -moz-animation: testim-content-in .5s ease-in-out forwards;
            -ms-animation: testim-content-in .5s ease-in-out forwards;
            -o-animation: testim-content-in .5s ease-in-out forwards;
            animation: testim-content-in .5s ease-in-out forwards;
        }

        .testim .cont div.inactive .img img {
            -webkit-animation: testim-hide .5s ease-in-out forwards;
            -moz-animation: testim-hide .5s ease-in-out forwards;
            -ms-animation: testim-hide .5s ease-in-out forwards;
            -o-animation: testim-hide .5s ease-in-out forwards;
            animation: testim-hide .5s ease-in-out forwards;
        }

        .testim .cont div.inactive h2 {
            -webkit-animation: testim-content-out .4s ease-in-out forwards;
            -moz-animation: testim-content-out .4s ease-in-out forwards;
            -ms-animation: testim-content-out .4s ease-in-out forwards;
            -o-animation: testim-content-out .4s ease-in-out forwards;
            animation: testim-content-out .4s ease-in-out forwards;
        }

        .testim .cont div.inactive p {
            -webkit-animation: testim-content-out .5s ease-in-out forwards;
            -moz-animation: testim-content-out .5s ease-in-out forwards;
            -ms-animation: testim-content-out .5s ease-in-out forwards;
            -o-animation: testim-content-out .5s ease-in-out forwards;
            animation: testim-content-out .5s ease-in-out forwards;
        }

        .testim .cont div.inactive button {
            -webkit-animation: testim-content-out .5s ease-in-out forwards;
            -moz-animation: testim-content-out .5s ease-in-out forwards;
            -ms-animation: testim-content-out .5s ease-in-out forwards;
            -o-animation: testim-content-out .5s ease-in-out forwards;
            animation: testim-content-out .5s ease-in-out forwards;
        }

        @-webkit-keyframes testim-scale {
            0% {
                -webkit-box-shadow: 0px 0px 0px 0px #3c9dd6;
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                -webkit-box-shadow: 0px 0px 10px 5px #3c9dd6;
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                -webkit-box-shadow: 0px 0px 10px 5px #0b67d8;
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                -webkit-box-shadow: 0px 0px 0px 0px #0b67d8;
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @-webkit-keyframes testim-scale {
            0% {
                -webkit-box-shadow: 0px 0px 0px 0px #3c9dd6;
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                -webkit-box-shadow: 0px 0px 10px 5px #3c9dd6;
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                -webkit-box-shadow: 0px 0px 10px 5px #0b67d8;
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                -webkit-box-shadow: 0px 0px 0px 0px #0b67d8;
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @-moz-keyframes testim-scale {
            0% {
                -moz-box-shadow: 0px 0px 0px 0px #3c9dd6;
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                -moz-box-shadow: 0px 0px 10px 5px #3c9dd6;
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                -moz-box-shadow: 0px 0px 10px 5px #0b67d8;
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                -moz-box-shadow: 0px 0px 0px 0px #0b67d8;
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @-ms-keyframes testim-scale {
            0% {
                -ms-box-shadow: 0px 0px 0px 0px #3c9dd6;
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                -ms-box-shadow: 0px 0px 10px 5px #3c9dd6;
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                -ms-box-shadow: 0px 0px 10px 5px #0b67d8;
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                -ms-box-shadow: 0px 0px 0px 0px #0b67d8;
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @-o-keyframes testim-scale {
            0% {
                -o-box-shadow: 0px 0px 0px 0px #3c9dd6;
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                -o-box-shadow: 0px 0px 10px 5px #3c9dd6;
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                -o-box-shadow: 0px 0px 10px 5px #0b67d8;
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                -o-box-shadow: 0px 0px 0px 0px #0b67d8;
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @keyframes testim-scale {
            0% {
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @keyframes testim-scale {
            0% {
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }

        @keyframes testim-scale {
            0% {
                box-shadow: 0px 0px 0px 0px #3c9dd6;
            }

            35% {
                box-shadow: 0px 0px 10px 5px #3c9dd6;
            }

            70% {
                box-shadow: 0px 0px 10px 5px #0b67d8;
            }

            100% {
                box-shadow: 0px 0px 0px 0px #0b67d8;
            }
        }


        @-webkit-keyframes testim-content-in {
            from {
                opacity: 0;
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @-webkit-keyframes testim-content-in {
            from {
                opacity: 0;
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @-moz-keyframes testim-content-in {
            from {
                opacity: 0;
                -moz-transform: translateY(100%);
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                -moz-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @-ms-keyframes testim-content-in {
            from {
                opacity: 0;
                -ms-transform: translateY(100%);
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @-o-keyframes testim-content-in {
            from {
                opacity: 0;
                -o-transform: translateY(100%);
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                -o-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes testim-content-in {
            from {
                opacity: 0;
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes testim-content-in {
            from {
                opacity: 0;
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes testim-content-in {
            from {
                opacity: 0;
                transform: translateY(100%);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @-webkit-keyframes testim-content-out {
            from {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            to {
                opacity: 0;
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        @-moz-keyframes testim-content-out {
            from {
                opacity: 1;
                -moz-transform: translateY(0);
                transform: translateY(0);
            }

            to {
                opacity: 0;
                -moz-transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        @-moz-keyframes testim-content-out {
            from {
                opacity: 1;
                -moz-transform: translateY(0);
                transform: translateY(0);
            }

            to {
                opacity: 0;
                -moz-transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        @-ms-keyframes testim-content-out {
            from {
                opacity: 1;
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            to {
                opacity: 0;
                -ms-transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        @-o-keyframes testim-content-out {
            from {
                opacity: 1;
                -o-transform: translateY(0);
                transform: translateY(0);
            }

            to {
                opacity: 0;
                transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        @keyframes testim-content-out {
            from {
                opacity: 1;
                transform: translateY(0);
            }

            to {
                opacity: 0;
                transform: translateY(-100%);
            }
        }

        @keyframes testim-content-out {
            from {
                opacity: 1;
                transform: translateY(0);
            }

            to {
                opacity: 0;
                transform: translateY(-100%);
            }
        }

        @keyframes testim-content-out {
            from {
                opacity: 1;
                transform: translateY(0);
            }

            to {
                opacity: 0;
                transform: translateY(-100%);
            }
        }

        @-webkit-keyframes testim-show {
            from {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            to {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }

        @-moz-keyframes testim-show {
            from {
                opacity: 0;
                -moz-transform: scale(0);
                transform: scale(0);
            }

            to {
                opacity: 1;
                -moz-transform: scale(1);
                transform: scale(1);
            }
        }

        @-ms-keyframes testim-show {
            from {
                opacity: 0;
                -ms-transform: scale(0);
                transform: scale(0);
            }

            to {
                opacity: 1;
                -ms-transform: scale(1);
                transform: scale(1);
            }
        }

        @-o-keyframes testim-show {
            from {
                opacity: 0;
                -o-transform: scale(0);
                transform: scale(0);
            }

            to {
                opacity: 1;
                -o-transform: scale(1);
                transform: scale(1);
            }
        }

        @keyframes testim-show {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes testim-show {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes testim-show {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @-webkit-keyframes testim-hide {
            from {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            to {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }
        }

        @-moz-keyframes testim-hide {
            from {
                opacity: 1;
                -moz-transform: scale(1);
                transform: scale(1);
            }

            to {
                opacity: 0;
                -moz-transform: scale(0);
                transform: scale(0);
            }
        }

        @-ms-keyframes testim-hide {
            from {
                opacity: 1;
                -ms-transform: scale(1);
                transform: scale(1);
            }

            to {
                opacity: 0;
                -ms-transform: scale(0);
                transform: scale(0);
            }
        }

        @-o-keyframes testim-hide {
            from {
                opacity: 1;
                -o-transform: scale(1);
                transform: scale(1);
            }

            to {
                opacity: 0;
                -o-transform: scale(0);
                transform: scale(0);
            }
        }

        @keyframes testim-hide {
            from {
                opacity: 1;
                transform: scale(1);
            }

            to {
                opacity: 0;
                transform: scale(0);
            }
        }

        @keyframes testim-hide {
            from {
                opacity: 1;
                transform: scale(1);
            }

            to {
                opacity: 0;
                transform: scale(0);
            }
        }

        @keyframes testim-hide {
            from {
                opacity: 1;
                transform: scale(1);
            }

            to {
                opacity: 0;
                transform: scale(0);
            }
        }


        @media all and (max-width: 300px) {
            body {
                font-size: 14px;
            }
        }

        @media all and (max-width: 500px) {
            .testim .arrow {
                font-size: 1.5em;
            }

            .testim .cont div p {
                line-height: 25px;
            }

        }

        #more {
            display: none;
        }

        .cus_testimonials {
            color: #5e629c !important;
            text-align: left;
        }



        /* Goodson */


        .section-title h3 {
            font-size: 35px;
            margin-bottom: 70px;
            margin-top: 0;
            font-weight: 600;
            line-height: 30px;
            color: #151948;
            text-align: center !important;
        }


        @media (max-width: 991px) {
            .section-title h3 {
                font-size: 44px;
            }
        }

        @media (max-width: 767px) {
            .section-title h3 {
                font-size: 30px;
            }
        }

        @media (max-width: 479px) {
            .section-title h3 {
                font-size: 24px;
                margin-bottom: 40px;
            }
        }


        .carousel-inner .carousel-item iframe {
            width: 60%;
            height: 400px;
            margin-right: 20%;
            margin-left: 20%;
        }

        @media (max-width: 1120px) {
            .carousel-inner .carousel-item iframe {
                width: 60%;
                height: 400px;
                margin-right: 20%;
                margin-left: 20%;
            }

            .aalayam-screen {
                width: 470px;
                margin-left: -7px;
            }
        }

        @media (max-width: 991px) {
            .carousel-inner .carousel-item iframe {
                width: 80%;
                height: 400px;
                margin-right: 10%;
                margin-left: 10%;
            }
        }

        @media (max-width: 767px) {
            .carousel-inner .carousel-item iframe {
                width: 80%;
                height: 300px;
                margin-right: 10%;
                margin-left: 10%;
            }

            .aalayam-screen {
                width: 350px;
                margin-left: -7px;
            }
        }

        @media (max-width: 479px) {
            .carousel-inner .carousel-item iframe {
                width: 80%;
                height: 250px;
                margin-right: 10%;
                margin-left: 10%;
            }

            .aalayam-screen {
                width: 350px;
                margin-left: -7px;
            }
        }

        .carousel-indicators li,
        .carousel-indicators li.active {
            margin: 0px 7px !important;
        }

        .carousel-control-next {
            top: -200px;
            width: 120px;
        }

        .carousel-control-prev {
            top: -200px;
            width: 120px;
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: transparent no-repeat center center;
            background-size: 100% 100%;
        }

        @media (width: 280px) {
            .aalayam-screen {
                width: 250px !important;
            }

            .intro-img {
                padding: 0px !important;
                margin-top: -163px;
            }

            .full-nav {
                height: 60px;
            }

            .nav-links {
                background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);
                margin-top: -70px;
            }
        }

        @media (max-width: 1120px) {
            .aalayam-screen {
                width: 350px;
                margin-left: -7px;
            }
        }

        @media (max-width: 991px) {
            .aalayam-screen {
                width: 500px;
                margin-left: -7px;
            }
        }

        @media (max-width: 767px) {
            .aalayam-screen {
                width: 92% !important;
                margin-left: 15px !important;
            }

            .hero-area .intro-img {
                padding: 0px 0 0px;

            }
        }

        @media (max-width: 479px) {
            .aalayam-screen {
                width: 350px;
                margin-left: -10px;
            }
        }

        @media only screen and (max-width: 480px) and (min-width: 280px) {
            .carousel-ecclesia-demo {
                position: absolute !important;
                top: 231px;
            }
        }

        @media only screen and (width: 540px) {
            .carousel-ecclesia-demo {
                position: absolute !important;
                top: 305px !important;
            }
        }

        @media only screen and (max-width: 912px) and (min-width: 481px) {
            .carousel-ecclesia-demo {
                position: absolute !important;
                top: 378px;
            }

            .carousel-control-next {
                top: -100px;
            }

            .carousel-control-prev {
                top: -100px;
            }
        }

        @media only screen and (max-width: 1080px) and (min-width: 913px) {
            .carousel-ecclesia-demo {
                position: absolute !important;
                top: 418px;
            }
        }

        @media (max-width: 767px) {

            .section .carousel-control-prev,
            .section .carousel-control-next {
                display: none;
            }
        }

        @media only screen and (max-width: 912px) and (min-width: 768px) {

            .carousel-control-next-icon,
            .carousel-control-prev-icon {
                display: inline-block;
                width: 30px;
                height: 45px;
                background: transparent no-repeat center center;
                background-size: 100% 100%;
            }

            .carousel-control-next {
                right: -54px;
                top: 0;
            }

            .carousel-control-prev {
                left: -54px;
                top: 0;
            }
        }

        @media only screen and (max-width: 1400px) and (min-width: 1281px) {
            .shove {
                position: absolute;
                left: 15px;
            }

            .shove-off {
                position: absolute;
                right: 15px;
            }


        }

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

            .carousel-control-next-icon,
            .carousel-control-prev-icon {
                display: none
            }


            .carousel-control-next {
                display: none
            }

            .carousel-control-prev {
                display: none
            }

        }

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

            .video1,
            .video2,
            .video3,
            .video4,
            .video5,
            .video6,
            .video7,
            .video8,
            .video9,
            .video10 {
                padding: 0%;
                padding-bottom: 0px;
                box-sizing: content-box;
                width: 369px;
                margin-left: -36px;
                margin-top: -28px;
                margin-bottom: -19px;
            }
        }

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

            .video1,
            .video2,
            .video3,
            .video4,
            .video5,
            .video6,
            .video7,
            .video8,
            .video9,
            .video10 {
                padding-top: -20%;
                padding: 6%;
                padding-bottom: 0px;
                box-sizing: content-box;
                width: 390px;
                margin-left: -30px;
                margin-top: -28px;
                margin-bottom: -19px;
            }
        }

        @media only screen and (max-width: 912px) and (min-width: 761px) {

            .video1,
            .video2,
            .video3,
            .video4,
            .video5,
            .video6,
            .video7,
            .video8,
            .video9,
            .video10 {
                padding: 6%;
                padding-bottom: 0px;
                box-sizing: content-box;
                margin-left: -38px;
                margin-top: -28px;
                margin-bottom: -56px;
                width: 700px;
            }
        }

        #features .feature-item .feature-info {
            padding: 0 10px;
            margin-top: -30px;
        }

        @media (max-width: 1263px) {
            #features .feature-item .feature-info h4 {
                width: 100%;
                font-size: 18px;
            }

            #features .feature-item .feature-info ul li {
                font-size: 16px;
            }
        }

        @media (max-width: 1120px) {
            #features .feature-item .feature-info h4 {
                font-size: 18px;
            }

            #features .feature-item .feature-info ul li {
                font-size: 16px;
            }
        }

        @media (max-width: 767px) {
            #features .feature-item .feature-info h4 {
                font-size: 18px;
                padding: 0 20px;
            }

            #features .feature-item .feature-info ul li {
                font-size: 16px;
            }
        }

        @media (max-width: 479px) {
            #features .feature-item .feature-info h4 {
                font-size: 18px;
                padding: 0 20px;
            }

            #features .feature-item .feature-info ul li {
                font-size: 16px;
            }
        }

        /* Goodson */

        /*--------------------------------------------------------------
# SuperLite Hero Section
--------------------------------------------------------------*/
        @media screen and (max-width: 280px) {
            .Superlite-section {
                height: 178vh !important;
            }

            .superlite-indicators {
                position: absolute !important;
                top: 1109px !important;
            }

            .superlite-members-img,
            .superlite-wishes-img,
            .superlite-profile-img,
            .superlite-dashboard-img,
            .superlite-whyecclesia-img,
            .superlite-download-img {
                margin-top: 0px !important;
            }

            .superlite-church-img {
                margin-top: 0px !important;
                margin-left: 0px !important;
            }

            .connect-church {
                margin-top: 0px !important;
            }

            .superlite-heading1 {
                font-size: 24px;
                display: flex;
                justify-content: center;
            }

            .superlite-heading2 {
                font-size: 17px;
            }
        }

        @media only screen and (max-width: 480px) and (min-width: 320px) {
            .Superlite-section {
                height: 150vh !important;
            }

            .superlite-indicators {
                position: absolute !important;
                top: 1006px !important;
            }

            .superlite-members-img,
            .superlite-wishes-img,
            .superlite-profile-img,
            .superlite-dashboard-img,
            .superlite-whyecclesia-img,
            .superlite-download-img {
                margin-top: 0px !important;

            }

            .superlite-church-img {
                margin-top: 0px !important;
                margin-left: 0px !important;
            }

            .connect-church {
                margin-top: 0px !important;
            }

            .superlite-heading1 {
                font-size: 18px;
                display: flex;
                line-height: 30px;
                justify-content: center;
            }

            .superlite-heading2 {
                font-size: 17px;
            }
        }

        @media only screen and (max-width: 760px) and (min-width: 481px) {
            .Superlite-section {
                height: 130vh !important;
            }

            .superlite-indicators {
                position: absolute !important;
                top: 1090px !important;
            }

            .superlite-members-img,
            .superlite-wishes-img,
            .superlite-profile-img,
            .superlite-dashboard-img,
            .superlite-whyecclesia-img,
            .superlite-download-img {
                margin-top: 0px !important;
                margin-left: 42px;
            }

            .superlite-church-img {
                margin-top: 0px !important;
                margin-left: 0px !important;
            }

            .connect-church {
                margin-top: 0px !important;
            }

            .superlite-heading1 {
                font-size: 24px;
                display: flex;
                justify-content: center;
            }

            .superlite-heading2 {
                font-size: 17px;
            }
        }

        @media only screen and (max-width: 1200px) and (min-width: 1024px) {
            .Superlite-section {
                height: 130vh !important;
            }

            .testimonials .testimonial-item {
                box-sizing: content-box;
                padding: 30px 30px 0 30px;
                margin: 30px 15px;
                text-align: center;
                min-height: 350px;
                box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
                background-color: white;
                min-height: 525px;
            }
        }

        @media only screen and (max-width: 1400px) and (min-width: 1200px) {
            .Superlite-section {
                height: 130vh !important;
            }
        }

        @media only screen and (max-width: 912px) and (min-width: 761px) {
            .Superlite-section {
                height: 75vh !important;
            }

            .superlite-members-img,
            .superlite-wishes-img,
            .superlite-profile-img,
            .superlite-dashboard-img,
            .superlite-whyecclesia-img,
            .superlite-download-img {
                margin-top: 185px !important;
                margin-left: 20px !important;
                height: 471px !important;
                min-width: 241px;
            }

            .superlite-church-img {
                margin-top: 158px !important;
                margin-left: 73px !important;
            }

            .connect-church {
                margin-top: 0 !important;
            }

            .superlite-heading1 {
                font-size: 24px;
                display: flex;
                justify-content: center;
            }

            .superlite-heading2 {
                font-size: 17px;
            }
        }

        /* App links */

        .carousel-inner .carousel-item .hero img {
            width: 150px;
            height: 40px;
            margin-left: 0px;
        }



        .carousel-inner .carousel-item .hero .get-app {
            list-style: none;
            padding-bottom: 9px;
            padding-left: 0px;
            padding-top: 9px;
        }

        .carousel-inner .carousel-item .hero .get-app li {
            float: left;
            margin-bottom: 5px;
            margin-right: 5px;
        }

        .carousel-inner .carousel-item .hero .get-app img {
            height: 40px;
        }

        /* Button */

        .ut-item1 {
            padding: 15px 0px;
            overflow: hidden;
            text-decoration: none;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

        .ut-item1 h4 {
            color: #151948;
            font-size: 20px;
            font-weight: 900;
            margin-top: 30px;
        }

        /* Superlite list */

        ol li.list {
            position: relative;
            list-style: none;
            margin-left: -20px;
            padding-left: 1.2em;
        }

        ol li.list:before {
            content: "✔";
            font-weight: 600;
            position: absolute;
            left: 0;
            color: rgb(76, 208, 161);
        }


        /* Icon 1 */

        .ut-item1 .ut-icon.icon i {
            font-size: 25px;
            color: #fff;
            position: absolute;
            left: 0;
            right: 0;
            top: 32%;
        }

        .ut-item1 .ut-icon.icon {
            background: #7e65c8;
            width: 60px;
            height: 60px;
            text-align: center;
            display: block;
            border-radius: 50%;
            position: relative;
            margin-right: 12px;
            margin-top: 12px;
            float: left;
        }

        .ut-item1:hover .ut-icon.icon i {
            color: #fff;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

        .ut-item1:hover .ut-icon.icon {
            background: #917cd0;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

        /* Button */

        .ut-item2 {
            padding: 15px 0px;
            overflow: hidden;
            text-decoration: none;
            float: right;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

        .ut-item2 h4 {
            color: #151948;
            font-size: 20px;
            font-weight: 900;
            margin-top: 30px;
            margin-right: 15px;
        }

        /* Icon 1 */

        .ut-item2 .ut-icon.icon i {
            font-size: 25px;
            color: #fff;
            position: absolute;
            left: 0;
            right: 0;
            top: 32%;
        }

        .ut-item2 .ut-icon.icon {
            background: #7e65c8;
            width: 60px;
            height: 60px;
            text-align: center;
            display: block;
            border-radius: 50%;
            position: relative;
            margin-right: 12px;
            margin-top: 12px;
            float: left;
        }

        .ut-item2:hover .ut-icon.icon i {
            color: #fff;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

        .ut-item2:hover .ut-icon.icon {
            background: #917cd0;
            -moz-transition: all .8s ease;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }

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

        .copy_right_text p {
            color: #8C8B8A;
            font-weight: 100;
            font-size: 15px;
            font-style: normal;
        }

        .copy_right_text p a {
            text-decoration: none;
            color: #008fe2;
        }

        .copy_right_text p a:hover {
            text-decoration: underline;
            color: white;
        }

        .copy_right_text p span {
            font-weight: 300;
        }

        .form-group input::-webkit-outer-spin-button,
        .form-group input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .form-group input[type=number] {
            -moz-appearance: textfield;
        }

        .form-group input[type=number] {
            height: 50px;
        }

        /* footer */
        .foot-head {
            font-style: normal;
            text-align: center;
            color: #ffffff;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.35;
            margin-bottom: 15px;
            text-transform: uppercase;
            width: 100%;
            font-family: inherit;
            letter-spacing: 0.06em !important;
        }

        .footer_p {
            font-style: normal;
        }

        .foot-link {
            font-style: normal;
        }

        /* Trusted */


        #client-logos .item {
            margin: 1px;
        }

        .cover-wrapper {
            padding: 75px;
        }

        .client-inners img {
            height: 100%;
            object-fit: contain;
        }

        .client-inners {
            border: 1px solid #ccc;
            height: 150px;
            text-align: center;
            padding: 8px;
        }

        .owl-nav img {
            width: 34px;
        }

        .owl-prev img {
            position: absolute;
            left: -38px;
            top: 50%;
            margin-top: -20px;
        }

        .owl-next img {
            position: absolute;
            right: -38px;
            top: 50%;
            margin-top: -20px;
        }

        .trust-head {
            font-size: 35px;
            font-weight: 600;
            line-height: 30px;
            color: #151948;
            margin-bottom: 50px;
            padding-top: 50px;
        }

        /* thoma */
        /* SWITCH STYLES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
        .Web {
            font-size: 35px;
            font-weight: 500;
            color: #1C75FB;
            padding: 0 20px;
        }

        .Mob {
            font-size: 35px;
            font-weight: 500;
            color: #1C75FB;
            padding: 20px;
        }

        .switch-wrapper {
            position: relative;
            display: inline-flex;
            /* padding: 2px; */
            border: 2px solid lightgrey;
            margin-bottom: 40px;
            border-radius: 44px;
            /* background: var(--white); */
            padding-top: 6px;
            padding-left: 7px;
        }

        .switch-wrapper [type="radio"] {
            position: absolute;
            left: -9999px;
        }

        .switch-wrapper [type="radio"]:checked#webRate~label[for="webRate"],
        .switch-wrapper [type="radio"]:checked#mobRate~label[for="mobRate"] {
            color: var(--white);
        }

        .switch-wrapper [type="radio"]:checked#webRate~label[for="webRate"]:hover,
        .switch-wrapper [type="radio"]:checked#mobRate~label[for="mobRate"]:hover {
            background: transparent;
        }

        .switch-wrapper [type="radio"]:checked#webRate+label[for="mobRate"]~.highlighter {
            transform: none;
        }

        .switch-wrapper [type="radio"]:checked#mobRate+label[for="webRate"]~.highlighter {
            transform: translateX(100%);
        }

        .switch-wrapper label {
            font-size: 16px;
            z-index: 1;
            min-width: 100px;
            line-height: 32px;
            cursor: pointer;
            border-radius: 197px;
            transition: color 0.25s ease-in-out;
        }

        .switch-wrapper label:hover {
            background: var(--lightgray);
        }

        .switch-wrapper .highlighter {
            position: absolute;
            top: 4px;
            left: 4px;
            width: calc(50% - 4px);
            height: calc(100% - 8px);
            border-radius: 197px;
            background-color: #007bff;
            transition: transform 0.25s ease-in-out;
        }

        .swal2-popup {
            background: #fff !important;
        }

        .swal2-title {
            color: black !important;
        }

        .owl-theme .owl-dots .owl-dot {
            display: none;
        }

        @media (max-width: 767.98px) {
            #ecclesia-app {
                margin-top: 100px;
            }
        }

        @media (max-width: 767.98px) {
            #testimonials {
                margin-bottom: -85px !important;
            }
        }


        /* Goodson D */

        .foot-head {
            font-style: normal;
            text-align: center;
            color: #ffffff;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.35;
            margin-bottom: 15px;
            text-transform: uppercase;
            width: 100%;
            font-family: inherit;
        }

        .footer_p {
            font-style: normal;
        }

        .foot-link {
            font-style: normal;
        }