.about-content-wrap { padding-left: 20px; } .about-img-wrap { position: relative; z-index: 1; } .section-title { position: relative; margin-bottom: 30px; } .section-title h2 { font-size: 55px; font-weight: 700; line-height: 65px; color: #181818; } .mt-40 { margin-top: 40px; } .mt-60 { margin-top: 60px; } .single-counter-box p { font-size: 60px; font-weight: 600; color: #212531; line-height: 1; display: inline-block; } @media (max-width: 767px) { .single-counter-box { margin-top: 30px; margin-bottom: 30px; } } .single-counter-box span { color: #FE574F; font-size: 30px; margin-left: 10px; position: relative; top: -30px; } h1, h2, h3, h4, h5, h6 { position: relative; color: #181818; font-family: "DM Sans", sans-serif; font-weight: 400; margin: 0; } p { font-family: "DM Sans", sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; position: relative; color: #797C7F; } button, input, textarea, a:hover, a:focus, a:visited { text-decoration: none; outline: none; outline-width: 0 !important; } /*Button Style */ .theme-btn, .dark-btn, .white-btn, .bordered-btn { display: inline-flex; background: #FE574F; color: #fff; font-size: 15px; font-weight: 700; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; padding: 16px 32px; border: 2px solid #FE574F; text-align: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .about-bg-wrapper { position: relative; z-index: 1; } .small-img { position: absolute; display: inline-block; bottom: -30px; left: 30px; border: 10px solid #fff; box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .small-img { display: none; } } .image-one { position: relative; top: 0; left: 0; width: 70%; } @media (max-width: 767px) { .image-one { width: 80%; } } .image-two { position: absolute; bottom: -60px; right: 20px; width: 55%; } @media (max-width: 767px) { .image-two { width: 65%; right: 0; } }