.YouTubeVideo {
            padding-top: 20px;
        }

        .bgBlue {
            background-color: #25a8e0;
            color: white;
        }

        .bgSmoke {
            background-color: whitesmoke;
            color: black;
        }

        .colA {
            background-color: #476088;
            color: white;
        }

        .colB {
            background-color: #ffc562;
            color: white;
        }

        .colC {
            background-color: #ff6c74;
            color: white;
        }

        .colD {
            background-color: #4fddc3;
            color: white;
        }

        .colE {
            background-color: #61a8e8;
            color: white;
        }

        .card {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            max-width: 300px;
            margin: auto;
            text-align: center;
            font-family: arial;
        }

        .flip-card {
            background-color: transparent;
            width: 100%;
            min-height: 300px;
            perspective: 1000px;
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        }

        .flip-card:hover .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .flip-card-front {
            background-color: #bbb;
            color: black;
        }

        .flip-card-back {
            background-color: #2980b9;
            color: black;
            transform: rotateY(180deg);
        }
        .div-gradient {
            padding-top: 10px;
            padding-bottom: 40px;
            background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(230.22471910112358, 88.12%, 60.39%, 1.00)), to(hsla(316.2962962962963, 35.06%, 54.71%, 1.00)));
            background-image: linear-gradient(180deg, hsla(230.22471910112358, 88.12%, 60.39%, 1.00), hsla(316.2962962962963, 35.06%, 54.71%, 1.00));
        }

        .div-gradient2 {
            padding-top: 10px;
            padding-bottom: 20px;
            background-image: linear-gradient(96deg, hsla(230.22471910112358, 88.12%, 60.39%, 1.00), #b2629e);
        }

        .feature {
            color: gray;
            font-size: small;
            text-align: center;
        }

        .HeadFeature {
            font-size: large;
            text-align: center;
            margin-top: 60px;
            margin-bottom: 40px;
        }

        .divBenefits {
            background-color: whitesmoke;
            border-radius: 10px;
            padding: 5px;
            text-align: center;
            margin-top: 25px;
            margin-bottom: 50px;
        }

        .bottomLinks {
            list-style-type: none;
            padding: 5px;
            font-size: small;
            color: gray;
        }