.all-article .col-sm-12 {
            margin-bottom: 36px;
        }

        #main {
            background-color: #EFFAFF;
        }

        #footer {
            background-color: #F2F2F2
        }

        .all-article .col-sm-12 {
            margin-bottom: 46px;
        }

        .collapse-con h4 {
            font-size: 1.8rem;
        }

        #multiCollapseResources .card,
        #multiCollapseResources-2 .card {
            box-shadow: none;
            background-color: unset;
            border: none;
            padding: 0;
        }

        .collapse-con {
            width: 47%;
            padding: 20px 26px;
            box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.15);
            background-color: #EDF6F3;
        }

        .card-body-con {
            padding: 26px 40px 40px 40px !important;
        }

        .collepse-row {
            display: flex;
            justify-content: space-between;
        }

        .collepse-ul {
            min-height: 204px;
            padding-left: 0;
            margin-top:0px !important
        }

        .collepse-ul li {
            margin: 15px 0px;
        }


        .panel-title-1,
        .panel-title-2,
        .panel-title-3,
        .panel-title-4,
        .panel-title-5 {
            position: relative;
        }

        .panel-title-1::after,
        .panel-title-2::after,
        .panel-title-3::after,
        .panel-title-4::after,
        .panel-title-5::after {
            content: "\f107";
            color: #333;
            top: 23px;
            right: 24px;
            font-size: 22px;
            position: absolute;
            font-family: "FontAwesome"
        }

        .panel-title-1[aria-expanded="true"]::after,
        .panel-title-2[aria-expanded="true"]::after,
        .panel-title-3[aria-expanded="true"]::after,
        .panel-title-4[aria-expanded="true"]::after,
        .panel-title-5[aria-expanded="true"]::after {
            content: "\f106";
        }

        .panel-heading-full.panel-heading {
            padding: 0;
        }

        .panel-heading-full .panel-title-1,
        .panel-heading-full .panel-title-2,
        .panel-heading-full .panel-title-3,
        .panel-heading-full .panel-title-4,
        .panel-heading-full .panel-title-5 {
            padding: 10px 15px;
        }

        .panel-heading-full .panel-title-1::after,
        .panel-heading-full .panel-title-2::after,
        .panel-heading-full .panel-title-3::after,
        .panel-heading-full .panel-title-4::after,
        .panel-heading-full .panel-title-5::after {
            top: 10px;
            right: 15px;
        }

        .collepse-btn {
            background-color: #4B8B7F !important;
            font-size: 1.2rem;
            font-weight: 300;
            width: 100%;
        }

        .panel-title-1,
        .panel-title-2,
        .panel-title-3,
        .panel-title-4,
        .panel-title-5 {
            width: 48%;
            padding: 20px 26px;
            box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.15);
            background-color: #EDF6F3;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }

        .panel-title-1[aria-expanded="false"],
        .panel-title-2[aria-expanded="false"],
        .panel-title-3[aria-expanded="false"],
        .panel-title-4[aria-expanded="false"],
        .panel-title-5[aria-expanded="false"] {
            max-height: 87px;
        }

        .panel-title-1[aria-expanded="true"],
        .panel-title-2[aria-expanded="true"],
        .panel-title-3[aria-expanded="true"],
        .panel-title-4[aria-expanded="true"],
        .panel-title-5[aria-expanded="true"] {
            max-height: 427px;
        }

        .panel-title-3 {
            margin-bottom: 24px;
        }

        .resource-h {
            height: 55px;
            font-size: 1.5rem;
            margin-bottom: 0px;
        }
        .green-bar{
            background-color:#BBDDD2
        }

        .resource-long-title {
            margin-left: 9px;
        }



        @media (max-width: 991px) {
            .collepse-row {
                display: flex;
                flex-direction: column;
            }

            .collapse-con {
                width: 100%;
                margin-bottom: 25px;
            }

            .collepse-ul {
                min-height: 143px;
                padding-left: 10px;
                margin-bottom: 0px !important;
            }

            #resource-collapse1 .card-body,
            #resource-collapse2 .card-body,
            #resource-collapse3 .card-body,
            #resource-collapse4 .card-body,
            #resource-collapse5 .card-body{
                padding-top: 0px !important;
            }

            .panel-title-1[aria-expanded="false"], 
            .panel-title-2[aria-expanded="false"], 
            .panel-title-3[aria-expanded="false"], 
            .panel-title-4[aria-expanded="false"], 
            .panel-title-5[aria-expanded="false"] {
                max-height: 71px;
            }

            .card-body-con {
                padding: 16px !important;
            }

            .panel-title-1,
            .panel-title-2,
            .panel-title-3,
            .panel-title-4,
            .panel-title-5 {
                width: 100% !important;
                padding: 20px !important;
            }

            .panel-title-1,
            .panel-title-3,
            .panel-title-4 {
                margin-bottom: 24px;
            }

            .pdf-img {
                width: 23px;
            }

            .all-article .col-sm-12 {
                margin-bottom: 26px !important;
            }
            .panel-title-1::after, 
            .panel-title-2::after, 
            .panel-title-3::after, 
            .panel-title-4::after, 
            .panel-title-5::after {
                top: 18px;
                right: 14px;
            }
            .collepse-btn {
                padding: 10px 9px !important;
                margin-top: 17px;
            }
        }

        @media (max-width: 400px) {
            .resource-h {
                font-size: 20px;
            }
            .collepse-ul li {
                margin: 7px 0px;
                font-size: 1rem;
            }
            .card-body {
                padding: 0.25rem;
            }
            .collepse-btn {
                font-size: 0.9rem;
                padding: 10px 9px !important;
            }

            .panel-title-3{
                padding-top: 12px !important;
            }
            .resource-h {
                font-size: 21px !important;
            }

            .resource-long-title{
                font-size: 19px !important;
            }

            
           
            

        }


        @media (min-width: 1600px) {
            .collepse-ul {
                min-height: 170px;
            }
            .panel-title-4[aria-expanded="true"] {
                max-height: 395px;
            }

        }


        @media (max-width: 767px) {
            .resource-h {
                font-size: 1.3rem;
            }
        }