.about-img-row {
	position: relative;
}
.about-top-img {
	position: relative;
	display: flex;
	width: 86.4%;
}
.about-top-img img {
	width: 100%;
	clip-path: polygon(60px 0, calc(100% - 0px) 0, 100% 60px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 60px), 0 60px);
}
.about-bottom-img {
    position: relative;
    display: flex;
    margin-left: auto;
    width: 53%;
    border: 10px solid var(--sk-white);
    margin-right: -82px;
    margin-top: -281px;
}
.about-bottom-img img {
	width: 100%;
	clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0px 100%, 0 calc(100% - 0px), 0 0px);
}
.year-experiance {
    position: absolute;
    left: -58px;
    top: 15%;
    padding: 4px 25px 9px 67px;
    color: var(--sk-white);
    display: inline-flex;
    flex-direction: column;
    z-index: 1;
}
.year-experiance-shadow {
	position: absolute;
	display: flex;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	clip-path: polygon(0% 0%,85% 0%,100% 100%,15% 100.00%);
	background-color: var(--sk-blue);
	z-index: -1;
}
.year-experiance-shadow-bottom {
	position: absolute;
	display: flex;
	content: '';
	left: 20px;
	top: 15px;
	width: 100%;
	height: 100%;
	clip-path: polygon(0% 0%,85% 0%,100% 100%,15% 100.00%);
	background-color: var(--sk-dark-blue);
	z-index: -2;
}
.year-experiance-num {
	display: block;
	font-weight: 700;
	font-size: 56px;
	line-height: 1;
	margin: 0 0 5px;
}
.year-experiance p {
	font-weight: 600;
	font-size: 15px;
	line-height: 1.3;
	margin: 0;
	text-transform: uppercase;
}
.circular-logo {
	position: absolute;
	right: -54px;
	top: -58px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 158px;
  	height: 158px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 5px 45px 0px rgba(0, 0, 0, 0.06);
	z-index: 2;
}
.about-top-img .circular-logo img {
	clip-path: none;
}
.sub-title {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	font-family: 'Roobert';
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	margin: 0 0 30px;
	color: var(--sk-primary);
	gap: 14px;
}
.sub-title:before {
	position: relative;
	display: flex;
	content: '';
	width: 74px;
	height: 2px;
	background-color: var(--sk-primary);
	margin-top: 2px;
}
.about-quote {
	position: relative;
	width: 100%;
	padding-left: 100px;
	max-width: 580px;
	margin-top: 90px;
}
.about-quote-top {
	position: relative;
	padding-bottom: 45px;
	margin-bottom: 45px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.231);
}
.about-quote-top p {
	display: inline;
	font-size: 28px;
	line-height: 1.464;
	font-weight: 500;
	margin: 0;
}
.quote-left {
	position: relative;
	display: inline-block;
	margin-left: -20px;
	margin-right: 10px;
	top: -10px;
}
.quote-right {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	top: 10px;
}
.about-quote-info .sign {
	position: relative;
	display: block;
	font-size: 72px;
	line-height: 1;
	color: var(--sk-primary);	
	font-family: 'Euphoria Script';
}
.about-quote-info p {
	margin: 0;
}
.about-section .content-title {
	margin-top: 30px;
}
@media (max-width: 1549px) {
	.about-bottom-img {
	    margin-right: -62px;
	    margin-top: -178px;
	}
}
@media (max-width: 1199px) {
	.year-experiance-num {
	    font-size: 34px;
	}
	.about-section .content-title {
	    margin-top: 10px;
	}
	.year-experiance {
	    left: -41px;
	    top: 15%;
	    padding: 4px 23px 9px 48px;
	}
	.about-bottom-img {
        margin-right: -35px;
        margin-top: -142px;
    }
    .about-quote {
	    padding-left: 40px;
	    margin-top: 60px;
	}
	.about-quote-top p {
	    font-size: 22px;
	}
	.about-quote-top {
	    padding-bottom: 31px;
	    margin-bottom: 32px;
	}
}

@media (max-width: 991px) {
	.about-section .content-title {
        margin-top: 0px;
    }
    .year-experiance-num {
        font-size: 45px;
    }
    .about-bottom-img {
        margin-right: 0;
        margin-top: -268px;
    }
    .about-quote {
	    padding-left: 100px;
	    margin-top: 90px;
	}
}

@media (max-width: 767px) {
	.circular-logo {
	    right: -45px;
	    top: -38px;
	    width: 100px;
	    height: 100px;
	}
	.year-experiance-num {
        font-size: 24px;
    }
    .year-experiance p {
	    font-size: 10px;
	}
	.year-experiance-shadow-bottom {
	    left: 15px;
	    top: 10px;
	}
	.year-experiance {
        left: -22px;
        top: 15%;
        padding: 4px 23px 9px 33px;
    }
    .about-bottom-img {
        margin-right: 0;
        margin-top: -133px;
        width: 68%;
    }
    .sub-title {
	    margin: 0 0 15px;
	    gap: 10px;
	}
	.sub-title:before {
	    width: 40px;
	}
	.about-quote {
        padding-left: 0px;
        margin-top: 35px;
    }
    .quote-left {
	    margin-left: 0;
	}
	.about-quote-top p {
        font-size: 18px;
    }
    .about-quote-info .sign {
	    font-size: 50px;
	}
}