body .single-portfolio-section .container {
    max-width: 1400px;
    width: 80%;
}
.single-portfolio-section {
    padding-bottom: 5%;
}
.page-header h1 {
    text-transform: initial;
}
.content {
    text-transform: initial;
}
.content h4 {
      font-size: 1.3rem;
    font-weight: 800;
}
.content .title {
    font-size: 1.3rem;
    font-weight: 800;
}
.description p {
    margin: 0;
}
.highlights {
    display: flex;
    justify-content: center;
    gap:.4rem
}
.highlights > * {
    flex: 1 0 calc(33.33333% - .4rem);
    padding:3%;
    background-color: #00F2B2;
    text-align: center;
}
.highlights > *:nth-child(1) {
    border-bottom-left-radius: 3rem;
}
.highlights > *:last-child {
    border-bottom-right-radius: 3rem;
}
.highlights .highlight .title {
    font-size: 1.2rem;
    margin-bottom: .8rem;
}
.highlights .highlight .text {
    font-size: 1.3rem;
    font-weight: 700;
}
.share-row  {
    display: flex;
    justify-content: flex-end;
}
.share-row > *  {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.share-row > *:last-child {
    margin-right: 0;
}
.share-row > * span  {
    display: block;
    margin-right:10px
}
.video {
    margin-bottom: .8rem;
    margin-top:-15%;
    position: relative;
}
.video .overlay {
    position:absolute;
    top:0;
    bottom:0;left:0;
    right:0;
    background: rgba(0,0,0,0.5);
    border-radius: 3rem;
    display: flex;
    justify-content:center;
    align-items: center;
    cursor: pointer;z-index: 1;
}
.video video {
    border-radius:3rem 3rem 0 0 ;
    display: block;
}
.content {
    max-width: 1000px;
    margin: 0 auto;
}
.video .overlay {
    position:absolute;
    top:0;
    bottom:0;left:0;
    right:0;
    background: rgba(0,0,0,0.5);
    border-radius: 3rem;
    display: flex;
    justify-content:center;
    align-items: center;
}
.galleries .slick-slide {
    margin:0 1rem;
    transition:all ease 0.5s;
}
.galleries .slick-list {
    margin:0 -1rem;
}
.galleries .slick-slide.slick-center {
    transform:scale(1.1);
}

.galleries .slick-slide img {
    padding: 1.1rem;
    transition: all ease 0.5s;
    height: 17vw;
    width: 20vw;
    object-fit: cover;
}
.galleries .custom-nav, .custom-swiper-button-prev, .custom-swiper-button-next {
    border-radius:50%;
    background:#008CFF;
    width: 3rem;
    height: 3rem;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    cursor:pointer;
    padding: 4px;
}
.galleries .custom-nav.left, .custom-swiper-button-prev { 
    left:0;
}
.galleries .custom-nav.right, .custom-swiper-button-next {
    right:0;    
}
.galleries.slick-slider {
    padding:0 4rem;
}
.galleries .custom-nav svg path, .custom-swiper-button-prev svg path, .custom-swiper-button-next svg path {
    stroke:#fff
}
.galleries .custom-nav, .custom-swiper-button-prev, .custom-swiper-button-next {
        transition:all ease 0.5s;
}
.galleries .custom-nav:hover, .custom-swiper-button-prev:hover, .custom-swiper-button-next:hover {
       transform:translateY(-50%) scale(1.04); 
}
@media screen and (max-width: 991px){
    .highlights > *{
        border-radius:0!important;
    }
}
@media screen and (max-width: 767px){
    body .single-portfolio-section .container {
        width:90%;
    }
    .galleries .slick-slide img {
        height:auto;
        width: 100%;
    }
    .highlights {
        flex-wrap: wrap;
    }
    .highlight {
        width: 100%;
        flex: 0 0 100%;
    }
    .highlights .highlight .text {
        font-size: 1.1rem;
    }
    .highlights .highlight .title {
        font-size:1rem
    }
   .galleries .slick-slide img {
        height: 40vw;
        width: 46vw;
    }      
}