/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--bgcolor: #2E364F;
	--themecolor: #F1C77A;
	--bgcolorrgba: 58,133,144;
	--themecolorrgba: 241,199,122;
	--font-family: 'Prata', Serif;
	--font-family-body: 'Roboto', sans-serif;
	--border-opacity: .15;
	--body-image: url('images/blur-svg/blur-bg.png');
}

.section-img img { width: 100%; border: 10px solid #FFF; }

.fluid-width-video-wrapper {
	width: 100%;
	position: inherit !important;
	padding: 0;
	  padding-top: 0px;
  }

  /* ----------------------------------------------------------------------------
	Services Grid
---------------------------------------------------------------------------- */

.grid-border {
	overflow: hidden;
	border: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}

.grid-border [class^=col-]:before,
.grid-border [class^=col-]:after {
	content: '';
	position: absolute;
}

.grid-border [class^=col-]:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}

.grid-border [class^=col-]:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid rgba(var(--themecolorrgba, 241,199,122), var(--border-opacity, .15));
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.hero-diagonal::before {
		width: 60%;
		-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	}

	.section-img {
		display: block;
		position: absolute;
		top: -30px;
		right: 0;
		width: 52%;
		height: 100%;
	}

	.section-img .section-img-sm {
		position: absolute;
		top: auto;
		bottom: -30px;
		left: -40px;
		right: auto;
		width: 360px;
		height: auto;
	}