body {
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}



/*Harshal 22012021*/

.bgorange_h {
    background-color: #fb751c;
}
.pt-lg-80 {
    padding-top: 5rem !important;
}
.cmaay_name_h h4 {
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align:center;
    margin: 0px;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.2rem 0.5rem;
    border-radius: 0px;
    /*margin-top: -22px;*/
    font-size: 14px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.8rem!important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1)!important;
}


.dropdown-menu {
    font-size: 0.875rem;
    
}

.light-blue {
    color: #6ccff6!important;
    font-weight: bold!important;
}

.bg-blue-dark {
    background-color: #084a84 !important;
}

.banner-h {
    background: url("../Images/cmaay-banner.png");
    background-attachment: fixed;
    background-size:cover;
    background-repeat: no-repeat;
    min-height: 425px;
    position: relative;
}


.banner2-h {
    background: url("../Images/CMAAY-btm-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.title-banner h5 {
    color: #f8e058;
    font-weight: 600;
}

.title-banner p {
    color: #fff;
    text-align: justify;
}

.top-head {
    position: fixed;
    z-index: 1000;
}


.text-dark {
    color:#084a84!important;
}

.title-h0 h4 {
            background-color: #fb751c;
            width: 28%;
            padding: 6px;
            border-top-left-radius: 15px;
            border-top-right-radius: 60px;
            color: #fff;
            margin-bottom: 0px;
            font-size:16px;
        }

.title-ha h4 {
            background-color: #fb751c;
            width: 40%;
            padding: 6px;
            border-top-left-radius: 15px;
            border-top-right-radius: 60px;
            color: #fff;
            margin-bottom: 0px;
            font-size:16px;
        }

.title-h h4 {
    background-color: #fb751c;
    width: 28%;
    padding: 6px;
    border-top-left-radius: 15px;
    border-top-right-radius: 60px;
    color: #fff;
    margin-bottom: 0px;
    font-size:16px;
}

.title-h2 h4 {
    background-color: #fb751c;
    width: 56%;
    padding: 6px;
    border-top-left-radius: 15px;
    border-top-right-radius: 60px;
    color: #fff;
    margin-bottom: 0px;
    font-size:16px;
}
 
.title-h3 h4 {
    background-color: #fb751c;
    width: 62%;
    padding: 6px;
    border-top-left-radius: 15px;
    border-top-right-radius: 60px;
    color: #fff;
    margin-bottom: 0px;
    font-size:16px;
}

hr {
    margin-top: 0rem!important;
    margin-bottom: 0rem!important;
    border: 0!important;
    border-top: 2px solid #fb751c!important;
}

.pt-lg-8 {
    padding-top: 2rem!important;
}

.card {
    background-color: rgba(22, 124, 214, 0.9)!important;
    border: none!important;
    border-radius: 0rem!important;
    min-height: 180px!important;
}

.news {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 1);
}

.news-title h4 {
    font-size: 18px;
}


.circal-h {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
}

    .circal-h img {
        width: 45%;
        margin: 16px;
    }

.cover_h p {
    margin-bottom: 0px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
    text-shadow: 1px 4px 4px #555;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}

.cover_h h4 {
    font-size: 46px;
    margin-bottom: 0rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 4px 4px #555;
    -webkit-background-clip: text;
}

.footer-circal {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #fbb05d;
    margin: 0 auto;
}

    .footer-circal img {
        width: 50%;
        margin: 20px;
    }

.border-right {
    border-right: 2px solid #fbb05d!important;
}

.label-name li a {
    color: #fff!important;
}

    .label-name li a:hover {
        color: #fb751c!important;
    }

.label-name label {
    color: #fbb05d!important;
    font-weight: 600;
}

.dark-gray {
    background-color: #2c425b;
    background: rgba(44, 66, 91, 0.5);
}

.pmjay-logo {
    position: absolute;
    left: 29%;
    width: 41%;
    top: -35px;
}

.pmjay-qrcode {
    width:75px;position: absolute;top: -22px;right: 69%;
}


.title-banner span {
    color: #f8e058;
    font-weight: 600;
}

.btn-light {
    color: #fb751c;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    font-weight: 600;
}

.bgorange {
    background-color: #fb751c;
}


/*.footer {
        background-color: #10385b;
    line-height: 1.5;
    padding: 3px 12px;
    min-height: 65px;
    right: 0;
    left: 0;
    bottom: 0;
}*/

.panel-footer span {
    color: #fff;
    font-size: 12px;
    position: relative;
    left: 0px;
    top: 10px;
    float: left;
}

.footer-logo {
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 3px;
}

.nav-item .dropdown-item {
text-decoration:none !important;
}



.footer {
    padding: 6px 15px;
    background-color: #10385b;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.footer_R {
    position: relative;
}

.footer_F {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
}











.user-circal {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #f47622;
}

    .user-circal svg {
        margin: 20px;
        font-size: 40px;
        color: #fff;
    }


.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}


.rounded {
    border-radius: 30px!important;
}


.btn2 {
    padding: 0.375rem 0.75rem;
    border-radius: 1.25rem;
}

.loginbtn2 {
    padding: 0.375rem 2.75rem;
    border-radius: 1.25rem;
}



.btn-warning {
    color: #fff;
    background-color: #f47622;
    border-color: #f47622;
}

.pt-lg-10 {
    padding-top: 10rem;
}

.mb-lg-6 {
    margin-bottom: 6rem;
}





.cmaay-circal {
    width: 190px;
    height: 190px;
    position: relative;
    border-radius: 25%;
    margin: 0 auto;
}

    .cmaay-circal > span {
        font-size: 120px;
        position: absolute;
        left: -41px;
        top: -29px;
        font-family: 'Coda Caption', sans-serif;
        font-weight: bold;
    }

    .cmaay-circal > p {
        padding-top: 1rem;
        padding-left: 3rem;
        padding-right: 1rem;
        color: #fff;
        font-size: 14px;
    }


    .cmaay-circal2 {
    width: 97%;
    position: relative;
    border-radius: 50px;
    margin: 0 auto;
}

    .cmaay-circal2 > span {
        font-size: 120px;
        position: absolute;
        left: -29px;
        top: -55px;
        font-family: 'Coda Caption', sans-serif;
        font-weight: bold;
    }

    .cmaay-circal2 > p {
        padding-top: 1rem;
        padding-left: 3rem;
        padding-right: 1rem;
        color: #fff;
        font-size: 14px;
    }


    .cmaay-circal2 > .text-gold {
        -webkit-text-fill-color: #ebb56d;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

    .cmaay-circal2 > .text-orange {
        -webkit-text-fill-color: #ef8a46;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

    .cmaay-circal > .text-gold {
        -webkit-text-fill-color: #ebb56d;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

    .cmaay-circal > .text-orange {
        -webkit-text-fill-color: #ef8a46;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

    .cmaay-circal > .text-blue2 {
        -webkit-text-fill-color: #80bace;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

    .cmaay-circal > .text-lightdark {
        -webkit-text-fill-color: #1d4672;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

    .cmaay-circal > .text-red {
        -webkit-text-fill-color: #ef564e;
        -webkit-text-stroke-width: 6px;
        -webkit-text-stroke-color: #fff;
    }

.light-gold {
    background-color: #ebb56d;
}

.light-orange {
    background-color: #ef8a46;
}

.light-blue2 {
    background-color: #80bace;
}

.lightdark-blue {
    background-color: #1d4672;
}

.light-red {
    background-color: #ef564e;
}


.light-gray {
    background-color:#f1f1f1;
}
.boxes {
    position:relative;
}
.inner-boxes {
    width:100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb751c+0,d3a226+100 */
    background: #fb751c; /* Old browsers */
    background: -moz-linear-gradient(left,  #fb751c 0%, #d3a226 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fb751c 0%,#d3a226 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fb751c 0%,#d3a226 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb751c', endColorstr='#d3a226',GradientType=1 ); /* IE6-9 */
    padding:0.6rem;
    color:#fff;
    font-size:16px;
    font-weight:600;

}


.bottom-boxes {
    position:absolute;
    bottom:0px;
    width:100%;
    height:10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb751c+0,d3a226+100 */
    background: #fb751c; /* Old browsers */
    background: -moz-linear-gradient(left,  #fb751c 0%, #d3a226 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fb751c 0%,#d3a226 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fb751c 0%,#d3a226 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb751c', endColorstr='#d3a226',GradientType=1 ); /* IE6-9 */
}



@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1;
    }

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

.radmenu {
    white-space: nowrap;
    float: none!important;
    position: relative;
}


 /*@media screen and (max-width: 1024px) {
   .navbar-expand-lg .navbar-nav .nav-link {
    padding-right:1px!important;
}
   .light-blue {
       font-size:12px;
}
}*/


 .toll-rec {
     text-align:right;
            font-weight: 600;
    padding: 8px 10px;
    background-color: #fff;
    color: black;
    right: 4px;
    bottom: -39px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    Z-INDEX: 1;
        }

.toll-rec2 {
    font-weight: 600;
    padding: 8px 10px;
    color: white;
    position: absolute;
    right: 4px;
    Z-INDEX: 1;
}

/*.toll-rec2 {
    font-weight: 600;
    padding: 8px 10px;
    background-color: #fff;
    color: black;
    position: absolute;
    right: 4px;
    bottom: -39px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    Z-INDEX: 1;
}*/


 /*Mansi css - 01/04/2023 start*/

         /*Home page css start*/

 .modalBackground {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }

        .modalPopup {
            width: 800px;
            height: 600px;
        }

        #ContentPlaceHolder2_btnClose {
            /*position: absolute;*/
            top: 35px;
            right: 16px;
            padding: 8px 15px;
            cursor: pointer;
            border: 1px solid #333;
        }

        .scroll-left {
            height: 50px;
            overflow: hidden;
            position: relative;
            text-align: left;
        }


        .scroll-left p {
                text-align: left;
                position: absolute;
                width: 200%;
                height: 100%;
                margin: 0;
                line-height: 40px;
                /* Starting position */
                -moz-transform: translateX(100%);
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                /* Apply animation to this element */
                -moz-animation: scroll-left 25s linear infinite;
                -webkit-animation: scroll-left 25s linear infinite;
                animation: scroll-left 25s linear infinite;
                font-size: 16px;
            }

            .scroll-left:hover p {
                animation-play-state: paused;
            }

             .marq {
            /*background-color:#f1f1f1;*/
            position: absolute;
            top: -57px;
            left: 0;
            right: 0;
            font-weight: bold;
            padding: 8px;
            text-align: center;
            color: red;
            text-align: left;
            width: 98%;
        }

.marq2 {
top: -40px;
}

        #ContentPlaceHolder2_grd {
            border: 0px !important;
        }

            #ContentPlaceHolder2_grd tr:first-child {
                display: none;
            }

            #ContentPlaceHolder2_grd td {
                border: 0px !important;
            }

            #ContentPlaceHolder2_grd a {
                color: white !important;
            }

            .btn_Close {
            /*position: absolute;*/
            top: 35px;
            right: 16px;
            padding: 5px 12px!important;
            cursor: pointer;
            border: 1px solid #333;
            font-weight: bold;
            font-size: 24px;
            color: red;
        }

        .blink {
            animation: blink 1.2s steps(5, start) infinite;
            -webkit-animation: blink 1s steps(5, start) infinite;
            position: relative;
            display: inline-block;
            background-color: #b6ff00;
            padding: 0px 4px;
            border-radius: 0px;
        }

.rounded-circle {
width: 75px;
}

.justify-content-lg-left {
justify-content: left !important;
}

.paragraph {
    padding: 5px 1px; 
    background-color: #054c8b;
     color: #fff;
      border: 1px solid #054c8b;
       height: 30px; margin: 0px;
        position: relative; 
        display: none;
}

        /* Move it (define the animation) start */

         @-moz-keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%);
            }

            100% {
                -moz-transform: translateX(-100%);
            }
        }

        @-webkit-keyframes scroll-left {
            0% {
                -webkit-transform: translateX(100%);
            }

            100% {
                -webkit-transform: translateX(-100%);
            }
        }

        @keyframes scroll-left {
            0% {
                -moz-transform: translateX(100%); /* Browser bug fix */
                -webkit-transform: translateX(100%); /* Browser bug fix */
                transform: translateX(100%);
            }

            100% {
                -moz-transform: translateX(-100%); /* Browser bug fix */
                -webkit-transform: translateX(-100%); /* Browser bug fix */
                transform: translateX(-100%);
            }
        }

       

        

        @keyframes blink {
            to {
                background-color: red;
            }
        }

        @-webkit-keyframes blink {
            to {
                background: red;
            }
        }

        /* Move it (define the animation) start */


            /*Home page css end*/




                /*faq css start*/

                 .FAQquestion {
            font-size: 14px;
            border-bottom: 1px solid #054c8b;
            margin-bottom: 10px;
            /* line-height: 20px; */
            padding: 5px;
            color: #054c8b;
        }
        .FAQquestion:hover {
            cursor:pointer;
            color:#fb751c;
        }
        .FAQquestion:hover .FAQanswer{ 
            font-weight:normal;
            
        }
        .FAQanswer {
            margin-top:10px;
            display:none;   
            color:black;
        }

        
                /*faq css end*/

.career-img {
margin-top:114px;
}

.matrix-img {
margin-top:175px;
}

.navbar-dark .navbar-nav .nav-link {
text-decoration:none;
}

.fw-bold {
    font-weight: 700!important;
}

.radio-css tr td {
padding:0px;
border:none !important;
}

.TblRegistrationTemplate tr:last-child td, .TblSearchTemplate tr:last-child td {
    padding:15px;
    }

.auto-style-4 {
    margin-left:20px !important;
    margin-right:0px !important;
    }








@media (max-width: 768px) {

    #ContentPlaceHolder2_UpdatePanel2 .table-responsive {
height:240px;
}
    .table-checkbox tr {
        display: block;
    }

        .table-checkbox tr td {
            display: block;
        }
}








@media (max-width: 425px) {

    /*.container-new {
    width:88% !important;
    }*/

   /* .toll-rec2 {
        text-align: center;
        Font-size: 9px;
        right: 0px !important;
        bottom: -35px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        left: 0;
        background-color:white;
        color:black;
        font-size:9px !important;;
    }

*/

    .table-checkbox tr {
        display: block;
    }

        .table-checkbox tr td {
            display: block;
        }

    .p-sm-2 {
        padding: 1.313rem !important;
    }

    .ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer {
        width: 100% !important;
    }
    .TblRegistrationTemplate tr:last-child td, .TblSearchTemplate tr:last-child td {
    padding:5px;
    }

    .auto-style-4 {
    display:block !important;
    }

    .auto-style-4 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

    .cmaay_name_h h4 {
        margin-top:7px;
    font-size:17px;
    }

    .pmjay-logo {
    position:relative;
    top:0px;
    left:0px;
    margin-bottom:7px;
    width:30%;
    }

    .pmjay-qrcode {
    position:initial;
    width:23%;
    }

    .text-sm-center {
    text-align:center !important;
    }

    

    .toll-rec {
        text-align:center;
    Font-size: 9px;
    right: 0px !important;
    bottom: -35px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    left: 0;
    }

    .mb-sm-4 {
    margin-bottom:1.5rem;
}

.mb-sm-3 {
    margin-bottom:1rem;
}

    .mt-sm-2 {
    margin-top:0.5rem;
    }

    .d-sm-none {
    display:none;
    }

    .w-30 {
    width:35px;
    }

    .bgorange .col-lg-2 img {
    width:14%;
    }

    .border-right {
    border-right:0px !important;
    }

    .justify-content-md-center {
    justify-content:center !important;
    }

    .cover_h h4 {
    font-size:22px;
    }

    .mt-sm-5 {
    margin-top:4rem;
    }

    .w-50 {
    width:60% !important;
    }

    .title-h h4 {
    width:100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }

    .title-h2 h4 {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

     .ecard-table tr:nth-child(1) {
        display:none;
        }

     .ecard-table tr td {
         width:100% !important;
        border:none !important;
    display:block;
   }

    .ecard-table table {
    border:0px;
    }

    .ecard-table td:nth-child(1) {
        display:none;
    }

     .ecard-table tr {
    border-radius: 6px;
    padding: 7px;
    display: block;
    margin-bottom: 20px;
    background-color: #eaf1f5;
    border: 1px solid #d9effb;
    } 


     /*.ecard-table2 tr:nth-child(1) {
        display:none;
        }*/

     .ecard-table2 tr td {
         width:100% !important;
        border:none !important;
    display:block;
   }

    .ecard-table2 table {
    border:0px;
    }

    

     .matrix-img {
margin-top:135px;
}

     .w-40 {
    width: 50px;
}

    .login-h .float-right {
    width:80px;
    }

    .user-circal {
    width:50px;
    height:50px;
    }

    .user-circal svg {
    margin: 18px;
    font-size: 15px;
    color: #fff;
}

    .ecard-table .table td {
    padding:0.3rem;
    }

    .footer {
    font-size:7px;
    }


    .auto-style2 {
    display:block !important;
    }

    .auto-style4 {
    display:block !important;
    }


}


@media (max-width: 768px) {
    .w-25-mobile {
    width:42%;
    }

    .toll-rec {
    display:block !important;
    }

    .toll-rec2 {
        display: none !important;
    }

}


    @media (width: 768px) {



        .auto-style-4 {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .title-h2 h4 {
            width: 100%;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .title-h h4 {
            width: 100%;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .bgorange_h img {
            width: 60%;
        }

        .phone-img {
            width: 20px !important;
            height: 20px;
        }

        .pmjay-qrcode {
            position: initial;
        }

        .pmjay-logo {
            position: relative;
            width: 83%;
            left: 0;
            top: 0;
        }

        .bgorange .col-lg-2 img {
            width: 20%;
        }

        .border-md-right {
            border-right: 0px !important;
        }

        .justify-content-md-center {
            justify-content: center !important;
        }

        .w-50 {
            margin-top: 50px;
            width: 30% !important;
        }

        .w-40 {
            width: 70%;
        }
    }


    @media (min-width: 769px) {

        .bgorange .col-lg-2 img {
            width: 20%;
        }

        .table-checkbox tr {
            display: block;
        }

            .table-checkbox tr td {
                display: block;
            }
    }



    @media screen and (max-width: 1024px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 1.25rem !important;
        }
    }


    /*Mansi css - 01/04/2023 end*/


    /*ABHA CSS Harshal 20032024*/

    .bg-color-abha {
        background-color: #0063BB;
        border-bottom: 10px solid #004D92;
    }

    .btn-outline-primary-abha {
        color: #0058A6;
        background-color: transparent;
        border: 1px dashed #0058A6;
    }

    .btn-outline-success-abha {
        color: #058D02;
        background-color: transparent;
        border: 1px dashed #058D02;
    }

    .btn-outline-primary-abha:hover {
        color: #0058A6;
        background-color: transparent;
        border: 1px dashed #0058A6;
    }

    .btn-outline-success-abha:hover {
        color: #058D02;
        background-color: transparent;
        border: 1px dashed #058D02;
    }

    .border-right-dash {
        border-right: 1px dashed #808080;
    }

    .abha-list li {
        margin-bottom: 15px;
    }

        .abha-list li > h6 {
            color: #0058A6;
        }

    .border-hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px dashed #808080;
    }

    .mt-12 {
        margin-top: 12.9%;
    }

    .blue-gradient {
        background: linear-gradient(90deg, hsla(191, 100%, 95%, 1) 0%, hsla(191, 100%, 85%, 1) 100%);
        background: -moz-linear-gradient(90deg, hsla(191, 100%, 95%, 1) 0%, hsla(191, 100%, 85%, 1) 100%);
        background: -webkit-linear-gradient(90deg, hsla(191, 100%, 95%, 1) 0%, hsla(191, 100%, 85%, 1) 100%);
    }

    .green-gradient {
        background: linear-gradient(90deg, hsla(107, 100%, 95%, 1) 0%, hsla(107, 100%, 87%, 1) 100%);
        background: -moz-linear-gradient(90deg, hsla(107, 100%, 95%, 1) 0%, hsla(107, 100%, 87%, 1) 100%);
        background: -webkit-linear-gradient(90deg, hsla(107, 100%, 95%, 1) 0%, hsla(107, 100%, 87%, 1) 100%);
    }

    .yellow-gradient {
        background: linear-gradient(90deg, hsla(43, 100%, 95%, 1) 0%, hsla(43, 100%, 90%, 1) 100%);
        background: -moz-linear-gradient(90deg, hsla(43, 100%, 95%, 1) 0%, hsla(43, 100%, 90%, 1) 100%);
        background: -webkit-linear-gradient(90deg, hsla(43, 100%, 95%, 1) 0%, hsla(43, 100%, 90%, 1) 100%);
    }

    .purplle-gradient {
        background: linear-gradient(90deg, hsla(268, 100%, 95%, 1) 0%, hsla(268, 100%, 90%, 1) 100%);
        background: -moz-linear-gradient(90deg, hsla(268, 100%, 95%, 1) 0%, hsla(268, 100%, 90%, 1) 100%);
        background: -webkit-linear-gradient(90deg, hsla(268, 100%, 95%, 1) 0%, hsla(268, 100%, 90%, 1) 100%);
    }