@media only screen and (min-width: 0em) {#hero {padding: 9.375rem 1rem 3.75rem 1rem;background: linear-gradient(246deg, #7d3232 0%, #6f1b1b 28.53%, #380e0e 75.52%);}#hero .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;animation: fade 1s ease;}#hero .cs-left {font-size: min(2.31vw, 0.7em);width: 39.4375em;height: 39.75em;position: relative;}#hero .cs-button-solid:hover {color: var(--headerColor);}#hero .cs-button-solid:before {background-color: #f4f1ea;}#hero .mobile {margin-bottom: 0.25rem;}#hero .cs-picture {display: block;margin: auto;position: relative;overflow: hidden;}#hero .cs-picture img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;filter: drop-shadow(10px 10px 3px rgba(0, 0, 0, 0.4));}#hero .cs-picture1 {width: 32.625em;height: 36.3125em;top: 0;right: 0;}#hero .cs-right {max-width: 33.875rem;margin: auto;margin-bottom: 1rem;}#hero .cs-topper {text-align: center;margin-bottom: 0.25rem;color: var(--primary);}#hero .cs-title {text-align: center;max-width: 50rem;text-transform: uppercase;font-size: clamp(3.75rem, 7.82vw, 6.25rem);color: #ffffff;}#hero .cs-text {text-align: center;max-width: 46.875rem;margin-bottom: 1rem;color: #f7f7f7;font-size: 1.1rem;letter-spacing: 0.05em;}#hero .desktop {display: none;}#hero .swiper-wrapper {margin-bottom: 2rem;}#hero .swiper-pagination {position: relative;}#hero .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px);background-color: #f4f1ea;}html[lang=ur] #hero .cs-text {letter-spacing: 0;}}@media only screen and (min-width: 64em) {#hero {padding: 6.25rem 1rem 3.75rem 1rem;}#hero .cs-container {flex-flow: row;justify-content: space-between;gap: 3.25rem;}#hero .cs-topper, #hero .cs-title, #hero .cs-text {text-align: left;}#hero .cs-left {font-size: min(1.2vw, 1em);order: 2;flex: none;}#hero .cs-right {margin: 0;}#hero .desktop {display: inline-block;}#hero .mobile {display: none;}#hero .cs-picture {margin: 0;position: absolute;}html[lang=ur] #hero {text-align: right;}html[lang=ur] #hero .cs-topper, html[lang=ur] #hero .cs-title, html[lang=ur] #hero .cs-text {text-align: right !important;}}