h1, h2, h3, h4, h5, h6, a, p, li {
    font-family: 'Montserrat', sans-serif;
}
f
a, p, span{
	font-size: 16px;
}

.hero-slider-wrapper p {
    font-size: 18px;
    line-height: 26px;
}

.top-bar-right .top {
	padding-top: 9px;
}

.menu>li>a {
	font-family: 'Montserrat', sans-serif;
}

.top-bar .show-for-medium ul{
	display: flex;
    gap: 5px;
}

.top-bar .show-for-medium .menu-container{
	display: flex;
	align-items: center;
}

.top-bar .show-for-medium .s-icons{
	display: flex;
    gap: 15px;
    padding-left: 15px;
}

.dropdown.menu.vertical>li>a:after {
    right: 7px;
}

.hero-slider-wrapper .hero-inner-content {
    margin-top: 0;
}

.hero-inner-content {
    max-width: 880px;
    text-align: left;
    margin: 0;
}

.hero-slider-wrapper h1 {
    font-size: 91px;
    font-weight: 800;
    line-height: 1;
}

.hero-slider-wrapper h1 {
    text-align: left;
}

.hero-slider-wrapper h1::after {
	left: 0;
	margin-left: 0;
}

.hero .btn-white, .pb-cta .btn-white{
	background:#fff;
	color: #211A1A;
	transition: background 0.2s;
}

.hero .btn-white:hover, .pb-cta .btn-white:hover{
	background: #066883;
	color: #fff;
	border-color: #066883;
}

.pg-content-box-2-col .btn-primary, .profile-send-email .btn-primary, .subscribe-newsletter .btn-primary{
	background: #066883;
	color: #fff;
	border-color: #066883;
	transition: background 0.2s;
}

.pg-content-box-2-col .btn-primary:hover, .profile-send-email .btn-primary:hover, .subscribe-newsletter .btn-primary:hover{
	background:#fff;
	color: #066883;
	border-color:#066883;
}

.artlist-sect .btn-primary{
	background:#fff;
	color: #211A1A;
	transition: background 0.2s;
	border-color:#fff;
}

.artlist-sect .btn-primary:hover{
	background: #066883;
	color: #fff;
	border-color: #066883;
}

.what-we-do-content p{
	color: #fff;
    padding-bottom: 30px;
}

.about-us-sect h5{
	margin-bottom: 0
}

.page-builder section:nth-child(3) {
    margin-top: 50px;
	margin-bottom: 50px;
}

.page-builder section:nth-child(4){
	margin-bottom: 50px;
}

.page-builder section:nth-child(3) .container .row, .page-builder section:nth-child(4) .container .row {
    display: flex;
    gap: 50px;
}

/* .page-builder section:nth-child(3) .container .row .columns, .page-builder section:nth-child(4) .container .row .columns{
	padding-top: 30px;
} */

.page-builder section:nth-child(3) .container .row .columns .pg-content-text p, .page-builder section:nth-child(4) .container .row .columns .pg-content-text p{
	font-size: 16px;
	color: #000;
	margin-bottom: 0;
}

.page-builder section:nth-child(3) .columns .inner-content,.page-builder section:nth-child(4) .columns .inner-content{
    display: flex;
    align-items: center;
}

.what-we-do h3{
	text-align: center;
	font-weight: 600;
}

.what-we-do-col{
 	background-image: url(https://outsourcedigitalsolutions.com/wp-content/uploads/2023/06/header2.jpg);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.what-we-do-col .container{
	background-color: #00000055;
}

.what-we-do{
/* 	background: #00000040; */
    padding: 50px 50px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.what-we-do h3, .what-we-do p, .what-we-do h4{
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.43);
}

.what-we-do h4{
	text-align: center;
}

.what-we-do .btn-white{
	background:#fff;
	text-align:center;
	color: #211A1A;
}

.what-we-do .btn-white:hover{
	background: #066883;
	color: #fff;
	border-color: #04556b;
}

#services-sect .row{
	display:flex;
	gap:30px;
}

#services-sect .row .columns{
	padding-top: 30px;
}

#services-sect .inner-content{
	border-bottom:none;
}

#services-sect .row .columns ul > li {
    font-size: 16px;
	margin-bottom: 12px;
}

#services-sect .row .columns ul > li::before{
	top: 4px;
}

.what-we-do-sect .container{
	max-width: 100%;
}

.what-we-do-sect h2{
	color: #fff;
	background-image: url(../images/header-line-white.png);
	margin-bottom: 50px;
}

.price-container{
	background-color: #f3fbff;
    padding: 50px 0;
}

.price-list{
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-bottom: 30px;
}

.price-content h2{
	font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.price-content{
	width: 35%;
	background-color: #fff;
	padding: 30px 25px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	box-shadow: -1px 13px 20px #F0F2F4;
}

.price-content ul{
	padding-left: 0;
	margin-top: 30px;
}

.price-content li{
	list-style-type: none;
}

.price-content h2,.price-content p{
	text-align: center;
}

.price-content span{
	display: block;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}

.price-content h2{
	margin-top: 0;
	color: #4b4b4b;
}
.price-content p{
	font-size: 40px;
	font-weight: 700;
	color: #39606f;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
}

.price-content ul li{
	position: relative;
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 14px;
}

.price-content ul li:before{
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	top: 4px;
	left: -19px;
	background-image: url(../images/right-arrow.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.price-content .p-icons{
	text-align: center;
}

.price-content .p-icons img{
	width: 60%;
}

.price-content .price-notes{
	margin-top: auto;
}

.price-content .price-notes p{
	font-size: 14px;
	font-style: italic;
}

.price-btns{
	text-align: center;
	margin-bottom: 50px;
}

.price-btns button{
	background: transparent;
	border: none;
	padding: 10px 50px;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

.price-btns button.active{
	border-bottom: solid 2px #39606f;
}

.price-btns button:not(.active):before{
	content: "";
	width: 100%;
	height: 2px;
	bottom: -2px;
	left: 0;
	position: absolute;
	background: #39606f;
	transform: scaleX(0);
	transform-origin: 50%;
	transition: transform 0.25s ease-out;
}

.price-btns button:not(.active):hover::before{
	transform: scale(1);
}

.video-prices{
	width: 50%;
	display: flex;
	gap: 20px;
	margin-bottom: 50px;
}

.video-prices.wed-feat{
	align-items: center;
}

.video-price-list{
	width: 100%;
	position: relative;
}

.video-highlights h2, .video-price-list h2{
	position: relative;
	margin-top: 0;
	color: #39606f;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 35px;
}

/* .video-highlights h2:after, .video-price-list h2:after{
	content: "";
	position: absolute;
	width: 140px;
	height: 2px;
	bottom: -15px;
	left: 0;
	background: #39606f;
} */

.vid-price-content {
	width: 46%;
	background-color: #fff;
	padding: 20px 20px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	box-shadow: -1px 13px 20px #F0F2F4;
	border-radius: 5px;
	align-items: center;
	position:relative;
}

.vid-price-content h4{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 40px;
	font-weight: 700;
	color: #39606f;	
	line-height: 1.2;
}

.vid-price-content p{
	text-align: center;
	margin-bottom: 0;
}

.vid-price-content{
	box-shadow: -1px 13px 20px #F0F2F4;
}

/* .vpd .vid-price-content:first-child{
	border-left: solid 5px #ce6a6b;
} */

/* .vid-price-content:nth-child(2){
	border-left: solid 5px #ebaca2;
} */

/* .vid-price-content:nth-child(3){
	border-left: solid 5px #bed3c3;
} */

/* .vid-price-content:nth-child(4){
	border-left: solid 5px #4a919e;
} */

.vid-price-content:nth-child(5){
/* 	border-left: solid 5px #212e53; */
	width: 96%;
}

.vpd{
	display: flex;
	flex-wrap: wrap;
	gap:22px;
}

 .video-price-list{
	 display: none;
}

.vpp{
	display: flex;
}

.pb-cta .row{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pb-cta .inner-content{
	height: auto;
}

.vpd .vid-price-content:before{
	content: "";
	position: absolute;
	height: 3px;
	top:0;
	width: 100%;
	background:#39606f;
	transform: scaleX(0);
	transform-origin: 50%;
	transition: transform 0.25s ease-out;
	border-radius: 5px 5px 0 0;
}

.vpd .vid-price-content:hover{
	transform: scale(1.05);
}

.vpd .vid-price-content:hover::before {
	transform: scale(1);
}

@media (min-width: 768px){
	
	.menu>li>a {
		padding-left: 7px;
		padding-right: 3px;
	}
	.what-we-do-sect{
		padding-bottom: 70px !important;
	}
	
	.content-wrap h2{
		text-align: center;
		color: #fff;
		font-weight: 500;
		line-height: 1.2;
		padding-top: 35px;
		padding-bottom: 35px;
		background-image: url(../images/header-line-white.png);
		background-position-x: center;
		background-position-y: bottom;
		background-repeat: no-repeat;
		margin-bottom: 40px;
	}
	
	.what-we-do-vid{
		margin-bottom: 30px;
	}
	
	.about-us-sect{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	
}

@media (min-width: 1024px){
	.button, .wpcf7-submit {
		line-height: 40px;
		padding: 0 25px;
	}
}

/* MOBILE */

@media (max-width: 767px){
	.sp-none{
		display:none;
	}
	.page-builder section:nth-child(3) .container .row, .page-builder section:nth-child(4) .container .row {
		flex-direction: column;
	}
	#services-sect .row {
		flex-direction: column;
	}
	.price-list {
		flex-direction: column;
	}
	.price-content {
		width: 100%;
	}
	.hero-slider-wrapper h1 {
		font-size: 12vw;
		line-height: 1.2;
		padding-bottom: 35px;
	}
	.hero-slider-wrapper p {
		font-size: 16px;
	}
	.hero-slider .each-hero-slider {
		height: 621px;
	}
	.content-wrap h2 {
		color: #fff;
		font-size: 30px;
		text-align: center;
		font-weight: 500;
	}
	.pg-heading-section {
		padding-top: 20px
	}
	.page-builder section:nth-child(3) .container .row, .page-builder section:nth-child(4) .container .row {
		display: flex;
		gap: 32px;
	}
	.page-builder section:nth-child(3) {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.pg-content-box.img_top .inner-content {
		border-bottom: 0;
	}
	.page-builder section:nth-child(4) {
		margin-bottom: 0px;
	}
	.what-we-do {
		margin-top: 45px;
		margin-bottom: 45px;
		padding: 0;
	}
	
	.what-we-do h3{
		font-size: 8vw;
	}
	#services{
		padding-top: 50px
	}
	
	#services-sect .row {
		gap: unset;
	}
	
	.price-btns button {
		padding: 10px 25px;
	}
	.price-container {
		padding: 40px 15px;
	}
	
	.pg-content-box .pg-content-text{
		width: 100%;
	}
	
	.vpp {
		flex-direction: column;
	}
	.video-prices {
		width: 100%;
		gap: unset;
	}

	.vpd {
		gap: 12px;
	}
	.vid-price-content {
		width: 48%;
		}
	.vid-price-content:nth-child(5) {
		width: 99%;
	}
	.price-btns {
		margin-bottom: 40px;
	}
	.video-highlights h2, .video-price-list h2 {
		margin-bottom: 18px;
	}
	.video-prices:last-child {
		margin-bottom: 2s0px;
	}
	.price-list {
		margin-bottom: 20px;
	}
	.what-we-do-sect{
		padding-top: 50px;
		padding-bottom: 30px !important;
	}
	.what-we-do-sect h2 {
		margin-bottom: 15px;
	}
	
	.featured-highlights{
		padding-top: 50px;
	}
	.section-editor .columns .content-column{
		padding: 0 !important;
	}
	
	.artlist-sect{
		padding-top: 50px;
    	padding-bottom: 30px !important;
	}
	
	#the-team{
		padding-top: 30px;
	}
	
	#the-team h2 {
		margin-bottom: 15px;
	}
	
	#the-team h6{
		margin-bottom: 0;
	}
	
	section.pb-cta {
    	padding-top: 50px;
		padding-bottom: 65px;
	}
	
	section.ts-testimonial {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	section.ts-testimonial .heading-content h3 {
		font-size: 30px;
		margin-bottom: 40px;
	}
	
	.pg-content-box-2-col.img_left .pg-content-text {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
		padding-bottom: 15px;
	}

	.pg-content-box div.inner-content.box-shadow {
		margin-bottom: 40px;
	}
}