@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
    .offer {
	background-color: #23272A;
}
.feature-box {
	position: relative;
	z-index: 10;
}
.avalbl_finsh li{
    display: inline-block;
    max-width: 40%;
    margin: 5px 4%;
}
.avalbl_finsh li img{
    filter: invert(1);
}
.feature-box h3 {
	font-family: "Palatino Linotype", Sans-serif;
    font-weight: 400;
    color: #fff;
}
.offer .feature-box h3{
    position: relative;
    display: initial;
    padding-bottom: 5px;
}
.offer .feature-box h3::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, #e5e5e5 44%, transparent 48%, transparent 52%, #e5e5e5 58%, transparent);
    height: 2px;
    width: 100%;
}
.offer .feature-box h3::after{
    content: "";
    position: absolute;
    bottom: -3px;
    left: calc(50% - 4px);
    background-color: #0093ff;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
}
.feature-box p {
	color: #FFFFFF99;
    font-family: "Lexend", Sans-serif;
    font-weight: 300;
}
.feature-box a {
	margin-bottom: 0px;
    font-family: "Lexend", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background-size: 100% 1px;
}
section.offer {
	position: relative;
}
.offer-title-left{
    position: absolute;
    /* left: -19%; */
    top: 23%;
}
.offer-title-left h1 {
    color: #FFFFFF08;
    font-family: "Parisienne", Sans-serif;
    font-size: 290px;
    font-weight: 400;
}
.offer-circle-left {
	position: absolute;
	left: -5%;
	top: 19%;
	width: auto;
}
.offer-circle-left i {
	font-size: 643px;
	color: #2D2F32;
    border-color: #2D2F32;
}
.offer-img-left {
	position: absolute;
	left: 4.75%;
	top: 31%;
}
.offer-circle-right {
	position: absolute;
	right: -12%;
	bottom: 7%;
}
.offer-circle-right i {
	font-size: 643px;
	color: #2D2F32;
    border-color: #2D2F32;
}
.offer-title-right {
    position: absolute;
    right: 0;
    bottom: 10%;
}
.offer-title-right h1 {
    color: #FFFFFF08;
    font-family: "Parisienne", Sans-serif;
    font-size: 290px;
    font-weight: 400;
}
.offer-img-right {
	position: absolute;
	right: 4%;
	bottom: 13%;
}
.portfoliyo_product{
    background-color: #e9e9e9;
    padding-top: 80px;
}

@media only screen and (max-width: 1600px) {
    .offer-title-right h1,
    .offer-title-left h1 {
        font-size: 240px;
    }
    .offer-title-left {
        top: 12%;
    }
    .offer-title-right {
        right: 60px;
        bottom: 3%;
    }
    .offer-img-left {
        position: absolute;
        left: 0;
        top: 25%;
    }
    .offer-img-right {
        position: absolute;
        right: 0%;
        bottom: 14%;
        text-align: end;
    }
    .offer-img-right img {
        max-width: 60%;
    }
}
@media only screen and (max-width: 767px) {
    .offer-img-right,
    .offer-img-left {
        display: none;
    }
}