#sub-certifications .gw-tabs {background: #f2f2f2;}
#sub-certifications .tab-content {display: none;}
#sub-certifications #tab1{display: block;}
#sub-certifications .gw-certification-container{align-items: flex-start;flex-wrap: wrap;}
#sub-certifications .gw-certification-list{width:calc(24% - 10px); margin-bottom: 1em;}
#sub-certifications .gw-certification-list .gw-img-container {background: #f2f2f2;border:1px solid #ddd;cursor: pointer;overflow: hidden;}
#sub-certifications .gw-certification-list .gw-img{transition: all 1.5s;}
#sub-certifications .gw-certification-list .gw-hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition: all .3s;}
#sub-certifications .gw-certification-list .gw-hover:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;opacity: 0.7;}
#sub-certifications .gw-btn01 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;border-color: #fff;color: #fff;background: rgba(255,255,255,0.2);}
#sub-certifications .gw-certification-list .gw-img-container:hover .gw-img{transform: scale(1.05) rotate(0.01deg);}
#sub-certifications .gw-certification-list .gw-img-container:hover .gw-hover{opacity: 1;}
#sub-certifications .gw-text01 {color: var(--main-color);border-bottom: 1px solid var(--main-color);}
.certification_modal{width: 1000px !important;}
.certification_modal .modal-text{line-height: 1.75;}
.certification_modal .modal-content{height: auto;}

@media screen and (max-width:1024px) {
    .certification_modal{width: calc(100% - 40px) !important;}
    .certification_modal .certification > img {width: 30vw;}
}

@media screen and (max-width:576px) {
    #sub-certifications .gw-certification-list{width:calc(50% - 10px);}
}

@media screen and (max-width:320px) {
    #certification_modal .small-btn{width: 25px;height: 25px;}
    #certification_modal .small-btn > i{font-size:16px;}
}