body {
}
.centercontent {
    max-width: 1200px;
    margin: 5px 5px 5px 5px;
}
.leftbar{
    width:28%;
}
.rightbar{
    width:28%;
}
.pb-3{
    width:98vw;
}
.container{
    display:inline;
}
.feature-card p {
    color: rgb(255,175,175);
}
.feature-card {
    background: linear-gradient(
        135deg,
        #4c1d95,   /* royal purple */
        #2e1065    /* deep plum */
    );
    border: 1px solid rgba(255,255,255,0.1);
    color: #faf5ff;
    border-radius: 18px;
}
.feature-card h3 {
    color: aquamarine;
}
.x3 {
        background: linear-gradient( 135deg, #064e3b, /* deep emerald */
        #022c22 /* forest green */
        );
        border: 1px solid rgba(255,255,255,0.08);
        color: #ecfdf5;
        border-radius: 18px;
}
.x3 h4{
    color:lightyellow;
}
.top-right-fixed {
    background: linear-gradient( 135deg, #5f0f40, /* wine */
    #2a0a1a /* velvet maroon */
    );
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff1f2;
    border-radius: 18px;
}
.top-right-fixed a{
    color:gold;
    text-decoration:none;
}
.action-card {
    /*background-image: radial-gradient( circle farthest-corner at 50.3% 47.3%, rgba(113,42,92,1) 0.1%, rgba(40,25,46,1) 90% );*/
    background-image: radial-gradient( circle farthest-corner at 17.6% 50.7%, rgba(25,0,184,1) 0%, rgba(0,0,0,1) 90% );
}
.action-card2 {
    background-image: radial-gradient( circle farthest-corner at 50% 52.5%, rgba(14,53,92,1) 0%, rgba(16,14,72,1) 90% );
}
.action-card3 {
    /*background-image: radial-gradient( circle 907px at 11.5% -33.8%, rgba(6,39,158,1) 0%, rgba(100,101,110,1) 78.3% );*/
    background-image: radial-gradient( circle farthest-corner at 50.3% 47.3%, rgba(113,42,92,1) 0.1%, rgba(40,25,46,1) 90% );
}
.action-card4 {
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,51,102,1) 0%, rgba(0,102,204,1) 49.5%, rgba(0,191,255,1) 90% );
}
.action-card5 {
    background-image: linear-gradient( 180.4deg, rgba(0,6,10,1) 1%, rgba(1,190,237,1) 91.4% );
}
.action-card6 {
    background-image: linear-gradient( 75.1deg, rgba(34,126,34,1) 6%, rgba(99,226,17,1) 84.3% );
}
    .action-card6 p {
        color: white;
    }
    .action-card6 h3{
        color: saddlebrown;
    }

.btn-gradx {
    background-image: linear-gradient(to right, #F09819 0%, #EDDE5D 51%, #F09819 100%)
}

.btn-gradx {
    margin: 10px;
    padding: 8px 8px;
    text-align: center;
    /* text-transform: uppercase;*/
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}
    .btn-gradx:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }



.btn-grad {
    background-image: linear-gradient(to right, #16A085 0%, #F4D03F 51%, #16A085 100%)
}

.btn-grad {
    margin: 10px;
    padding: 8px 8px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #48025a;
    font-weight:700;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

    .btn-grad:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }
         



.btn-gradb {
    background-image: linear-gradient(to right, #757F9A 0%, #D7DDE8 51%, #757F9A 100%)
}

.btn-gradb {
    margin: 10px;
    padding: 8px 8px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #4f454f;
    font-weight:700;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

    .btn-gradb:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }





.btn-gradc {
    background-image: linear-gradient(to right, #F0C27B 0%, #4B1248 51%, #F0C27B 100%)
}

.btn-gradc {
    margin: 10px;
    padding: 8px 8px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

    .btn-gradc:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
    }


.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}