/*About Us css*/
.about-us{
    background:var(--white-color);
}
.about-us .arrow-mask-wrap {
    width: 110px;
    height: 22px;
    position: absolute;
    top: 0px;
    z-index: 0;
    transition: clip-path 0.6s cubic-bezier(0.785,0.135,0.15,0.86);
}

.about-us .abt-cnt {
    padding: 0px var(--p12);
    padding-bottom: 0px;
}
.about-us .head-sec {
    margin-bottom: var(--m30);
    position: relative;
}
.about-us .arrow-mask-right {
    left: 0px;
    clip-path: inset(0px 100% 0px 0);
}
.about-us .arrow-mask-right.affix {
    clip-path: inset(0px 0px 0px 0%);
    position: relative;
}
.about-us .head-sec h2 {
   font-size: var(--f60);
    line-height: 1.3;
    font-weight: 400;
    color: var(--heading-color);
    text-transform: inherit;
    margin-bottom: 0px;
    font-family: var(--secondary-font);
    width: auto;
    display: inline-block;
    text-align: left;
}
.about-us b{
    font-weight:bold;
}
.about-us h3{
    font-size: var(--f44);
    color: var(--black-color);
    font-weight: 600;
}
.about-us h6{
   margin-bottom: var(--m15);
    color: var(--secondary-color);
    font-weight: 700;
    font-family: var(--secondary-font);
    font-size: var(--f24);
    margin-top: 0px;
}
.about-us .welcome{
    font-weight: 600;
    font-size: var(--f18);
    margin-bottom: var(--m10);
    color: var(--secondary-color);
}
.about-us .abt-pro{
   min-height: 350px;
    object-fit: cover;
    height: 420px;
    object-position: top;
    width: 95%;
    border-radius: 64% 36% 27% 73% / 55% 58% 45% 42%;
    animation: blobEffect 5s linear infinite;
}
.about-us .sign{
   width: 250px;
    height: auto;
    font-family: "sign";
    font-size: var(--f25);
    margin-top: var(--m40);
    letter-spacing: 2px;
    margin-bottom: var(--m10);
}
.about-us p.owner {
    margin-bottom: 0;
}

.about-us .left{
    width:41.66%;
    float: left;
}

.qualities h2{
    font-size:var(--f36);
    color:#282828;
    margin-bottom: var(--m40);
}
.qualities p{
letter-spacing: 1px;
    font-size: var(--f14);
    line-height: 23px;
    font-weight: 400;
    text-align: left;
}
.qualities .fa-solid{
    font-size:var(--f50);
    margin-bottom: var(--m10);
}
.qualities h6{
    margin-bottom:var(--m10);
}




@keyframes blobEffect{
	0%, 100%{
		border-radius: 64% 36% 27% 73% / 55% 58% 45% 42%;
	}
	25%{
		border-radius: 73% 27% 26% 38% / 73% 36% 64% 27%;
	}
	50%{
		border-radius: 28% 72% 44% 56% / 49% 40% 60% 51%;
	}
	25%{
		border-radius: 40% 60% 70% 30% / 47% 62% 38% 53%;
	}
}