.nav-flag ::after,.nav-home ::after{content:".";display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;margin-left:-5px;color:#cf2e2e}.nav-home ::after{background-image:url('https://deposita.co.za/wp-content/uploads/2024/02/Home-icon.png');width:25px}.page-id-1531 h1{display:none}.nav-flag ::after{background-image:url('https://deposita.co.za/wp-content/uploads/2022/04/icons8-usa-48.png');width:30px}#nav.navbar #navbar ul.nav.navbar-nav>li.nav-item.active>a.nav-link{color:#cf2e2e}#footer .row>div{width:25%}#footer .lower-text a{font-size:10px !important}.form-check{display:flex;justify-content:space-between}.navbar>.container{flex-direction:row-reverse}.navbar-collapse{flex-grow:0 !important}@media (max-width:900px){.navbar>.container{flex-direction:row}.nav-link{padding:1.5rem 0 !important}}.wpcf7-list-item-label{font-size:12px}.form-check-input{margin-top:.5rem}.footer-nav div p,.footer-nav p{font-size:15px!important}:root :where(a:where(:not(.wp-element-button))){text-decoration:none !important}.youtube-video{height:50% !important;width:65%;margin-left:auto;margin-right:auto;margin-top:200px}.specs{width:13rem}.infographic-container{height:30vw}.scroll-down, .collapser{transform:translate(-50%, -38rem)}.component-header{height:30vw} .collapser{transform: translate(-50%, -25rem); height:46px;background:#000000a8;padding:10px }.scroll-down{transform: translate(-50%, -20rem)}.info-image .component-header{min-height:30vw}.infographic .stop .stop-img{z-index:1}#infographic-connector .infographic-container .infographic .infographic-line{height:2300px}
#infographic-connector .infographic-container .infographic{
	height:2200px
}
.drop-down-menu p span select {
	width:99%;
	padding:4px;
	border-radius:2px
}
select option {
	background-color: #212529;
}
.first-post{
	min-height:500px!important
}
.home-news .news-item, .resource-archive .news-item{min-height:500px}
.home-news .excerpt, .resource-archive .excerpt{
	font-size:1.5rem !important
}
.home-news .content, .resource-archive .content{
	align-content:space-between
}
.home-news .news-item, .resource-archive .news-item{
	padding-top:20.5rem !important;
}
.first-post .content p.title{
	padding-top:30px !important
}
.news-item:hover .content, .resource-archive .content:hover{
	background:#0f41384e;
	backdrop-filter:blur(35px);
	transition:.3s ease all;
	webkit-backdrop-filter:blur(35px);
}
.home-news .image-overlay:after, .resource-archive .image-overlay:after{
	z-index:11
}
form .post-search-btn{
	right:0;
	bottom:0;
	padding-right:15px;
	padding-top:10.5px;
	background:#e4002b;
	border-radius:0 3px 3px 0;
}
.search{width:100%;
padding:50px 80px}

.submit-button input{
 color: transparent;
    transition: .3s ease all;
    background: 0 0;
    border: none;
    transform: translate(30px, -4px);
}
@media only screen and (max-width: 900px) {
	.home-news .news-item, .resource-archive .news-item{
		min-height:300px;
		padding-top:30px !important
	}
	.component-header{
		max-height:500px;
	}
	.first-post .content p.title{
		font-size:1rem !important;
	}
	.home-news .content, .resource-archive .content{
		min-height:200px;
	}
	form .post-search-btn{
		padding-top:5px
	}}
.logo{
	object-fit:cover;
	width:220px !important;
	background-size:contain !important;
}
.wp-block-pullquote {
	text-align:left;
	padding:1rem 0;
}
.wp-block-pullquote blockquote p, .wp-block-quote p{
	border-left:2px solid #ffffff;
	padding-left:20px
}
.wp-block-quote p{
	margin:20px 0
}
.wp-block-column .wp-block-image{
	padding:0
}
.wp-block-image{
	padding: 50px 0;
}
.wp-block-image img{
	width:100%
}
.wp-element-caption{
	text-align:center
}
.wp-block-separator{
	border-top:0px solid #0000001a
}
hr{
	background-color:#ccc
}
.has-black-background-color{
	    background-color: #0000005c!important;
}
li{
	font-size:1.3rem;
	margin-bottom:10px
}
.pagination{
	width:100%;
	justify-content:center;
	gap:10px
}
.page-numbers{
padding:10px 15px;
	border:1px solid #ffffff;
}
.pagination .current{
	background-color:#e4002b;
	border:1px solid #e4002b;
	color:#ffffff
}
.next, .prev{
	border:none
}
.component-header .content p
{
	padding-right:6rem !important
}
@media (max-width: 1350px) {
    .component-header .content {
        width: 325px!important;
    }
}
.component-header .content {
    width: 450px;
}
@media (max-width: 767px) {
    .component-header h1 {
        width: auto;
    }
}
@media (min-width: 2500px) {
    .container {
        max-width: 2240px;
    }
}
.post-preview-section {
    display: flex;
    margin-top: 50px;
    background-color: #111;
    color: white;
    font-family: sans-serif;
}

.featured-post {
    flex: 1;
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 400px;
}

.featured-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.featured-overlay .post-date {
    font-size: 0.9rem;
    color: #ccc;
	margin-bottom:0;
	font-weight:700
}

.featured-overlay .post-title {
    font-size: 1.8rem;
    color: red;
    margin: 10px 0;
}

.featured-overlay .read-more {
    color: white;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-top: 10px;
    display: inline-block;
}

.other-posts {
    flex: 1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.other-post-title {
    margin-bottom: 15px;
    font-size: 1.5rem;
}

.other-post-title a {
    color: white;
    text-decoration: none;
}
.other-post-title a:hover {
    color:#c60309;
}
.featured-post:before{
	    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    transition: .3s;
	background: linear-gradient(270deg, #fc1921, #7e0d1100) no-repeat padding-box;
    height: 3px;
    transform: rotate(180deg);
    width: 134px;
    z-index: 11;
}
.featured-post:after{
	    background: linear-gradient(0deg, #fc1921, #7e0d1100) no-repeat padding-box;
    height: 134px;
    width: 3px;
	bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    transition: .3s;
}
@media (max-width: 767px) {
    .component-header {
        min-height: 81vh !important;
    }
	.component-header #header-red-shape{
	left:-50px !important
}
}
.resource-archive .dots{
	display:none !important;
}
.has-vivid-red-background-color{
	background:#e4002b !important
}