@font-face {
    font-family: 'GuardianEgyptian';
    src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2')
            format('woff2'),
        url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff')
            format('woff'),
        url('https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.ttf')
            format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
h2 .heading-5 {
	font-family: GuardianEgyptian;
	font-size: 43px!important;
    line-height: 47px;
    font-weight: 600;
	letter-spacing: 0;
}
h3.dls-bright-blue {
	font-family: GuardianEgyptian;
	font-size: 22px;
	line-height: 25px;
}
h4 .heading-4 {
	font-family: GuardianEgyptian;
	font-size: 27px;
	line-height: 30px;
    font-weight: 600;
}
h5 .heading-4 {
	font-family: GuardianEgyptian;
	font-size: 26px;
	line-height: 26px;
}
p .heading-4 {
	font-size: 18px;
    line-height: 23px;
}
p .p.heading-4 {
	font-size: 20px;
    line-height: 23px;
	font-weight: 300;
}
.grid-card p .heading-5 {
	font-size: 16px;
    line-height: 17px;
}
p .heading-5 {
	font-size: 16px;
    line-height: 17px;
}
a span.heading-4 {
	font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    font-stretch: condensed;
}
.drk-blue {
	color: #00175A;
}
.wht {
	color: #ffffff;
}
.blu {
	color: #006FCF;
}
.b4b-header-spacer {
	height: 550px;
}
.grid-card a.link-underlined {
	text-decoration-color: #00175A;
}
.drk-blue-grid-card a.link-underlined, .blue-grid-card a.link-underlined {
	text-decoration-color: #ffffff;
}
.carousel-inner, li.hero.carousel-item.dls-gray-02-bg, .grid-card {
	background-color: #ffffff!important;
}
.carousel-multi-card .carousel-inner li {
    padding: 1.875rem 4rem 4rem;
}
.carousel-multi-card img {
	background: none;
}
.hero.carousel-item img {
	max-height: 90px!important;
	text-align: center;
	/* margin: 0 30%; */
	/* float: right; */
}
.drk-blue-grid-card img, .blue-grid-card img {
	max-height: 100px!important;
    min-height: 100px!important;
}
.card hr {
	border-top: none;
}
div.card, .grid-card, .drk-blue-grid-card, .blue-grid-card {
	border-radius: 25px;
}
div.card {
	padding-top: 50px;
	padding-bottom: 50px;
	height: 400px;
	padding: 40px 25px;
}
.card .pad-2 {
	text-align:center;
	padding: 1.875rem 1.25rem!important;
}
.grid-card {
	height:545px;
}
.drk-blue-grid-card, .blue-grid-card {
	height:430px;
}
.grid-card {
    padding: 20px 15px;
}
.drk-blue-grid-card, .blue-grid-card {
    padding: 45px 15px;
}
.hero.carousel-item #fffd div.card,.hero.carousel-item #vvcvb div.card,.hero.carousel-item #gfghgc div.card, .blue-grid-card {
	 background-color: #006FCF;
	 /* padding-top: 25px; */
	 /* padding-bottom: 25px; */
}
.hero.carousel-item #bcbbv div.card, .drk_blue_bg, .hero.carousel-item #fdfddf div.card, .drk-blue-grid-card {
	 background-color: #00175A!important;
}
.video.parbase .col-sm-12 {
	padding: 0;
}
h3.dls-bright-blue,p.body-1.dls-black {
	color:#ffffff!important;
}
.icon {
    vertical-align: bottom;
}
.hide-1279-dwn, .hide-600-dwn {
	display: block;
}
.hide-1280-up, .hide-600-up, [data-dls-glyph] svg, .cq-placeholder, .new, .grid-spacing1, .grid-spacing2, .grid-spacing3, .grid-spacing4, .grid-spacing5, .grid-spacing6, .grid-spacing7, .grid-spacing8, .grid-spacing9 {
	display: none;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
@media only screen and (min-width: 1610px) {
	.b4b-header-spacer {
		height: 660px;
	}
}
@media only screen and (min-width: 1925px) {
	.b4b-header-spacer {
		height: 781px;
	}
	
}
@media only screen and (min-width: 2325px) {
	.b4b-header-spacer {
		height: 966px;
	}
}
@media only screen and (min-width: 2800px) {
	.b4b-header-spacer {
		height: 1299px; 
	}
}
@media (max-width: 1279px) {
	.hide-1279-dwn {
		display: none;
	}
	.hide-1280-up, .grid-spacing1, .grid-spacing2, .grid-spacing3, .grid-spacing4, .grid-spacing5, .grid-spacing6, .grid-spacing7, .grid-spacing8, .grid-spacing9 {
		display: block;
	}
	div.card {
		height: 450px;
	}
	.grid-spacing1 {
		height: 12px;
	}
	.grid-spacing2 {
		height: 35px;
	}
	.grid-spacing3, .grid-spacing6, .grid-spacing7 {
		height: 0;
	}
	.grid-spacing4, .grid-spacing5 {
		height: 44px;
	}
	.grid-spacing8, .grid-spacing9 {
		height: 21px;
	}
	.drk-blue-grid-card, .blue-grid-card {
		padding: 50px 0px;
	}
	.drk-blue-grid-card, .blue-grid-card {
		height: 500px;
	}
	.grid-card {
		height:570px;
	}
	.b4b-header-spacer {
		height: 431px;
	}
}
@media (max-width: 1023px) {
	h5 .heading-4 {
		font-size: 20px;
		line-height: 26px;
	}
	div.card {
		height: 400px;
	}
	.grid-card {
		padding: 40px 0px;
	}
	.grid-card {
		height: 660px;
	}
	.grid-spacing1 {
		height: 0;
	}
	.grid-spacing2 {
		height: 97px;
	}
	.grid-spacing3 {
		height: 52px;
	} 
	.grid-spacing6, .grid-spacing7 {
		height: 0;
	}
	.grid-spacing4 {
		height: 49px;
	}
	.grid-spacing5 {
		height: 68px;
	}
	.grid-spacing8 {
		height: 88px;
	}
	.grid-spacing9 {
		height: 110px;
	}
	.drk-blue-grid-card, .blue-grid-card {
		height: 575px;
	}
	.drk-blue-grid-card, .blue-grid-card {
		padding: 45px 0px;
	}
	.drk-blue-grid-card .container, .blue-grid-card .container {
		padding-left: 10px;
        padding-right: 10px
	}
	a span.heading-4 {
		font-size: 15px;
		line-height: 20px;
	}
	.icon, .icon:before {
		font-size: 1.28rem;
	}
	.b4b-header-spacer {
		height: 313px;
	}
}
@media (max-width: 767px) {
	h2 .heading-5 {
		font-size: 35px!important;
		line-height: 45px;
		letter-spacing: -1px;
	}
	p .heading-4 {
		font-size: 20px;
		line-height: 27px;
	}
	p .heading-5 {
		font-size: 18px;
		line-height: 25px;
	}
	.drk_blue_bg div.col-md-4 {
		margin-top: 25px!important;
	}
	.grid-card {
		padding: 10px 15px;
	}
	.grid-card {
		height: 620px;
	}
	.drk_blue_bg .pad-3-t {
		padding-top: 1.25rem!important;
	}
	.drk-blue-grid-card, .blue-grid-card {
		height: 425px;
    	padding: 60px 10px;
		margin-top: 25px;
	}
	.grid-spacing1, .grid-spacing2, .grid-spacing3, .grid-spacing4, .grid-spacing5, .grid-spacing6, .grid-spacing7, .grid-spacing8, .grid-spacing9 {
		display: none;
	}
	.youtube-video {
	  aspect-ratio: 4 / 5;
	  width: 100%;
	}
	.b4b-header-spacer {
		height: 669px;
	}
}
@media (max-width: 600px) {
	h2 .heading-5 {
		font-size: 28px!important;
		line-height: 38px;
	}
	.hide-600-dwn {
		display: none;
	}
	.hide-600-up {
		display: block;
	}
	.b4b-header-spacer {
		height: 540px;
	}
}
@media (max-width: 562px) {
	.grid-spacing8 {
		display: block;
		height: 0;
		z-index: 1;
		margin-top: -33px;
	}
}
@media (max-width: 560px) {
	.grid-card {
		padding: 20px 15px;
	}
}
@media (max-width: 519px) {
	.drk-blue-grid-card, .blue-grid-card {
		height: 485px;
	}
}
@media (max-width: 500px) {
	.grid-card {
		padding: 30px 15px;
	}
	.b4b-header-spacer {
		height: 425px;
	}
}
@media (max-width: 425px) {
	div.card {
		height: 500px;
	}
	.grid-card {
		padding: 30px 15px;
	    height: 575px;
	}
	.drk-blue-grid-card, .blue-grid-card {
		padding: 40px 10px;
	}
	.b4b-header-spacer {
		height: 350px;
	}
}
@media (max-width: 340px) {
	.drk-blue-grid-card, .blue-grid-card {
		height: 525px;
	}
	.b4b-header-spacer {
		height: 265px;
	}
}
