.activity_main .row {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.text-center {
    text-align: center;
}
.mb-4, .my-4 {
    margin-bottom: 3rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.activity_main.h2,.activity_main h2 {
    font-size: 2rem;
}
.activity_main .h1,.activity_main .h2,.activity_main .h3,.activity_main .h4,.activity_main .h5,.activity_main .h6,.activity_main h1,.activity_main h2,.activity_main h3,.activity_main h4,.activity_main h5,.activity_main h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
.activity_main h1, .activity_main h2,.activity_main h3,.activity_main h4,.activity_main h5,.activity_main h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px){
.activity_main .col-md-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.activity_main .col-md-3 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
}



.activity_main {margin:0px auto; padding:0 1rem; width: 100%; max-width:750px; font-family: "Montserrat-Bold"; font-size: 26px; color:#28ffbb;}
.activity_main article,.activity_main section {    display: block;}
.activity_main p{line-height: 1.6;}
.activity_main .headertop{ margin:0px auto; padding-top:30px;  }
.activity_main .headertop .activitylogo img{ width:100%;}
.activity_main  h4{font-size:32px;text-transform:uppercase;  font-family: "Montserrat-Bold";}
.activity_main .text_default{margin:20px auto; display: block; padding:0 5px;}
.activity_main .card-body .cardtitle{
	margin:1.8rem auto;
}.activity_main .card-body .carddesc{
	margin:0rem auto; padding:0 1rem;
}
.activity_main .card-body h5{
 font-size:1.1rem;text-transform:uppercase; font-family: "Montserrat-Bold";
}
.activity_main .card-body h3{
 font-size:1.6rem;text-transform:uppercase; font-family: "Montserrat-ExtraBold";
}
.activity_main .activity_desc{max-width:980px; margin:10px auto; padding:0 0.6rem; text-align:center;color:#28ffbb; font-size:26px}
.activity_main .activity_desc p{ width:100%;}

.activity_main .activity01 .activitylogo{ margin:0 auto; width:250px;}

.activity_main .activity_title span.text-yellow{ color:#D4FD5F;}

.activity_main .activity_title span.text-blue{ color:#579bff;}

.btn{
align-items: center;
background: linear-gradient(180deg,#28ffbb,#28ffbb 21%,#b3d41e);
border-radius: 17px;
color: #060c01;
cursor: pointer;
display: flex;
border:none;
font-family: Montserrat-Bold,Montserrat;
font-size: 12px;
font-size: 26px;
font-weight: 700;
height: 63px;
justify-content: center;
margin: 40px auto 0;
width: 340px;text-decoration: none;


}
.btn:hover { text-decoration:none;color: #060c01} 
@media(max-width:750px){
.activity_main{font-size:16px; line-height:16px;}
.activity_main  h4{font-size:24px;}
.activity_main .text_default{margin:10px auto; display: block;}
.activity_main .headertop{ margin:10px auto 0;  }
.activity_main .headertop .activitylogo {width:200px; }
.activity_main .activity_desc{max-width:980px; margin:5px auto;font-size:16px}
.btn{
border-radius: 14px;
font-size: 18px;
height: 45px;
margin: 20px auto 0;
width: 240px;

}
}