.ag-courses_box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;

                padding: 50px 0;
            }

            .ag-courses_item {
                /* -ms-flex-preferred-size: calc(33.33333% - 30px); */
                /* flex-basis: calc(33.33333% - 30px); */

                margin: 0 15px 30px;

                overflow: hidden;

                border-radius: 28px;
            }

            .ag-courses-item_link {
                display: block;
                padding: 30px 20px;
                background-color: #121212;

                /* overflow: hidden; */

                position: relative;
            }

            .ag-courses-item_link:hover,
            .ag-courses-item_link:hover .ag-courses-item_date {
                text-decoration: none;
                color: #FFF;
            }
            .ag-courses-item_link:hover .tag {
                color: black !important;
            }

            .ag-courses-item_link:hover .ag-courses-item_bg {
                -webkit-transform: scale(20);
                -ms-transform: scale(20);
                transform: scale(20);
            }

            .ag-courses-item_title {
                min-height: 87px;
                margin: 0 0 25px;

                overflow: hidden;

                font-weight: bold;
                font-size: 30px;
                color: #FFF;

                z-index: 2;
                position: relative;
            }

            .ag-courses-item_date-box {
                font-size: 18px;
                color: #FFF;

                z-index: 2;
                position: relative;
            }

            .ag-courses-item_date {
                font-weight: bold;
                color: #f9b234;

                -webkit-transition: color .5s ease;
                -o-transition: color .5s ease;
                transition: color .5s ease
            }

            .ag-courses-item_bg {
                height: 128px;
                width: 128px;
                background-color: #dc3545;

                z-index: 1;
                position: absolute;
                top: -75px;
                right: -75px;

                border-radius: 50%;

                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
            }

            
            .ag-courses_item:nth-child(3n) .ag-courses-item_bg {
                background-color: #dc3545;
            }


            @media only screen and (max-width: 979px) {
                .ag-courses_item {
                    -ms-flex-preferred-size: calc(50% - 30px);
                    flex-basis: calc(50% - 30px);
                }

                .ag-courses-item_title {
                    font-size: 24px;
                }
            }

            @media only screen and (max-width: 767px) {
                .ag-format-container {
                    width: 96%;
                }

            }

            @media only screen and (max-width: 639px) {
                .ag-courses_item {
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                }

                .ag-courses-item_title {
                    min-height: 72px;
                    line-height: 1;

                    font-size: 24px;
                }

                .ag-courses-item_link {
                    padding: 22px 40px;
                }

                .ag-courses-item_date-box {
                    font-size: 16px;
                }
            }
            
            
                .form-in {

    font-size: 16px;

    line-height: 28px;

    padding: 8px 16px;

    width: 100%;

    min-height: 44px;

    border: unset;

    border-radius: 4px;

    outline-color: rgb(84 105 212 / 0.5);

    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 

                rgba(0, 0, 0, 0) 0px 0px 0px 0px;

}