/* Global */
@media (max-width: 767px) {
  .splide--arrows-sm.splide--arrows-outside {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 25px;
}
.p, p {
    margin: 0 0 20px;
}
sup {
  font-size: 0.7em;
}
.module--button .module__inner .inline-items {
	gap: 10px 40px !important;
}
.btn--medium, .btn--large, .btn--small {
    padding: 15px 35px;
    line-height: 100%;
    font-size: 16px;
	@media (max-width: 767px) {
		font-size: 15px;
		padding: 15px 30px;
	}
    
    &.btn--white, &.btn--dark {
        background-color: transparent;
    	border: solid 2px;
        padding: 13px 33px
		@media (max-width: 767px) {
			padding: 13px 28px;
		}
    }
    &.btn--white {
    	border-color: #fff;
        color: #fff;
    }
    &.btn--dark {
    	border-color: #5E5E5E;
        color: #5E5E5E;
    }
    &.btn--ghost, &.btn--ghost-white {
		padding-left: 0px !important;
		padding-right: 0px !important;
        background-color: transparent;
        border: none;
        display: flex;
        gap: 15px;
        backdrop-filter: none;
		@media (max-width: 767px) {
			padding: 15px 0px 15px 10px;
		}
        
        &:after {
            content: ' ';
            width: 50px;
            height: 20px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            display: block;
            opacity: 1 !important;
            background-color: transparent;
            transform: none !important;
            margin: 0;
            left: auto;
            position: relative;
			@media (max-width: 767px) {
				width: 30px;
			}
        }
        &:hover {
            background-color: transparent;
            color: #fff;
        }
    }
    &.btn--ghost {
        color: #5E5E5E;
        &:after {
            background-image: url("https://5558794.fs1.hubspotusercontent-na1.net/hubfs/5558794/Arrow%202.png");
        }
        &:hover {
            color: #5E5E5E;
        }
    }
    &.btn--ghost-white {
        color: #fff;
        &:after {
            background-image: url("https://5558794.fs1.hubspotusercontent-na1.net/hubfs/5558794/apx_icon_arrow_white.png");
        }
        &:hover {
            color: #fff;
        } 
    }
}
form.hs-custom-form {
    display: grid;
    gap: 25px;
	@media (max-width: 767px) {
		gap: 10px;
	}
	fieldset {
		margin: 0 !important;
		display: flex;
		gap: 30px;
		@media (max-width: 767px) {
			gap: 20px;
		}
		.field {
			margin: 0 !important;
			padding: 0 !important;
			width: 100%;
			label {
				color: var(--Text-Color, #5E5E5E);
				font-family: Montserrat;
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
				line-height: 160%; /* 25.6px */
				@media (max-width: 767px) {
					font-size: 14px;
				}
				.hs-form-required {
					display: none;
				}
			}
			.input {
				@media (max-width: 767px) {
					margin-top: 0 !important;
				}
				textarea, input {				
					color: #5E5E5E !important;
					box-shadow: none !important;
					@media (max-width: 767px) {
						border-radius: 8px;
					}
					&::placeholder {
						color: #5E5E5EBF !important;
					}
				}
			}
			label.hs-error-msg {
				color: white;
				font-size: 14px;
			}
		}
	}
	.hs_submit {
		.actions {
			input[type="submit"] {
				font-size: 16px;
    line-height: 100%;
    padding: 15px 35px;
			}
		}
	}
}
.row-fluid .dnd-column:has(.apx_decoration_border) {
    border: solid;
    border-width: 0 1px 0 0;
    padding-right: 100px;
    border-color: #b8b8b878;
	@media (max-width: 1139px) {
		padding-right: 0px;
	    padding-bottom: 50px;
	    border-width: 0 0 1px 0;
	}
}

/* Responsive */
html body .main > .row-fluid-wrapper > .row-fluid > .widget-span > .row-depth-1 {
	padding: 100px 50px;
	@media (max-width: 1139px) {
		padding: 50px !important;
	}
	@media (max-width: 767px) {
		padding: 50px 30px !important;
	}
	.row-fluid {
		@media (max-width: 1139px) {
			display: flex !important;
			flex-direction: column;
			gap: 60px;
		}
		> .widget-span {
			@media (max-width: 1139px) {
				width: 100%;
				margin: 0;
			}
		}
		&:has(.apx_reversed_row) {
			@media (max-width: 1139px) {
				flex-direction: column-reverse !important;
			}
		}
	}
	&.apx_hero {
		@media (max-width: 1139px) {
			padding: 150px 50px 50px !important;
		}
		@media (max-width: 767px) {
			padding: 130px 30px 50px !important;
		}
	}
	&.apx_image_section {
		> .row-fluid {
			> .widget-span:not(:has(div)) {
				@media (max-width: 1139px) {
					display: none !important;	
				}
			}
			.module--section-bg .section-bg {
				@media (max-width: 1139px) {
                    background-color: #121418;
					> .section-bg__custom {
						opacity: 0.5;
					}
				}
			}
		}
	}
}

/* Frontpage */
html body.hs-content-id-187968140460 .page .row-depth-1 {
	&.apx_hero {
		.section-bg__custom.section-bg__custom--css {
			@media (max-width: 1139px) {
				background-position: 70% 100% !important;
				background-size: auto 155% !important;		
			}
			@media (max-width: 767px) {
				linear-gradient(180deg, rgba(0, 0, 0, 0.20) 8.12%, rgba(212, 146, 33, 0.00) 26.33%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(212, 146, 33, 0.20) 100%), linear-gradient(85deg, rgba(0, 10, 99, 0.50) 2.02%, rgba(0, 0, 0, 0.28) 43.1%, rgba(55, 69, 190, 0.00) 60.29%), url(https://5558794.fs1.hubspotusercontent-na1.net/hubfs/5558794/apx_frontpage_hero_bg-1%20copy.webp) lightgray 50% / 2575px no-repeat				
			}
		}
	}
}