

@media (min-width: 1200px) {
		.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
				max-width: 1200px;
		}
}

@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
				font-size: 13px;
		}
}

.custom-border-radius-1 {
		border-radius: 7px !important;
}

.custom-text-underline-1 {
		border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.custom-btn-border-radius {
		border-radius: var(--border-radius2x);
}

.custom-btn-arrow-effect-1 > svg {
		transition: ease transform 300ms;
}

.custom-btn-arrow-effect-1:hover > svg {
		transform: translate3d(8px, 0, 0);
}

.custom-select-1.custom-select-1-arrow-position:before {
		right: 30px;
}

.custom-svg-1 {
		position: absolute;
		left: 0;
		top: -100px;
		width: 640px;
}

.custom-svg-2 {
		position: absolute;
		top: 43%;
		left: -260px;
		width: 190px;
		transform: translate3d(0, -50%, 0);
}

.custom-svg-3 {
		display: none;
		position: absolute;
		right: 0;
}

@media (min-width: 576px) {
		.custom-svg-3 {
				display: block;
				bottom: -80px;
				width: 80px;
		}
}

@media (min-width: 1440px) {
		.custom-svg-3 {
				bottom: -150px;
				width: 150px;
		}
}

.custom-bg-color-grey-1 {
		background-color: #f4f4f4 !important;
}

.custom-alert-bg-color-1 {
		background-color: var(--light) cd6 !important;
}

@media (max-width: 575px) {
		.custom-section-background {
				background-color: var(--light) !important;
		}
}

.custom-section-background .container:before {
		content: '';
		position: absolute;
		top: 50%;
		right: 85%;
		width: 100vw;
		height: calc( 100% + 150px);
		background: var(--light);
		z-index: 0;
		transform: translate3d(0, -50%, 0);
}

@media (max-width: 575px) {
		.custom-section-background .container:before {
				opacity: 0;
		}
}

@media (min-width: 1920px) {
		.custom-background-style-1 {
				background-size: cover;
		}
}

@media (max-width: 575px) {
		.custom-background-style-1 {
				background-image: none !important;
				background-color: var(--light);
		}
}

@media (min-width: 2050px), (max-width: 991px) {
		.custom-background-size-1 {
				background-size: cover !important;
		}
}

@media (min-width: 2050px) {
		.custom-background-size-1 {
				background-position: 14vw 50% !important;
		}
}

.custom-svg-background-1 {
		position: absolute;
		width: 1000%;
		top: 0;
		left: 50%;
		height: 100%;
		transform: translate3d(-50%, 0, 0);
}

@media (max-width: 991px) {
		.custom-svg-background-1 {
				left: 77%;
		}
}

@media (max-width: 575px) {
		.custom-svg-background-1 {
				left: 82%;
		}
}

@media (max-width: 991px) {
		.custom-remove-mobile-border-left {
				border-left: 0 !important;
		}
}

@media (max-width: 575px) {
		.custom-remove-mobile-xs-border-left {
				border-left: 0 !important;
		}
}

.custom-divider > hr {
		height: 4px !important;
}

@keyframes customLineAnim {
		from {
				stroke-dasharray: 1600;
				stroke-dashoffset: 1600;
		}
		to {
				stroke-dasharray: 2500;
				stroke-dashoffset: 1600;
		}
}

.customLineAnim {
		animation-name: customLineAnim;
}

@keyframes customLineAnim2 {
		from {
				stroke-dasharray: 2650;
				stroke-dashoffset: 2650;
		}
		to {
				stroke-dasharray: 2650;
				stroke-dashoffset: 0;
		}
}

.customLineAnim2 {
		animation-name: customLineAnim2;
}

@keyframes customLineProgressAnim {
		from {
				width: 0;
		}
		to {
				width: 60px;
		}
}

.customLineProgressAnim {
		animation-name: customLineProgressAnim;
}

/*
 * Social Icons
 */
.custom-social-icons-divider > li + li {
		position: relative;
		margin-left: 20px;
}

.custom-social-icons-divider > li + li:before {
		content: '';
		border-left: 1px solid #dadcdd;
		height: 80%;
		position: absolute;
		left: -13px;
		top: 50%;
		transform: translate3d(0, -50%, 0);
}
