.cpg-grid {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.5rem;
  row-gap: 5rem;
}

.cpg-grid .cpg-card:nth-child(1),
.cpg-grid .cpg-card:nth-child(4),
.cpg-grid .cpg-card:nth-child(5),
.cpg-grid .cpg-card:nth-child(8),
.cpg-grid .cpg-card:nth-child(9),
.cpg-grid .cpg-card:nth-child(12)
{
  flex-basis: 55%;
}

.cpg-grid .cpg-card:nth-child(2),
.cpg-grid .cpg-card:nth-child(3),
.cpg-grid .cpg-card:nth-child(6),
.cpg-grid .cpg-card:nth-child(7),
.cpg-grid .cpg-card:nth-child(10),
.cpg-grid .cpg-card:nth-child(11)

 {
  flex-basis: 40%;
}

.cpg-card .img-div {position: relative;display: inline-block;overflow: hidden;width:100%;}
.cpg-card .img-div img {display: block;width: 100%;height: auto;}
.cpg-card .img-div .hover-icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;z-index: 2;}
.cpg-card .tags-badge {position: absolute;bottom: 0;left: 0;background: #fff;padding: 0.4rem 1rem;color: #000;
    font-weight: 600;z-index: 3;}

.cpg-card .img-div::before {content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: radial-gradient(78.39% 69.97% at 11.63% 7.06%, #634797 0%, #ac885b 33.33%, #ac885b 66.67%, #634797 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
    transform: translateY(180px);
    -webkit-border-radius: 50%;
    border-radius: 0;
    filter: blur(50px);scale: 1.4;}
.cpg-card:hover .hover-icon,
.cpg-card:hover .img-div::before {
  opacity: 1;
}
.cpg-grid .portfolio-title a{display: flex;flex-wrap: nowrap;gap:2rem;justify-content: space-between;margin-top: 1rem;}
.cpg-grid .portfolio-title .arrow-icon{font-size: 1.5rem;
font-family: 'fontello';color:#fff;margin-top:5px;}
   
.cpg-grid .portfolio-title h6 {font-size: 30px !important;
    font-family: HKGrotesk-Bold !important;
    line-height: 35px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    opacity: 1;
    position: relative;
    -webkit-transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.cpg-card-content {padding-bottom: 1.5rem;}
.cpg-card-content p.short-desc {margin-top: 1.5rem !important;line-height: 24px !important;padding-bottom: 2rem;margin-bottom:0 !important;margin-top:1rem !important;}
.cpg-grid .portfolio-title:hover .arrow-icon {color: #006eff;}
.cpg-grid .portfolio-title:hover h6 {color: #006eff;}

.cpg-card-content .results-part .row{display:flex;gap:4rem;width: fit-content;position: relative;margin-top: 1rem;align-items:center;}

.cpg-card-content .results-part .horizontal {width:1px;height:70px;background:#fff5;}
.cpg-card-content .results-part .row::after {content: "";position: absolute;height: 80%;background: #fff5;top: 50%;width: 1px;left: 50%;transform: translate(-50%, -50%);display: none;}
.cpg-card-content .results-part .row .col {width:auto;}
.cpg-card-content .results-part h6 {font-size: 2rem !important;margin-bottom:0 !important;line-height:unset !important;}
.cpg-card-content .results-part p {margin-top: 10px !important;}

@media screen and (max-width: 1200px) {.cpg-card-content .results-part .row {gap:5rem;}}

/* Responsive */
@media screen and (max-width: 1024px) {
.cpg-grid .cpg-card:nth-child(1),
.cpg-grid .cpg-card:nth-child(2),
.cpg-grid .cpg-card:nth-child(3),
.cpg-grid .cpg-card:nth-child(4),
.cpg-grid .cpg-card:nth-child(5),
.cpg-grid .cpg-card:nth-child(6),
.cpg-grid .cpg-card:nth-child(7),
.cpg-grid .cpg-card:nth-child(8),
.cpg-grid .cpg-card:nth-child(9),
.cpg-grid .cpg-card:nth-child(10),
.cpg-grid .cpg-card:nth-child(11),
.cpg-grid .cpg-card:nth-child(12){flex-basis: 100%;}
.cpg-card-content .results-part .row {gap:8rem;}
}

@media screen and (max-width: 767px) {
.cpg-grid .portfolio-title h6 {font-size:24px !important;line-height: 30px !important;}
.cpg-grid .portfolio-title .arrow-icon {font-size:1.2rem;}
.cpg-grid .portfolio-title a{gap:1.5rem;}
.cpg-card .img-div::before {transform: translateY(140px);}
}

@media screen and (max-width: 576px) {
    .cpg-card-content .results-part .row {width: 100%;justify-content:space-between;gap:unset;flex-wrap: nowrap;}
    /* .cpg-card-content .results-part .horizontal {display: block;position: relative;height: 70px;} */
    .cpg-card-content .results-part .row::after {display: none;}
    /* .cpg-card-content .results-part .horizontal::before {content: "";position: absolute;height: 100%;background: #fff5;top: 50%;width: 1px;left: 50%;transform: translate(-50%, -50%);} */
    .cpg-card-content .results-part .row .col {width:auto;}
}

@media screen and (max-width: 480px) {
    .cpg-card-content .results-part .row {gap:5px;}
    .cpg-card-content .results-part h6 {font-size: 1.5rem !important;}
    .cpg-card-content .results-part p {font-size: 0.9rem !important;}
    .cpg-card-content .results-part .row::after {left:50%;}
}