/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
.logo-images .et_pb_image .et_pb_image_wrap{
	text-align: center;
}
.logo-images img{
	max-height: 50px;
}

.csp-brand-carousel .et_pb_image img {
	/* max-height: 50px; */
}

.csp-brand-carousel .et_pb_image {
 margin-bottom: 0 !important;
}

.slick-prev:before, .slick-next:before {
    color: #14a4dd;
}

.client-logos-section .et_pb_row_0{
	padding-top:0 !important;
	padding-bottom: 0  !important;
}

.client-logos-section .et_pb_row_1{
    width: 90%;
    max-width: 90%;
}



h1 {
	font-family: Poppins;
	font-weight: 500;
	font-size: 42px;
	line-height: 48px;
}


h2 {
	font-family: Poppins;
	font-weight: 500;
	font-size: 36px;
	line-height: 45px;
}


h3 {
	font-family: Poppins;
	font-weight: 500;
	font-size: 22px;
}


h4 {
	font-family: Poppins;
	font-weight: 500;
	font-size: 22px; 
}

h5 {
	font-family: Poppins;
	font-weight: 500;
	font-size: 20px;
}
	
p {
	font-family: Poppins;
	font-weight: normal;
	font-size: 18px;
	line-height: 32px;
}

.menu_cta {
	background-color: #f47920 !important;
	color: #fff !important;
	border-radius: 5px;
	padding: 0 !important;
}

.menu_cta a {
    color: #fff !important;
	padding: 15px 20px 15px 20px !important;
}

.et-fixed-header #top-menu .menu_cta a{
	color: #fff !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #c8c8c8 !important;
    opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c8c8c8 !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c8c8c8 !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c8c8c8 !important;
    opacity: 1;
}

#et-info-phone a {
	color: #002c4e;
	font-size: 22px;
}

#top-header div.container {
	padding-top:0;
}

#top-header a {
	font-size: 22px !important;
}

#top-header {
	margin-top: 20px;
}

#et-info {
    padding-bottom: 30px;
	position: absolute;
    right: 24px;
    bottom: -42px;
	font-size: 22px;
}

@media (max-width: 599px){
	#top-header{
		z-index: 10;
	}
	#et-info{
		right: auto;
		bottom: -120px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
}

@media (min-width: 600px) and (max-width: 980px){
	#et-info{
		bottom: -60px;
		right: 30px;
	}
}

@media (min-width: 981px) and (max-width: 1320px){
	#et-info{
		bottom: -80px;
		right: 80px;
	}
}

#et-info-phone {
	color: #002c4e;
	font-size: 22px;
}

.dipe-cf7 .wpcf7 form>div, .dipe-cf7 .wpcf7 form>p {
	margin-bottom: 0.5em !important;
}

.footer-widget h4 {
	color: #14a4dd;
	font-size: 18px;
	margin-bottom: 10px;
}

.footer-widget a {
	color: #fff;
	font-size: 15px;
}

#footer-info {
	font-size: 14px;
}

@media screen and (min-width:1200px){
#home-banner .et_pb_container{
	margin-left: calc(((100% - 1080px) / 2) - 72px);
}
}


#footer-info{
	float: none;
	width: 100%;
}
#copyright-bottom{
	clear:both;
}

.copyright-links a{
	margin-right: 2em;
}

.copyright-links a:last-child{
	margin-right: 0;
}

@media screen and (min-width:1024px){
	#copyright-top:after{
	content:'';
	clear:both;
}
#copyright-top .copyright{
	float:left;
}
#copyright-top .copyright-links{
	float:right;
}
}
.contact-name{
	padding-bottom: 1em;
}
.form-row{
	overflow:hidden;
}
@media screen and (min-width:768px){
	.contact-name{
		width:48%;
		float: left;
	}
	.contact-name:first-child{
		margin-right:4%;
	}
	.form-row:after{
		content:'';
		clear:both;
	}
}

.et_mobile_menu li.menu_cta a{
	text-align: center;
}


@media (max-width: 1320px) {
	#et_mobile_nav_menu {
		display: block;
	}
 
	#top-menu {
		display: none;
	}
}

/* Email Opt In - Error Message */
.et_pb_newsletter_result.et_pb_newsletter_error {
    color: red;
    text-align: center;
    margin-bottom: 20px;
}

/* App Page Styling */

@media screen and (max-width:980px){
	.app-slider-img {
		display: none;
	}
}

.app-slider-img {
	position: absolute;
}

@media screen and (max-width:767px){
	.app-right-card {
		padding: 30px 20px !important;
		text-align: center;
	}
}

@media screen and (max-width:767px){
	.app-right-card h2 {
		font-size: 22px;
		margin-bottom: 16px;
		line-height: 1.6em;
	}
}

@media screen and (max-width:767px){
	.app-right-card p {
		font-size: 16px;
	}
}

@media screen and (max-width:980px){
	.app-right-card {
		top: -50px !important;
	}

}

.app-right-card {
	max-width: 475px;
	background: #fff;
	border-radius: 20px;
	padding: 60px 40px;
	position: relative;
	top: 200px;
}

.app-right-card h2 {
	color: #14a4dd;
	margin-bottom: 20px;
}

@media screen and (max-width:767px){
	.app-left-card {
		padding: 30px 20px !important;
		text-align: center;
	}
}

@media screen and (max-width:767px){
	.app-left-card h2 {
		font-size: 22px;
		margin-bottom: 16px;
		line-height: 1.6em;
	}
}

@media screen and (max-width:767px){
	.app-left-card p {
		font-size: 16px;
	}
}

@media screen and (max-width:980px){
	.app-left-card {
		top: -50px !important;
	}
}

.app-left-card {
	max-width: 475px;
	background: #fff;
	border-radius: 20px;
	padding: 60px 40px;
	position: relative;
	top: 200px;
}

.app-left-card h2 {
	color: #f47920;
	margin-bottom: 20px;
}

.app-button:hover {
	background: #f47920 !important;
	color: #fff !important;
}

@media screen and (max-width:767px){
	#et-info {
		display: none;
	}
}

@media screen and (max-width:980px){
	.app-mobile-text-center {
		text-align: center;
	}
}

@media screen and (max-width:767px){
	.app-mobile-text-center p {
		font-size: 16px;
	}
}

@media screen and (max-width:767px){
	.app-mobile-text-center h1 {
		font-size: 30px;
		line-height: 1em;
	}
}


@media screen and (max-width:980px){
	.flex-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media screen and (max-width:980px){
	.app-tablet-img-center {
		display: flex;
		justify-content: center;
	}
}

@media screen and (min-width: 768px) and (max-width:980px){
	.app-tablet-flex-center {
		display: flex;
		justify-content: center;
	}
}

@media screen and (min-width:1365px) {
	.app-slider-text h1 {
		width: 500px;
	}
}

@media screen and (min-width:1365px) {
	.app-slider-text p {
		width: 450px;
	}
}

.app-icons-flex {
	display: flex;
	justify-content: center;
}

@media screen and (min-width:768px) and (max-width: 1023px){
#tablet-app-icons-flex .et_pb_column {
	width: 60%;
	left: 115px;
}
}

@media screen and (max-width:767px){
	.app-icons-mobile-top {
		position: absolute;
    	top: 300px;
		left: 25px;
	}
}

@media screen and (min-width: 768px) and (max-width:1023px){
	.app-icons-mobile-top {
		position: absolute;
    	top: 275px;
		left: 70px;
	}
}

// logo carousels
    @keyframes logoCarouselInfinite {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-100%);
        }
    }
    __logo-carousel-row {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
        white-space: nowrap;
        overflow-x: hidden;
        position: relative;
        &::before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 3rem;
            content: '';
            background: linear-gradient(to right, white, rgba(255, 255, 255, 0));;
            z-index: 100;
        }
        &::after {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 3rem;
            content: '';
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
            z-index: 100;
            visibility: visible;
        }
    }
    // logo carousel
    __logo-carousel-column {
        display: inline-block;
        width: max-content !important;
        white-space: nowrap;
        margin: 0 !important;
        float: none !important;
        animation: 25s linear infinite logoCarouselInfinite;
        // max-width: fit-content !important;
    }
    // Change the max height of images in carousel here
    __logo-carousel-image {
        display: inline-block !important;
        margin: 0 !important;
        margin-right: 5rem !important;
        height: 75px;
        width: auto;
        span {
            display: block;
            height: 100%;
            img {
                height: 100%;
                width: auto;
                display: block;
            }
        }
    }

.slick-arrow {
  display: none !important;
}

.et_pb_row {
	max-width: 1480px !important;
}

.mw-1080 {
max-width: 1080px !important;
}

img[title] {
    pointer-events: none;
}

.flex-cog {
	display: flex;
    align-items: center;
}