.card1702536882 {

}

.card1702536882 .mhead {
    text-align:center;
}

.card1702536882 .mtitle {
    margin-top: 50px;

    font-size: 40px;
    font-weight: bold;
}
.card1702536882 .mtitle span {
color:#02a755;
}
.card1702536882 .mdesc {
    
}

.card1702536882 .mbody {
    
}

.card1702536882 .mcontent {
    padding:10px;
}


/*Module specific style*/
.card1702536882 .card {
    margin:3px;
    overflow:hidden;
    font-size: 14px;
    border-radius:10px 0;
	
	  --c: #146655; /* رنگ بوردر*/
  --b: 3px;    /* اندازه بوردر*/
  padding: calc(var(--b));
  --_g: #0000 25%,var(--c) 0; 
  background: 
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
     var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
    conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
     0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
  transition: .3s, background-position .3s .3s;
  cursor: pointer;
}
.card1702536882 .card:hover{
  --_i: 100%;
  transition: .3s, background-size .3s .3s;

}
 
.card1702536882 .card-background {
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:1;
}

.card1702536882 .card-foreground {
    background:rgba(255,255,255,0.1);
    z-index:2;
}

.card1702536882 .card-header {
    text-align:center;
}

.card1702536882 .card-title {
    margin: 0px -20px;
    font-size: 24px;
    text-align: center;
    padding: 2% 0% 3% 0%;
    font-weight: bold;
    margin-bottom: 11px;
}
.card1702536882 .col-sm-3:nth-child(1) .card-title a{
color:#0c77ba;
}
.card1702536882 .col-sm-3:nth-child(2) .card-title a{
color:#6d2e8e;
}
.card1702536882 .col-sm-3:nth-child(3) .card-title a{
color:#53c7e2;
}
.card1702536882 .col-sm-3:nth-child(4) .card-title a{
color:#02a755;
}

.card1702536882 .card-body {
    text-align: center;
    font-size: 13px;
    height: 150px;
}


.card1702536882 .card-image {
    text-align: center;
    padding: 3% 0% 0% 0%;
}
.card1702536882 .card-image:hover {

}
.card1702536882 .card-image img {
    height: auto;
}
.card1702536882 .card-icon {
    text-align: center;

}

.card1702536882 a {
    color: #000;
}

.card1702536882 a:hover {
    color:#000;
}

.card1647172899 .card-text {
    font-size:small;
    text-align:center;
}

.card1647172899 .image-link {
    text-align:center;
}

.card1702536882 .list-group {
    font-size:smaller;
}

.card1702536882 .list-group li {
    background:rgba(255,255,255,0.9);
}
.card1702536882 .card-link {
    font-size:smaller;
    padding:10px 10px;
    line-height:1;
    background-color:#02a755 !important;
    transition:all .4s ease !important;
}
.card1702536882 .card-link:hover{
    background-color:#111111 !important;
}
.card1702536882 .card-link:hover::before {
    opacity:1;
}
.card1702536882 .card-link:before{
    content:"";
    transition:all .4s ease;
}
.card1702536882  figure.fade figcaption, figure.effect-fade figcaption {
    background: #fff !important;

    color: #146655 !important;
    margin:0 10% !important;
    border-radius: 20px !important;
}


.card1702536882 figure.fade figcaption, figure.effect-fade figcaption{
  	height: 50% !important;
}
/*Module specific style*/

@media (max-width: 767px) {
	.card1702536882 .mtitle {
    font-size: 35px;

}
}
@media (min-width: 768px) and (max-width: 991px) {
    
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 1200px) {
	
}