.footer .footer-image {
    background-image: url(https://www.twi-global.com/locations/pakistan/images/Slide-22-Image.jpg);
    background-color: #266d42;
}

.header .header__bar .icon-logo,
.header .header__bar .logo__link  {
    fill: #fff;
    height: 55px;
    width: 172px;
}

.content-area.with-number.bg-image {
    color: #fff;
    background-blend-mode: multiply;
    background-image: url(https://www.twi-global.com/locations/pakistan/images/Slide-23-Image.jpg);
}



/* body {
    font-size: 22px;
} */

/* .header .header__bar .nav__title {
  font-size: 18px;
} */

/* .header .header__nav-desktop .nav__list:first-child .nav__item.level1#nav-media--events-level1 {
    width: 129px;
} */

/* .feature-boxes .feature-box__text {
    margin: 0 0 25px;
    color: #0a9338;
    font-size: 22px;
    line-height: 29px;

} */

/* .ui-card h3.ui-card__heading {
    font-size: 19px;
    font-weight: 900;
    margin: 0.4375rem 0;
    height: 88px;
    line-height: 1.625rem;
    text-transform: uppercase;
    letter-spacing: .3125rem;
    color: #266d42;
    text-align: left;
}

.ui-card .ui-card__text {
    min-height: 150px;
    line-height: 27px;
    font-size: 22px;
    margin: 0;
} */

/* .latest-media a.latest-media--link, section .latest-media a.latest-media--link {
    float: right;
    position: relative;
    top: 2.9375rem;
    color: #fff;
    right: 0.2rem;
    font-size: 22px;
} */


/* section .upcoming-events a.upcoming-events--link {
    float: right;
    position: relative;
    top: 2.8125rem;
    color: #fff;
    right: 1.6875rem;
    font-size: 22px;
} */


/* global sites font-size to 18px */
/* .quick-links .quick-links__link {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .3125rem;
} */


/* //contact us button font size 18px */
/* .contact-us-cta.white-background .column a.btn--gradient {
    background: #fff;
    color: #266d42!important;
    text-transform: uppercase;
    letter-spacing: 9px;
    font-weight: 900;
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(90deg,#9ecb87 0,#8ec371 17%,#72b73d 44%,#0a9338 76%,#266d42 100%) 1;
    font-size: 18px;
} */


/* globe in header to 24px  */
/* .quick-links .icon-globe, .quick-links .icon-person {
    fill: #fff;
    margin-right: 0.8125rem;
    width: 24px;
    height: 24px;
    position: relative;
    top: -2px;
    filter: drop-shadow(2px 2px 0 #8ec371);
} */


/* // increase character count for press release panels */


/* in this section 18px loetter spacing 5px*/
/* .section--menu .section--menu_toggle .in-this-section {
    display: inline-block;
    letter-spacing: 5px;
    margin-right: 10px;
    line-height: 29px;
    font-size: 18px;
}

@media only screen and (min-width: 62em)
{
    .section--menu {
    margin-left: 45px;
}

} */



/* footer address text to 18px line-height:27px */
/* @media only screen and (min-width: 768px)
{
    .footer .footer__container .footer__contact-details, .footer .footer__container .footer__location, .footer .footer__container .group-company-links {
        font-size: 18px!important;
    }

} */




/* headers in the footer to 18px line height: 27px */
/* .footer .footer__container .footer__contact-details, .footer .footer__container .footer__location, .footer .footer__container .footer__title, .footer .footer__container .group-company-links {
    font-size: 18px;
} */
/* .footer .footer__container .footer__title {
    /* position: relative;
    margin: -76px px 0 70px; */
    /* text-transform: uppercase;
    font-weight: 900;
    line-height: 27px;
    font-size: 18px;
    letter-spacing: 9.1px;
} */

/* company text in footer lowercase to be 22px */
/* .footer .footer__container .group-company-links a {
    padding: 2px 0 9px;
    display: block;
    font-size: 22px;
}

.generic-content-lead p {
    font-size: 22px;
} */




/* .feature-boxes .feature-box .column.large-4 {
  width: 33.33333%;
} */

/* .feature-boxes .feature-box__content {
  overflow: visible;
} */

/* small  576px + */
@media only screen and (min-width: 36em) {


}


/* medium:  768px + Galaxy S9 landscape */
@media only screen and (min-width: 48em) {
}


/* large 992px + */
@media only screen and (min-width: 62em) {

}

/* xlarge 1200px + */
@media only screen and (min-width: 75em) {

}

/* xxlarge 1400px */
@media only screen and (min-width: 87.5em) {


}


/*
break points (Bootstrap 5)
1em = 16px (browser base font size. For media queries only)
em will be relative to container size for other properties (e.g. font-size, margin etc.)
use px or em for media queries, bug in Safari makes rem inconsistent for mq

  xsmall:   0px default, Galaxy S9 portrait
  small:    576px / 36em,
  medium:   768px / 48em, Galaxy S9 landscape
  large:    992px / 62em,
  xlarge:   1200px / 75em
  xxlarge:  1400px / 87.5em


 */