@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
:root {
	--text-color: #666666;
	--main-color: #edf2fc;
	--theme-color: #14233d;
	--white-color: #ffffff;
	--half-white-color: #f6f7f8;
	--dark-color: #000000;
	--half-dark-color: #1a1a1a;
}

a {
	color: var(--theme-color);
	outline: 0 none;
	text-decoration: none;
	transition: all 0.2s linear;
}
a:hover,
a:focus {
	text-decoration: none;
	outline: 0 none;
}
a:active,
a:hover,
a:focus {
	color: var(--theme-color);
}
ul {
	margin-bottom: 24px;
	padding: 0;
}
.border-no {
	border: none !important;
}
input,
textarea {
	width: 100%;
	height: 60px;
	border: 0;
	outline: none;
	padding-left: 30px;
}
@media (max-width: 992px) {
	input,
	textarea {
		padding-left: 20px;
	}
}
input:focus,
textarea:focus {
	border-color: var(--theme-color) !important;
}
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
textarea {
	padding: 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
p {
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
	margin-bottom: 24px;
}
h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 40px;
	color: var(--dark-color);
	margin-bottom: 20px;
}
.nu-header {
	position: relative;
}
.side-border {
	padding-left: 70px;
	padding-right: 70px;
}
.section-full {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}
.h-300 {
	height: 300px !important;
}
.text-bold {
	font-weight: bold !important;
}
.capital-text {
	text-transform: capitalize !important;
}
.text-capital {
	text-transform: capitalize !important;
	font-style: italic !important;
	font-size: 35px !important;
	font-weight: 600 !important;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-right {
	text-align: right;
}
.text-outline {
	font-size: 90px;
	line-height: 88px;
	font-weight:900;
	opacity:0.3;
	color: var(--white-color);
	-webkit-text-fill-color: rgba(0,0,0,0);
	-ms-text-fill-color: rgba(0,0,0,0);
	-moz-text-fill-color: rgba(0,0,0,0);
	-o-text-fill-color: rgba(0,0,0,0);
	-webkit-text-stroke-width: 2px;
	-ms-text-stroke-width: 2px;
	-moz-text-stroke-width: 2px;
	-o-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
	-ms-text-stroke-color: #000;
	-moz-text-stroke-color: #000;
	-o-text-stroke-color: #000;
}
.overflow-hide {
	overflow: hidden;
}
.bg-cover {
	background-size: cover;
}
.bg-light-b {
	background-color: var(--main-color);
}
.bg-white {
	background-color: var(--white-color);
}
.bg-dark {
	background-color: #141b1f;
}
.bg-gray {
	background-color: var(--half-white-color);
}
/* padding */
.p-t50 {
	padding-top: 50px !important;
}
.p-t100 {
	padding-top: 100px !important;
}
.p-t150 {
	padding-top: 150px !important;
}
.p-b30 {
	padding-bottom: 30px !important;
}
.p-b50 {
	padding-bottom: 50px !important;
}
.p-b100 {
	padding-bottom: 100px !important;
}
.p-tb25 {
	padding-bottom: 25px;
	padding-top: 25px;
}
.p-lr30 {
	padding-left: 30px;
	padding-right: 30px;
}

/* Margin */
.m-0 {
	margin: 0;
}
.m-t0 {
	margin-top: 0 !important;
}
.m-b5 {
	margin-bottom: 5px !important; 
}
.m-b10 {
	margin-bottom: 10px !important;
}
.m-b20 {
	margin-bottom: 20px !important;
}
.m-b30 {
	margin-bottom: 30px !important;
}
.m-b50 {
	margin-bottom: 50px !important;
}
.m-tb0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.bdr-r-1 {	
	border-width:0px 1px 0px 0px;
}
.bdr-r-3 {
	border-width: 0px 3px 0px 0px;
}
.bdr-primary {
	border-color: var(--theme-color);
}
.bdr-solid {
	border-style: solid;
}

.icon-xl {
	display: inline-block;
	text-align: center;
	width: 100px;
	line-height: 100px !important;
}
.icon-xl i {
	font-size: 80px;
	line-height: 80px;
	vertical-align: middle;
}
.icon-xl.inline-icon {
	width: auto;
}