/* Theme Stylesheet */


/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

body{
    font-family: "area-normal", sans-serif;
	line-height: 33px;
	font-weight: 400;
	background-color: #fff;
	overflow-x: hidden;
}


/* Font Styles */

h1{
	font-size: 56px;
	line-height: 65px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;
	padding-bottom: 40px!important;
	margin-bottom: 0;
	position: relative;
}
@media (max-width:1660px){
	h1{
		padding-bottom: 30px!important;
	}
}
.single-blog .left-col .date-title h1{
	font-size: 44px;
	line-height: 50px;
    font-weight: 600;
    font-family: "area-normal", sans-serif;
    text-transform: initial;
}
h2{
	font-size: 36px;
	line-height: 40px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;
	color:#111111!important;
    text-transform: initial;
	padding-bottom: 30px!important;
	padding-top: 30px;
	position: relative;
}
h3{
	font-size: 28px;
	line-height: 32px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;
	color:#111111!important;
    text-transform: initial;
	padding-bottom: 20px;
}
h4{
	font-size: 24px;
	line-height: 28px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;
	color:#FFFFFF;
    text-transform: initial;
	padding-bottom: 20px;
}
h5{
	font-size: 22px;
	line-height: 28px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;
	color:#d8161e;
    text-transform: initial;
	padding-bottom: 20px
}
h6{
	font-size: 20px;
    line-height: 22px;
    font-weight: 800;
    font-family: "area-normal", sans-serif;
	color:#d8161e;
    text-transform: initial;
}

p{
	font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;
    color:  #111111;
	padding-bottom: 15px;
}
p strong{
	font-weight:900;
}
p:last-child{
	padding-bottom:0!important;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child{
	padding-top: 0;
}
small, small a{
	font-size: 13px;
    line-height: 20px;
	display: inline-block;
    font-weight: 600;
    font-family: "area-normal", sans-serif;
	color: #767676;
}
a{
	font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: "area-normal", sans-serif;

}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a{
	font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover{
	color: #d8161e;
}
a:hover{
	text-decoration:none;
}
strong{
	font-weight: inherit;
	line-height: inherit;
	font-size: inherit;
}

strong a{
	font-weight: inherit;
}

.black-background h1,
.black-background h2,
.black-background h3,
.black-background h4,
.black-background h5,
.black-background h6,
.black-background p{
	color: #fff;
}


@media (max-width:1660px){
	.large,
	h2{
		font-size: 40px; 
		line-height: 44px;
	}
	h3{
		font-size: 32px; 
		line-height: 40px;
	}
	h5{
		font-size: 22px; 
		line-height: 28px;
	}
}


@media (max-width: 1440px) {
	h1 {
		font-size: 45px;
		line-height: 50px;
		padding-bottom: 25px !important;
	}
	.large,
	h2{
		font-size: 36px;
		line-height: 40px;
		padding-bottom:15px !important;
		padding-top:15px;
	}
	h3 {font-size: 28px;
		line-height: 34px;
	}
	h4 {
		font-size: 22px;
		line-height: 26px;
	}
	h5 {
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 15px;
	}
	p{
		padding-bottom:15px
	}
	small, small a{
		font-size: 13px; 
		line-height: 18px;
		}
}
@media (max-width: 1280px){
	h1 {
		font-size: 40px;
		line-height: 45px;
		padding-bottom: 20px !important;
	}
	.large, 
	h2{ 
		font-size: 34px;
		line-height: 38px;
	}
	h3 {
		font-size: 26px;
		line-height: 32px;
	}
	h4 {
		font-size: 20px;
		line-height: 24px;
	}
	small, small a{
		font-size: 12px; 
		line-height: 16px;
	}
}
@media (max-width: 1024px){
	h1{
		font-size: 36px;
		line-height: 40px;
		padding-bottom:15px!important;
	}
	.large,
	h2{
		font-size: 32px;
		line-height: 40px;
	}
	h3 {
		font-size: 24px;
		line-height: 30px;
	}
	h5{
		font-size: 20px; 
		line-height: 26px;
	}
}
@media (max-width: 800px){
	h1{
		font-size: 32px;
		line-height: 36px;
	}
	.large,
	h2{
		font-size: 30px;
		line-height: 34px;
		padding-bottom:15px!important;
	}
	h3 {
		font-size: 22px;
		line-height: 28px;
	}
	h5 {
		font-size: 18px;
		line-height: 24px;
	}
	p{
		padding-bottom: 15px;
	}

}
@media (max-width: 660px){
	h1{
		font-size: 30px;
		line-height: 36px;
		padding-bottom: 10px !important;
	}
	.large,
	h2{
		font-size: 28px;
		line-height: 32px;
		padding-bottom:15px!important;
	}
	h5 {
		padding-bottom: 10px;
	}
}
@media (max-width: 550px){
	h1{
		font-size: 28px;
		line-height: 34px;
		padding-bottom: 10px !important;
	}
		.large,
	h2{
		font-size: 26px;
		line-height: 28px;
		padding-bottom:10px!important;
	}
	h4 {
		font-size: 18px;
		line-height: 22px;
	}
}
@media (max-width: 380px){
	.large,
	h2{
		font-size: 24px;
		line-height: 26px;
		padding-bottom:10px!important;
	}
}


/* Buttons */

.btn{
	background-color: #d8161e;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
	font-family: "area-normal", sans-serif;
	font-weight: 600;
	height: auto;
	padding: 14px 25px 16px 25px;
	line-height: 18px;
	letter-spacing: 9;
	text-align: center;
	margin-top: 10px;
	box-shadow: none;
	border: 0;
	border-radius: 100px;
	width: fit-content;
	position: relative;
	text-align: start;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-noarrow{
	background-color:#d8161e;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
	font-family: "area-normal", sans-serif;
	font-weight: 600;
	height: auto;
	padding: 14px 25px 16px 25px;
	line-height: 18px;
	letter-spacing: 9;
	text-align: center;
	margin-top: 10px;
	box-shadow: none;
	border: 0;
	border-radius: 100px;
	width: fit-content;
	position: relative;
	text-align: start;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-white{
	background-color: #fff;
	color: #3B3B3B;
	text-transform: capitalize;
	font-size: 18px;
	font-family: "area-normal", sans-serif;
	font-weight: 600;
	height: auto;
	padding: 14px 25px 16px 25px;
	line-height: 18px;
	letter-spacing: 9;
	text-align: center;
	margin-top: 10px;
	box-shadow: none;
	border: 0;
	border-radius: 100px;
	width: fit-content;
	position: relative;
	text-align: start;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-white::after,
.btn-second::after,
.btn::after{
    content: "\e09f";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300; 
	font-size: 22px; 
	margin-left:20px;
}
.btn-noarrow:hover,
.btn:hover{
    background: #831720;
	color: #fff;
}
.btn-second{
	background-color: #111111;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
	font-family: "area-normal", sans-serif;
	font-weight: 600;
	height: auto;
	padding: 14px 25px 16px 25px;
	line-height: 18px;
	letter-spacing: 9;
	text-align: center;
	margin-top: 10px;
	box-shadow: none;
	border: 0;
	border-radius: 100px;
	width: fit-content;
	position: relative;
	text-align: start;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-second:hover{
    background-color: #d8161e!important;
	color: #fff;
}
.btn-outline{
	color:#111111;
	background-color: transparent;
	border: 1px solid #111111;
}
.btn-outline:hover{
	color:#fff;
	background-color: #111111!important;
	border: 1px solid #111111;
}
.btn-uptick{
	border:1px solid #111111;
	color: #111111!important;
	text-decoration: none!important;
	font-weight: 700;
	padding: 9px 25px 12px 25px;
	margin:10px 0 0 0;
	position: relative;
	margin-bottom: 20px;
	border-radius: 50px;
}
.btn-uptick:before{
	content:"\f2f7";
	font-family: 'Font Awesome 6 Pro';
	margin-right:5px;
	color: #d8161e;
}
@media (max-width:1440px){
	.btn, .btn-noarrow, .btn-white, .btn-second, .btn-outline {
		font-size: 16px;
		line-height: 16px;
		padding: 15px 25px 17px 25px;
	}
	.btn-uptick{
		margin-bottom: 15px;
	}
	.btn-white::after, .btn-second::after, .btn::after {
		font-size: 20px;
	}
}
@media (max-width:1280px){
	.btn, .btn-noarrow, .btn-white, .btn-second, .btn-outline {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}
@media (max-width:500px){
	.btn{
		width: 100%;
		text-align: start;
	}
	.btn-white {
		padding: 13px 45px 13px 13px;
	}
	.btn-white::after, .btn-second::after, .btn::after {
		right: 12px;
	}
}


/* Main Blog Page */

.blog-page #nav-below{
	display: flex;
    justify-content: center;
	margin-bottom: 80px;
}
.blog-page .nav-next a{
	display: flex;
    align-items: center;
}
.blog-page .nav-previous a{
	display: flex;
    align-items: center;
}
.blog-page .nav-next i{
	margin-left: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #111111;
    padding: 9px 14px 7px 15px;
    border-radius: 50px;
    line-height: 24px;
}
.blog-page .nav-previous i{
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #111111;
    padding: 9px 14px 7px 15px;
    border-radius: 50px;
    line-height: 24px;
}

/* Blog Page Responsive */
@media (max-width: 1536px){

}
@media (max-width: 1440px){

}
@media (max-width: 1366px){

}
@media (max-width: 1280px){
	
}
@media (max-width: 1024px){
	.blog-page .col-md-3{
		width:33.3333%;
		flex: 0 33.3333%;
		max-width:33.3333%;
		margin-bottom:30px;
	}
}
@media (max-width: 800px){
	.blog-page .col-md-3{
		width:50%;
		flex: 0 50%;
		max-width:50%;
		margin-bottom:30px;
	}
}
@media (max-width: 768px){
}
@media (max-width: 414px){
	.blog-page .col-md-3{
		width:100%;
		flex: 0 100%;
		max-width:100%
	}
}
@media (max-width: 390px){

}
@media (max-width: 360px){

}




/* Single Blog Post */
.single-blog{
	margin:40px auto 0 auto;
	padding-bottom: 40px;
}
.single-blog .left-col{
	padding-right:60px;
}
.single-blog h1{
	margin-top:0;
}
.single-blog img{
	width: auto;
	height: 400px;
	object-fit: cover;
	position: relative;
	border-radius: 250px 15px 15px 250px;
	aspect-ratio: 1/1;
}
.single-blog .btn{
	margin-top:40px;
}
.single-blog .related{
	flex-flow:row wrap;
}
.single-blog .right-col{
	padding:0;
}
.single-blog .related-title{
	padding: 0 15px 0 15px;
	margin-bottom:20px;
}
.single-blog .related ul{
	display: flex;
	padding: 0;
}
.single-blog .related ul li{
	display: flex;
    z-index: 1;
	padding: 0 15px;
}
.single-blog .related ul a{
	width:100%;
	display: flex;
	flex-direction:column;
	align-items:center;
	background-color: #fff;
	box-shadow: 3px 3px 15px #11111153;
	border-radius: 15px;
}
.single-blog .related ul li:last-child{
	padding-bottom: 0;
}
.single-blog .related .bg-image{
	height:250px;
	width:100%;
	border-radius: 15px 15px 0 0;
}	
.single-blog .related .content{
	padding-left:20px;
}

/* individual post pages  */

.single-blog .row{
	flex-direction: column;	
	align-items: center;
	margin:0;
}
.single-blog ul{
	padding-left: 20px;
  	list-style-type: disc;
}
.single-blog ul li{
	list-style-type: disc;
	line-height: 26px;
  	padding-bottom: 12px;
	font-weight: 600;
}
.single-blog ul li:last-child{
	padding-bottom: 15px;
}
.single-blog .left-col {
	display: flex;
	padding: 0;
	padding-left: 4.5%;
	color: #111111;
	align-items: center;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 3px 3px 15px #11111130;
	width: 85%;
	position: relative;
	justify-content: space-between;
}
.single-blog .left-col:after{
	content: "";
	background-color: #111;
	height: 100%;
	width: 100vw;
	position: absolute;
	left: -20.25vw;
	z-index: -1;
	bottom:40px;
}
.single-blog .left-col .date-title{
	flex: 0 0 63%;
    max-width: 63%;
	display: block;
	padding-right: 5%;
	color:#d8161e;
}
.single-blog .left-col .date-title h1{
	color: #111;
}
.single-blog h4{
	color: #111;
}
.single-blog .left-col .date-title p,
.single-blog .left-col .date-title h3,
.single-blog .left-col .date-title h4,
.single-blog .left-col .date-title h5,
.single-blog .left-col .date-title h6{
	color: #111;
}

.single-blog .content{
	flex: 0 0 75%;
	max-width: 75%;
	padding: 60px 0;
}
.single-blog .content p a{
	color: #d8161e;
	text-decoration: underline;
}
.single-blog .content p a.btn{
	color: #fff;
	text-decoration: none;
}
.single-blog .right-col .row{
	flex-direction: row;
	margin-left:-15px;
	margin-right:-15px;
}
.single-blog .content ol{
	list-style-type: decimal;
	padding-left:20px;
}
.single-blog .content ol li{
	list-style-type: decimal;
	font-weight: 600;
}
.single-blog .right-col .related ul a{
	flex-direction: column;
}
.single-blog .right-col .related ul a .content {
	padding: 30px 25px 30px 25px;
	max-height: fit-content;
	width: 100%;
	min-height: auto;
	display: flex;
	flex-direction: column;
	flex: initial;
	max-width: 100%;
	flex-grow:1;
}
.single-blog .right-col .related ul a .content p{
	padding-bottom:30px;
}
.single-blog .related .slick-slide div{
	height: 100%;
}
.single-blog .related .slick-track {
	display: flex !important;
}
.single-blog .related .slick-slide{
	height: inherit !important;
	display: flex;
}
.single-blog .right-col .related ul a .content .btn{
	width: 100%;
	margin-top: auto;
	height:fit-content
}
/* Single Blog Post Responsive */
@media (max-width: 1660px){
	.single-blog .left-col::after {
		left: -17.7vw;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 40px;
		line-height: 48px;
	}
	.single-blog img {
		height: 375px;
	}
}
@media (max-width: 1440px){
	.single-blog .btn {
		margin-top: 20px;
	}
	.single-blog img {
		height: 350px;
	}
	.single-blog ul li{
		padding-bottom: 10px;
		font-size: 16px;
		padding-left:8px;
	}
	.single-blog .content {
		padding:40px 0 0 0;
	}
	.single-blog .related-title {
		padding: 30px 15px 0 15px;  
	}
	.single-blog .left-col::after {
		left: -16vw;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 36px;
		line-height: 44px;
	}
	.single-blog {
  		margin: 55px auto 0 auto;
	}
	.single-blog .left-col::after{
		bottom:55px;
	}
	.single-blog .related .bg-image {
  		height: 225px;
	}
	.single-blog .right-col .related ul a .content {
  		padding: 25px 20px 25px 20px;
	}
}
@media (max-width: 1280px){
	.single-blog .left-col .date-title {
		flex: 0 0 57%;
		max-width: 57%;
	}
	.single-blog .content {
		flex: 0 0 90%;
		max-width: 90%;
		padding: 40px 0 0 0;
	  }
	.single-blog .btn {
		margin-top: 30px;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 40px;
		line-height: 44px;
	}
	.single-blog .left-col {
		display: flex;
	}
	.single-blog .left-col{
		width: 100%;
	}
	.single-blog .left-col::after {
		left: -10vw;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 32px;
		line-height: 38px;
	}
	.single-blog img {
		height: 300px;
	}
	.single-blog {
  		margin: 55px auto 0 auto;
	}
	.single-blog .left-col::after{
		bottom:55px;
	}
	.single-blog .related .bg-image {
  		height: 200px;
	}
}
@media (max-width: 1024px){
	.single-blog .right-col{
		width:100%;
		flex: 0 100%;
		max-width:100%;
		margin-top:40px;
	}
	.single-blog .right-col .row{
		margin:0;
	}
	.single-blog .right-col ul{
		width:50%;
		flex: 0 50%;
		/* max-width:50%; */
	}
	.single-blog{
		margin:20px auto 0 auto;
	}
	.single-blog .content {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 30px 15px 0 15px;
	  }
	  .single-blog .btn {
		margin-top: 20px;
	  }
	.single-blog .left-col {
		display: flex;
	}
	.single-blog .left-col::after {
		left: -6vw;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 32px;
		line-height: 38px;
	}
	.single-blog img {
		height: 300px;
	}
	.single-blog {
  		margin: 65px auto 0 auto;
	}
	.single-blog .left-col::after{
		bottom:65px;
	}
	.single-blog .related ul{
		flex-direction: column;
	}
	.single-blog .related ul li{
		width: 100%;
		flex:0 100%;
		max-width: 100%;
		margin-bottom:20px;
	}
	.single-blog .related ul li:last-child{
		margin-bottom:0;
	}
	.single-blog .right-col .related ul a {
		flex-direction: row;
	}
	.single-blog .related .bg-image {
		height: 100%;
		border-radius: 15px 0 0 15px;
	}
}
@media (max-width: 800px){
	.single-casestudies .single-blog .left-col{
		flex-direction: column-reverse;
		row-gap: 0;
		align-items: start;
		padding:0;
	}
	.single-blog .left-col::after {
		left: -5vw;
	}
	.single-blog .left-col .date-title{
		padding:20px 20px 10px 20px;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 28px;
		line-height: 34px;
	}
	.single-blog img {
		height: 250px;
		width: 100%;
		border-radius: 15px 15px 0 0;
	}
	.single-blog ul li::before {
		width: 10px;
		height: 10px;
		margin-right: 8px;
	}
	.single-blog ul li {
		padding-left: 0px;
	}
	.single-blog .right-col .related ul a {
		flex-direction: column;
		margin-bottom:20px;
	}
	.single-blog .related .bg-image{
		height: 225px!important;
		min-height: 225px;
		border-radius: 15px 15px 0 0;
	}
	.single-blog .related ul li{
		display: flex!important;
		height: 100%;
	}
	.single-blog .related-title {
		margin-bottom: 15px;
	}
	.single-blog .left-col > div:last-of-type{
		width: 100%;
	}
	 .single-blog .left-col .date-title {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 550px){
	.single-blog .left-col .date-title{
		font-size: 14px;
		line-height: 20px;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 28px;
		line-height: 32px;
	}
	.single-blog .left-col .date-title {
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		padding:15px 20px 10px 20px;
	}
	.single-blog .left-col > div:last-of-type{
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
	}
	.single-blog .left-col{
		flex-direction: column-reverse;
		padding:0;
	}
	.single-blog img {
		width: 100%;
		border-radius: 15px 15px 0 0;
	}
	.single-blog .related .bg-image{
		height: 200px!important;
		min-height: 200px;
		border-radius: 15px 15px 0 0;
	}
}
@media (max-width: 440px){
	.single-blog .right-col ul{
		width:100%;
		flex: 0 100%;
		max-width:100%;
	}
	.single-blog img {
		height: 225px;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.single-blog .right-col .related ul a .content {
		padding: 20px 20px 20px 20px;
	}
}
@media (max-width: 380px){
	.single-blog img {
		height: 200px;
	}
	.single-blog .left-col .date-title h1 {
		font-size: 22px;
		line-height: 28px;
	}
	.single-blog .related .bg-image{
		height: 175px!important;
		min-height: 175px;
		border-radius: 15px 15px 0 0;
	}
}



.alioth-page-nav .page-title{
	line-height: 150px;
}






/* background */
.light-grey{
	background-color: #F2F2F2;
	margin-top:60px;
	margin-bottom:60px;
}
.light-grey h4{
	color: #111!important;
}
.light-grey.no-top{
	margin-top:0!important;
}
.light-grey.no-bottom{
	margin-bottom:0!important;
}
.white{
	background-color: transparent;
}

.white-grey-dots{
	background-color: transparent;
	position: relative;
}
.black-background{
	background-color: #111111;
	margin-top:60px;
	margin-bottom:60px;
}
.black-background h2{
	color: #fff!important;

}
.light-grey h2{
	color: #d8161e;
}

@media (max-width: 1660px){
	.white-grey-dots::before{
		bottom: 0%;
		transform: scale(0.9);
	}
	.white-grey-dots::after {
		bottom: 0%;
		right: calc(-0.05 * 728px); /*half of the remainder from scale*/
		transform: scale(-0.9, 0.9);
	}
	.black-background,
	.light-grey{
		margin-top:50px;
		margin-bottom:50px;
	}
}
@media (max-width: 1440px){
	.white-grey-dots::before{
		bottom: 0%;
		transform: scale(0.8);
	}
	.white-grey-dots::after {
		bottom: 0%;
		right: calc(-0.1 * 728px);
		transform: scale(-0.8, 0.8);
	}
	.black-background,
	.light-grey{
		margin-top:40px;
		margin-bottom:40px;
	}
}
@media (max-width: 1200px){
	.white-grey-dots::before{
		bottom: 0%;
		transform: scale(0.7);
	}
	.white-grey-dots::after {
		bottom: 0%;
		right: calc(-0.15 * 728px);
		transform: scale(-0.7, 0.7);
	}
}
@media (max-width: 1024px){
	.white-grey-dots::before{
		bottom: 0%;
		transform: scale(0.5);
	}
	.white-grey-dots::after {
		bottom: 0%;
		right: calc(-0.25 * 728px);
		transform: scale(-0.5, 0.5);
	}
	.black-background,
	.light-grey{
		margin-top:30px;
		margin-bottom:30px;
	}
}
@media (max-width: 760px){
	.white-grey-dots::before{
		bottom: 0%;
		transform: scale(0.4);
	}
	.white-grey-dots::after {
		bottom: 0%;
		right: calc(-0.3 * 728px);
		transform: scale(-0.4, 0.4);
	}
}
@media (max-width: 600px){
	.white-grey-dots::before{
		bottom: 0%;
		transform: scale(0.3);
	}
	.white-grey-dots::after {
		bottom: 0%;
		right: calc(-0.35 * 728px);
		transform: scale(-0.3, 0.3);
	}
}
@media (max-width: 550px){
	.black-background,
	.light-grey{
		margin-top:20px;
		margin-bottom:20px;
	}
}







.entry-header{
	background: linear-gradient(to right, #831720, #d8161e);
	padding: 73px 8vw;
	z-index: 0;
}
.entry-header p{
	color: #fff;
}

.entry-content{
	padding: 30px 8vw;
	max-width: 45vw;
}
.entry-content input.is-search-input{
	border: 0 !important;
    text-transform: uppercase;
    color: #111;
    font-weight: 600;
    letter-spacing: 1.2px;	
}
.entry-content input.is-search-input::placeholder{
	color: #111;
}


.entry-content .is-form-style.is-form-style-3 label {
	border: 1px solid #111;
}
.entry-content p{
	color: #111;
}
.page-header {
	padding: 80px 15vw 0 15vw;
	z-index: 0;
	text-align: left;
}
.page-header h1 {
	padding: 0 0 15px 0!important;
	margin: 0;
}
.page-header p{
	color: #111;
	font-size: 20px;
}
.page-header p:last-child{
	padding-bottom:0;
}


.page-header.bg-solid{
	text-align: center;
    color: #fff;
	position: relative;
}
.page-header.bg-solid h1{
	color: #111;
}
.page-header.bg-solid:after{
    content: "";
    background-image: url('/wp-content/uploads/2025/09/black-icon.png');
    width: 100%;
    height: 300%;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    position: absolute;
    right: -8%;
    top: 20%;
    opacity: 0.03;
}
.page-header.bg-solid p{
	color:#d8161e;
}


.blog #primary .container{
	padding-top: 40px; 
	padding-bottom: 60px;
}
.search-results #primary .container, 
.post-type-archive-casestudies #primary .container{
    padding-top: 40px;
    padding-bottom: 60px;
}
.post-type-archive-testimonials #primary .container {
	padding-bottom: 60px;
}
.blog #primary .btn,
.search-results #primary .btn,
.post-type-archive-casestudies #primary .btn{
	width: 100%;
	margin-top: auto;
	text-align: start;
	margin-bottom:0
}
.blog #primary .row{
	row-gap: 30px
}
.search-results #primary .row,
.post-type-archive-casestudies #primary .row{
	row-gap: 30px;
}
.blog #primary .col-md-4,
.search-results #primary .col-md-4,
.post-type-archive-casestudies #primary .col-md-4{
	padding-top: 15px;
    padding-bottom: 15px;
}

.blog #primary .inner,
.search-results #primary .inner,
.post-type-archive-casestudies #primary .inner{
	box-shadow: 3px 3px 15px #11111153;
	height: 100%;
	border-radius: 15px;
}
.blog #primary .inner a,
.search-results #primary .inner a,
.post-type-archive-casestudies #primary .inner a{
	display: flex;
	flex-direction: column;
	text-align: start;
	height: 100%;
}

.blog #primary .inner a .bg-image,
.search-results #primary .inner a .bg-image,
.post-type-archive-casestudies #primary .inner a .bg-image{
	flex-grow: 1;
	min-height: 1px;
	height: 244px;
	max-height: 244px;
	border-radius:15px 15px 0 0
}
.search-results #primary .inner a .content, 
.post-type-archive-casestudies #primary .inner a .content,
.blog #primary .inner a .content{
	padding: 30px 25px 30px 25px;
	flex-grow: 1;
	display: flex;
  	flex-direction: column;
}
.blog #primary .inner a .content p{
	padding-bottom:40px;
}


.blog #primary .inner a .content h5{
	font-weight: 600;
}
.search-results #primary .inner a .content h5,
.post-type-archive-casestudies #primary .inner a .content h5{
	font-weight: 600;
}

#primary .view-more-container{
	display: flex;
	justify-content: center;
	margin-top:36px;
}
.post-type-archive-testimonials #primary .view-more-container{
	margin-top: 0;;
}

.blog #primary .view-more-container .btn-second,
.search-results #primary .view-more-container .btn-second,
.post-type-archive-casestudies #primary .view-more-container .btn-second{
	width: fit-content;	
	text-align: left;
}



#secondary{
	display: none;
}

.post-type-archive-testimonials #primary .row{
	justify-content: space-between;
	padding-bottom: 70px;
	width: 90%;
	margin: 0 auto; 
	row-gap: 40px; 
	padding-top: 40px;
}
.post-type-archive-testimonials #primary .col-md-6 {
    border: 3px solid #DBDBDB;
    margin: 0;
    padding-bottom: 36px;
    height: auto;
    flex: 0 0 46.5%;
    max-width: 46.5%;
    margin: 0 15px;
    padding-right: 0;
}
.post-type-archive-testimonials #primary .col-md-6 .inner{
	height: 100%;
    border-bottom: solid 6px #BF1110;
    padding-right: 55px;
	padding-top: 100px;
	margin-left: 40px;
}
.post-type-archive-testimonials #primary .col-md-6 .inner::before{
	content: '"';
	font-size: 80px;
	color: #A3A39E;
	position: absolute;
	top: 65px;
    left: 7%;
}
.post-type-archive-testimonials #primary .col-md-6 .inner p{
	font-style: italic;



}

.post-type-archive-testimonials #primary .view-more-container .btn-second{
	width: 400px;	
	text-align: left;
}





@media(max-width:1660px){
	.post-type-archive-testimonials #primary .col-md-6 {
		border: 3px solid #DBDBDB;
		margin: 0;
		padding-bottom: 36px;
	}
	.page-header {
		padding: 60px 6vw 0 6vw;
	}
	.post-type-archive-testimonials #primary .col-md-6 .inner {
		padding-right: 40px;
		padding-top: 80px;
		margin-left: 30px;
	}
	.post-type-archive-testimonials #primary .col-md-6 .inner::before {
		top: 50px;
	}
	.post-type-archive-testimonials #primary .row {
		width: auto;
	}
	.post-type-archive-testimonials #primary .col-md-6 {
		flex: 0 0 48%;
		max-width: 48%;
        padding-bottom: 28px;
	}
	.post-type-archive-testimonials #primary .row {
		padding-bottom: 50px;
	}
}
@media(max-width:1440px){
	.post-type-archive-testimonials #primary .col-md-6 .inner {
		padding-right: 30px;
		padding-top: 70px;
		margin-left: 20px;
	}
	.post-type-archive-testimonials #primary .col-md-6 .inner::before {
		top: 40px;
	}

	.blog #primary .row, 
	.search-results #primary .row, 
	.post-type-archive-casestudies #primary .row {
		row-gap: 30px;
		width: auto;
		margin: 0 -15px;
	}
	.blog #primary .inner a .bg-image, 
	.search-results #primary .inner a .bg-image, 
	.post-type-archive-casestudies #primary .inner a .bg-image {
		height: 220px;
		max-height: 220px;
	}
	.blog #primary .inner a .content {
		padding: 30px 25px 30px 25px;
	}
	#primary .view-more-container {
		margin-top: 20px;
	}
	.blog #primary .container {
		width: 100%;
	}
	.post-type-archive-testimonials #primary .row {
		padding-bottom: 30px;
	}
	.page-header p{
		font-size: 18px;
		line-height: 24px;
	}
	.page-header h1 {
		padding: 0 0 12px 0 !important;
	}
}
	
@media(max-width:1280px){
	.blog #primary .container {
		width: 100%;
	}
	.post-type-archive-testimonials #primary .row {
		margin: 0;
	}
	.post-type-archive-testimonials #primary .col-md-6 {
		flex: 0 0 48%;
		max-width: 48%;
		padding-bottom: 28px;
	}
	.page-header {
		padding: 50px 4vw 0 4vw;
	}
	.post-type-archive-testimonials #primary .col-md-6 .inner {
		padding-right: 20px;
		padding-top: 60px;
		margin-left: 15px;
	}
	.post-type-archive-testimonials #primary .col-md-6 .inner::before {
		top: 30px;
		left: 5%;
	}

	.entry-content{
		padding: 30px 8vw;
		max-width: 70vw;
	}
	.search-results #primary .inner a .content, 
	.post-type-archive-casestudies #primary .inner a .content,
	.blog #primary .inner a .content {
        padding: 25px;
    }
	.blog #primary .inner a .bg-image, .search-results #primary .inner a .bg-image, .post-type-archive-casestudies #primary .inner a .bg-image {
        height: 200px;
        max-height: 200px;
    }
	.page-header p{
		font-size: 16px;
		line-height: 22px;
	}
	.page-header h1 {
		padding: 0 0 10px 0 !important;
	}
}
@media(max-width:1024px){
	.post-type-archive-testimonials #primary .col-md-6 {
        padding-bottom: 28px;
		height:fit-content;
		max-height: unset;
	}
	.search-results #primary .container, 
	.post-type-archive-casestudies #primary .container,
	.blog #primary .container {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.blog #primary .col-md-4, .search-results #primary .col-md-4, .post-type-archive-casestudies #primary .col-md-4 {
		padding-top: 8px;
		padding-bottom: 8px;
	  }
	.blog #primary .btn, 
	.search-results #primary .btn, 
	.post-type-archive-casestudies #primary .btn {
		width: 100%;
	}
	.blog #primary .row, 
	.search-results #primary .row, 
	.post-type-archive-casestudies #primary .row {
		row-gap: 20px;
	}
	.blog #primary .col-md-4, 
	.search-results #primary .col-md-4, 
	.post-type-archive-casestudies #primary .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
	.post-type-archive-testimonials #primary .col-md-6 .content {
        padding: 0 0 40px 0;
    }
	.post-type-archive-testimonials #primary .col-md-6 .inner {
        padding: 60px 3.5% 0 3.5%;
		margin: 0;
    }
	.post-type-archive-testimonials #primary .col-md-6 .inner::before {
        top: 40px;
		left: 5%;
    }
	.post-type-archive-testimonials #primary .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.post-type-archive-testimonials #primary .row {
		row-gap: 30px;
	}
}
@media(max-width:800px){
	.entry-content{
		padding: 30px 8vw;
		max-width: 90vw;
	}
	.page-header h1 {
		padding: 10px 0 5px 0 !important;
	}
	.page-header {
		padding: 50px 4vw 0 4vw;
	}
}
@media(max-width:660px){
	.blog #primary .inner a .content p, 
	.search-results #primary .inner a .content p, 
	.post-type-archive-casestudies #primary .inner a .content p {
		padding-bottom: 60px;
		overflow: hidden;

	}
	.blog #primary .btn, 
	.search-results #primary .btn, 
	.post-type-archive-casestudies #primary .btn {
		width: 100%;
		margin-top: 0px;
	}

	.blog #primary .row, 
	.search-results #primary .row, 
	.post-type-archive-casestudies #primary .row {
        margin: 0 -15px;
	}

	.search-results #primary .container, 
	.post-type-archive-casestudies #primary .container {
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	
	.blog #primary .view-more-container .btn-second, 
	.search-results #primary .view-more-container .btn-second, 
	.post-type-archive-casestudies #primary .view-more-container .btn-second {
		width: 80vw;
	}

	.blog #primary .col-md-4,
	.search-results #primary .col-md-4,
	.post-type-archive-casestudies #primary .col-md-4{
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

@media(max-width:550px){
	.entry-content{
		padding: 30px 8vw;
		max-width: 100vw;
	}
	.blog #primary .view-more-container .btn-second{
		margin-top:10px;
		width: 100%;
	}
	.post-type-archive-testimonials #primary .row {
		row-gap: 20px;
	}
	.post-type-archive-testimonials #primary .row {
		padding-top: 30px;
	}
}
@media(max-width:440px){
	.page-header {
		padding: 40px 4vw 0 4vw;
	}
}

@media(min-width: 1660px){
	.extra-btm-margin{
		margin-bottom: 160px;
	}
	
}





.wp-image-1299{
	display:block;
	margin:0 auto;
}
@media (max-width:1024px) {
	.wp-image-1299 {
		display: block;
		margin: 20px auto 0 auto;
		height: 300px;
		width: auto;
	}
}
@media (max-width:800px) {
	.wp-image-1299 {
		display: block;
		margin: 20px auto 0 auto;
		height: 250px;
		width: auto;
	}
}
@media (max-width:440px) {
	.wp-image-1299 {
		display: block;
		margin: 20px auto 0 auto;
		height: 200px;
		width: auto;
	}
}


.search-results #content .bg-image{
	display: none;
}


/* Style Updates */
.black-text h2{
	color: #111;
}
.black-text h3{
	color: #111;
}
.red-text h2{
	color: #d8161e!important;
}
.red-text h3{
	color: #d8161e;
}
.no-top .text-area{
	padding-top:0;
}
.no-bottom .text-area{
	padding-bottom:0;
}
.no-top .two-thirds .container{
	margin-top:0;
}
.title-block .text-area{
	width: 80%;
	margin:0 auto;
	padding:60px 0 30px 0;
}
.title-block .text-area h2::after {
	content: "";
	width: 150px;
	height: 2px;
	background-color: #111111;
	border-radius: 50px;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	position: absolute;	
}
.title-block.top-bottom .text-area{
	padding:60px 0;
}
.no-cap h2{
	text-transform: initial!important;
}
@media (max-width:1660px){
	.title-block .text-area {
		padding: 50px 0 30px 0;
	}
}
@media (max-width:1440px){
	.title-block .text-area h2::after {
		bottom: 5px;
	}
	.title-block .text-area{
		width: 85%;
	}
	.title-block .text-area {
		padding: 40px 0 20px 0;
	}
}
@media (max-width:1280px){
	.title-block .text-area{
		width: 90%;
	}
}
@media (max-width:1024px){
	.title-block.top-bottom .text-area {
		padding: 40px 0;
	}
	.title-block .text-area{
		width: 95%;
	}
	.title-block .text-area {
		padding: 30px 0 20px 0;
	}
	.single-blog .related ul{
		width: 100%;
		flex: 0 100%;
	}
}
@media (max-width:800px){
	.title-block .text-area{
		width: 100%;
	}
}
@media (max-width:760px){
}
@media (max-width:550px){
	.title-block .text-area h2::after {
		display: none;
	}
}


.post-type-archive-testimonials .grw-header{
	display: none !important;
}


.help-block .text-area-title{
	background-color: #111111;
	text-align: center;
	padding:60px 8vw;
	margin-bottom:80px;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
}
.help-block .text-area-title:after{
	content: "";
	background-image: url('/wp-content/uploads/2025/09/white-icon.png');
	width: 100%;
	height: 197%;
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 0;
	position: absolute;
	right: -5%;
	bottom: 0;
	opacity: 0.05;
}
.help-block .text-area-title h3{
	font-weight: 600;
	color: #fff !important;
	padding-bottom:15px;
}
.help-block .text-area-title p a{
	color:#fff;
	font-weight: 400;
	font-size: 20px;
	text-decoration: none!important;
	line-height: 24px;
}
.help-block .text-area-title p a.btn{
	margin:0 auto
}



@media (max-width:1440px){
	.help-block .text-area-title{
		padding:50px 7vw;
		margin-bottom:60px;
	}
	.help-block .text-area-title h3{
		padding-bottom:12px;
	}
	.help-block .text-area-title p a{
		font-size: 18px;
		line-height: 22px;
	}
}
@media (max-width:1024px){
	.help-block .text-area-title{
		padding:40px 6vw;
		margin-bottom:40px;
	}
	.help-block .text-area-title h3{
		padding-bottom:10px;
	}
	.help-block .text-area-title p a{
		font-size: 16px;
		line-height: 20px;
	}
}
@media (max-width:800px){
	.help-block .text-area-title{
		padding:30px 5vw;
		margin-bottom:30px;
	}
	.help-block .text-area-title h3{
		padding-bottom:10px;
	}
}
@media (max-width:440px){
	.help-block .text-area-title{
		padding:20px 5vw;
	}
}

.wpcf7-not-valid-tip{
	background-color: #f2aa00;
	border-radius: 50px;
	color: #111;
	padding: 3px 15px 8px 15px;
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
}

button:focus,
button:focus-visible{
	border: 0;
	outline: none;
}

.why-block h5{
	padding-bottom:5px;
	padding-top:15px;
}
.why-block h5:first-child{
	padding-bottom:5px;
	padding-top:0;
}
.check.why-block .row ul{
	padding-bottom:3px;
}
.why-block-header{
	padding-bottom:20px;
}
.why-block-header .col:first-of-type{
	width: 75%;
	flex:0 75%;
	max-width: 75%;
}
@media (max-width:1366px){
	.why-block .col{
		width: 100%;
		flex:0 100%;
		max-width: 100%;
		padding-bottom:30px;
	}
	.why-block-header .col:first-of-type{
		width: 75%;
		flex:0 75%;
		max-width: 75%;
		padding-bottom:0;
	}
	.why-block-header .col:last-of-type{
		width: 25%;
		flex:0 25%;
		max-width: 25%;
	}
	.why-block.light-grey .text-area .row {
		row-gap: 0;
	}
	.why-block.light-grey .text-area .row:first-of-type{
		margin-bottom:0!important;
	}
	.why-block.light-grey .text-area img {
  		max-height: 100px;
	}
	.why-block-header{
		padding-bottom:0;
	}
	.why-block-header.light-grey .text-area .col:nth-child(2) {
		display: flex;
		justify-content: flex-start;
		padding-bottom: 0;
	}
}
@media (max-width:1280px){
	.why-block-header .row,
	.why-block.light-grey .text-area .row:first-of-type{
		display: flex;
		flex-direction: column-reverse;
	}
	.why-block.light-grey .text-area img{
		float: left!important;
		margin-bottom:15px;
	}
	.why-block-header .col:first-of-type,
	.why-block-header .col,
	.why-block .col-md-3,
	.why-block .col-md-9{
		width: 100%;
		flex:0 100%;
		max-width: 100%;
	}
	.why-block-header .col:first-of-type{
		padding-bottom:30px;
	}
}
