@charset "UTF-8";
/*
Version: 1.0.0
*/
.page-title h1{
    font-size: 35px;
}
.portfolio-top {
    margin-top: 30px;
    margin-bottom: 30px;
}
.portfolio-top .content-overview {
    background: #fff;
    border-radius: 20px;
    box-shadow: var(--shadow-2);
    padding: 15px;
}
.portfolio-top .content-overview ul li {
    list-style: none;
    margin-left: 0;
}
.portfolio-top .content-overview ul li:before {
    content: "\f058";font-weight: 900;font-family: "Font Awesome 6 Free";margin-right: 5px;
}
.trendy-slide .slider-custom {padding: 0 15px;}
.trendy-slide .slider-custom .flickity-slider .img {max-width: 20% !important;margin: 2px;border: 2px solid #fff}
.trendy-slide .slider-custom .flickity-slider .img.is-selected.is-nav-selected{
    border-color:var(--2nd-color);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.trendy-slide .slider-custom .flickity-viewport .flickity-slider .img img {
    height: 77px;object-fit: cover;width: 100%
}
.trendy-slide .img-final .flickity-viewport .flickity-slider .img img {
    height: 500px;object-fit: cover;width: 100%
}
.trendy-slide .slider-custom button {display: none}
.trendy-slide .flickity-prev-next-button {width: 100px;color: #5d5d5d99}

.portfolio-content .content-right h2 {
    position: relative;
    padding-left: 45px;
    font-weight: 400;
    text-align: left;
    font-size: 1.5em;
    margin-top: 30px;
}
.portfolio-content .content-right h2:before {
    counter-increment: my-h-counter;
    content: ""counter(my-h-counter);
    font-weight: bold;
    color: #fff;
    float: left;
    background-color: #122257;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 4px;
    width: 35px;
    height: 30px;
    text-align: center;
    font-size: 20px;
}
.portfolio-content .content-right h2:after {
    height: 2px;
    width: 100%;
    background-color: #122257;
    position: absolute;
    z-index: 1;
    content: "";
    bottom: 0;
    left: 0;
}