:root {
    --font-poppins: "Poppins", sans-serif;
    --font-playfair-display: "Playfair Display", sans-serif;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --text-body: #262626;
    --theme-dark: #262626;
    --theme-dark-rgb: 38, 38, 38;
    --goldern-yellow: #C9AF68;
    --goldern-yellow-rbg: 201, 175, 104;
    --goldern-light: #F9F7F4;
    --white: #fff;
    --error-text: #BF481B;
    --black: #000;
    --transition: all 400ms ease-in-out;
    --golden-gradient: linear-gradient(180deg, #F9F7F4 0%, #FFF 100%);
    
}
.our-best-work{
    margin-bottom: 90px;
}
.our-best-work-wrap{
    margin-bottom: -40px;
}
.our-best-work-wrap .row {
    margin-left: -20px;
    margin-right: -20px;
}
.our-best-work-wrap .row > *,
.our-best-work .container {
    padding-left: 20px;
    padding-right: 20px;
}
.our-best-work-item{
    margin-bottom: 40px;
    background-color: var(--goldern-light);
}
.our-best-work-item .img-wrap{
    height: 377px;
    overflow: hidden;
}
.our-best-work-item .img-wrap img{
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
    transform: scale(1.01);
}
.our-best-work-item a:hover .img-wrap img{
    transform: scale(1.06);
}
.our-best-work-item .cotent-wrap{
    padding: 16px 25px 12px;
}
.our-best-work-item .cotent-wrap h4{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}
.our-best-work-item .cotent-wrap h4::after{
    background-image: url(../images/arrow-right-black.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: inline-block;
    margin-left: 17px;
    position: relative;
    top: 0;
    height: 14.73px;
    width: 24px;
    transition: var(--transition);
}
.our-best-work-item a:hover .cotent-wrap h4::after{
    transform: translateX(5px);
}