/* End custom CSS */

.elementor-4807 .elementor-element.elementor-element-20bb7af {
	--display: flex;
	--min-height: 60vh;
	--flex-direction: row;
	--container-widget-width: calc(( 1 - var(--container-widget-flex-grow) ) * 100%);
	--container-widget-height: 100%;
	--container-widget-flex-grow: 1;
	--container-widget-align-self: stretch;
	--flex-wrap-mobile: wrap;
	--align-items: center;
	--gap: 10px 10px;
	--background-transition: .3s;
	--overlay-opacity: .2;
	--padding-top: 7%;
	--padding-bottom: 0%;
	--padding-left: 7%;
	--padding-right: 7%;
}

.elementor-4807 .elementor-element.elementor-element-20bb7af:not(.elementor-motion-effects-element-type-background), .elementor-4807 .elementor-element.elementor-element-20bb7af > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #fff;
	background-image: url("https://cdn-ildjcal.nitrocdn.com/wfKqxalRNOsBCZImBAfHMFBMNMBveKwh/assets/images/optimized/rev-70b357e/phosphorus.io/wp-content/uploads/2023/02/bottom-CTA-footer-BG.webp");
	background-position: center center;
	background-size: cover;
}

.elementor-4807 .elementor-element.elementor-element-20bb7af:not(.elementor-motion-effects-element-type-background).nitro-lazy, .elementor-4807 .elementor-element.elementor-element-20bb7af > .elementor-motion-effects-container > .elementor-motion-effects-layer.nitro-lazy {
	background-image: none !important;
}

.elementor-4807 .elementor-element.elementor-element-20bb7af::before, .elementor-4807 .elementor-element.elementor-element-20bb7af > .elementor-background-video-container::before, .elementor-4807 .elementor-element.elementor-element-20bb7af > .e-con-inner > .elementor-background-video-container::before, .elementor-4807 .elementor-element.elementor-element-20bb7af > .elementor-background-slideshow::before, .elementor-4807 .elementor-element.elementor-element-20bb7af > .e-con-inner > .elementor-background-slideshow::before, .elementor-4807 .elementor-element.elementor-element-20bb7af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
	--background-overlay: "";
	background-color: #000;
}

.elementor-4807 .elementor-element.elementor-element-20bb7af, .elementor-4807 .elementor-element.elementor-element-20bb7af::before {
	--border-transition: .3s;
}

.elementor-4807 .elementor-element.elementor-element-e6bc8d0 {
	--display: flex;
	--background-transition: .3s;
	--padding-top: 0%;
	--padding-bottom: 0%;
	--padding-left: 0%;
	--padding-right: 30%;
}

.elementor-4807 .elementor-element.elementor-element-2e4aadd .elementor-heading-title {
	color: #fff;
	font-size: 65px;
	font-weight: 900;
	line-height: 1.2em;
}

.elementor-4807 .elementor-element.elementor-element-2e4aadd > .elementor-widget-container {
	padding: 20px 0px 0px 0px;
}

.elementor-4807 .elementor-element.elementor-element-cd36f80 .elementor-heading-title {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2em;
}

.elementor-4807 .elementor-element.elementor-element-cd36f80 > .elementor-widget-container {
	padding: 20px 0px 0px 0px;
}

.elementor-4807 .elementor-element.elementor-element-0482309 {
	--display: flex;
	--flex-direction: column;
	--container-widget-width: 100%;
	--container-widget-height: initial;
	--container-widget-flex-grow: 0;
	--container-widget-align-self: initial;
	--flex-wrap-mobile: wrap;
	--background-transition: .3s;
	--padding-top: 50px;
	--padding-bottom: 50px;
	--padding-left: 0px;
	--padding-right: 0px;
}

@media (max-width:1200px) {
	.elementor-4807 .elementor-element.elementor-element-2e4aadd .elementor-heading-title {
		font-size: 50px;
	}
}

@media (min-width:768px) {
	.elementor-4807 .elementor-element.elementor-element-20bb7af {
		--content-width: 1300px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-0482309 {
		--content-width: 1300px;
	}
}

@media (max-width:1024px) {
	.elementor-4807 .elementor-element.elementor-element-20bb7af {
		--min-height: 350px;
		--padding-top: 75px;
		--padding-bottom: 0px;
		--padding-left: 25px;
		--padding-right: 25px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-e6bc8d0 {
		--padding-top: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
		--padding-right: 0px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-2e4aadd .elementor-heading-title {
		font-size: 45px;
	}
}

@media (max-width:880px) {
	.elementor-4807 .elementor-element.elementor-element-e6bc8d0 {
		--padding-top: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
		--padding-right: 0px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-cd36f80 .elementor-heading-title {
		font-size: 20px;
	}
}

@media (max-width:767px) {
	.elementor-4807 .elementor-element.elementor-element-20bb7af {
		--min-height: 350px;
		--padding-top: 75px;
		--padding-bottom: 0px;
		--padding-left: 20px;
		--padding-right: 20px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-e6bc8d0 {
		--padding-top: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
		--padding-right: 0px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-2e4aadd .elementor-heading-title {
		font-size: 39px;
	}
	
	.elementor-4807 .elementor-element.elementor-element-cd36f80 .elementor-heading-title {
		font-size: 18px;
		line-height: 1.3em;
	}
}

/* Start custom CSS for container, class: .elementor-element-20bb7af */

/* TRANSPARENT HEADER */
.navbar__wrapper {
	background: transparent !important;
	border-bottom: none !important;
	transition: background-color 550ms;
}

.navbar__wrapper .navmenu__link-list li a, .navbar__wrapper li a div, .navbar__wrapper div, .navbar__wrapper .button-11.cc-navbar.cc-secondary {
	color: #fff !important;
}

.navbar__wrapper .dropdown-column-title, .navbar__wrapper .dropdown-card-title-copy, .navbar__wrapper .dropdown-footer-link-2.footerlinks, .navbar__wrapper .footerlinks a {
	color: #1b1b1b !important;
}

/* Logo change color */
.image-33 {
	scroll-behavior: smooth;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

/* FIXED */
.navbar__wrapper.fixed_menu {
	background-color: #fff !important;
	border-bottom: 1px solid #e4e4e4 !important;
}

/* Logo change color */
.navbar__wrapper.fixed_menu .image-33 {
	filter: initial !important;
}

.navbar__wrapper.fixed_menu .navmenu__link-list li a, .navbar__wrapper.fixed_menu li a div, .navbar__wrapper.fixed_menu div, .navbar__wrapper.fixed_menu .button-11.cc-navbar.cc-secondary {
	transition: background-color 550ms;
	color: #1b1b1b !important;
}

.elementor-element.elementor-element-341de89b .site__logo img {
	filter: brightness(0) invert(1);
}

.is-visible .elementor-element.elementor-element-341de89b .site__logo img {
	filter: brightness(1) invert(0);
}

.octf-area-wrap.elementor-section-height-default.elementor-section-height-default {
	background: transparent !important;
}
