.define-us-section { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 100% auto; } .arrow-container { position: relative; width: 100%; height: 100%; } #arrow { fill: 000; position: absolute; top: 50%; left: 12%; transform: translate(-50%, -50%); } .define-us-description { display: flex; height: 100%; justify-content: space-between; padding: 0 5%; gap: 3rem; } .define-us-details { display: flex; flex-direction: column; justify-content: center; gap: 4rem; } .define-us-heading { display: flex; width: 100%; font-size: 2.5vw; font-weight: 700; margin-top: 7rem; opacity: 0; } .define-us-text-heading { font-size: 3vw; font-weight: 700; } .define-us-para-text { font-size: 2vw; font-weight: 600; color: #6d6b6b; } /* media queries */ @media (max-width: 575.98px) { #arrow { display: none; } .define-us-description { flex-direction: column; gap: 1rem; justify-content: space-evenly; ; } .define-us-heading { display: none; font-size: 8vw; margin-top: 5rem } .define-us-text-heading { font-size: 9vw; } .define-us-para-text { font-size: 5vw; } .define-us-details { gap: 2rem; } } @media (min-width: 576px) and (max-width: 767.98px) { #arrow { display: none; } .define-us-description { flex-direction: column; gap: 0; align-items: center; height: 100%; justify-content: center; } .define-us-heading { display: none; font-size: 5vw; margin-top: 5rem; } .define-us-text-heading { font-size: 6vw; } .define-us-para-text { font-size: 3vw; } } @media (min-width: 768px) and (max-width: 991.98px) { #arrow { display: none; } .define-us-description { flex-direction: column; gap: 0; } .define-us-heading { display: none; font-size: 4vw; margin-top: 5rem; } .define-us-text-heading { font-size: 5vw; } .define-us-para-text { font-size: 2vw; } } @media (min-width: 992px) and (max-width: 1199.98px) { .define-us-text-heading { font-size: 4vw; } } @media (min-width: 1200px) and (max-width: 1399.98px) {} @media (min-width: 1400px) {}