@media (min-width: 1200px) {
	.container {
		max-width: 1200px !important;
	}
}

/* Navbar Design  */

@media only screen and (max-width: 768px) {
	.navbar-nav-customize {
		background-color: hsl(0, 100%, 40%) !important;
	}

	.navbar-nav-customize .nav-item {
		border-bottom: 1px solid hsl(0, 100%, 70%);
		padding: 10px 0 10px 0;
	}

	.navbar-nav-customize .dropdown-menu .dropdown-submenu {
		border-bottom: 1px solid hsl(0, 100%, 70%);
		padding: 5px 0 5px 0;
	}

	.navbar-nav-customize .dropdown-menu {
		margin-top: 5px;
	}

	.nav-item-customize a {
		color: white !important;
	}

	.nav-item-customize .ti-plus-desktop {
		display: none;
	}
}

@media (min-width: 992px) {
	.navbar-nav-customize .nav-item-customize .main-nav-link {
		color: black !important;
	}

	.navbar-nav-customize li:hover>.dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	/* .navbar .nav-item:hover .nav-link {} */

	/* .navbar .nav-item:hover .dropdown-menu{ display: block; } */
	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}

	.navbar-nav-customize .nav-item-customize a {
		padding: 25px 0 25px 0;
	}

	.dropdown-submenu .dropdown-menu {
		left: auto;
		right: 100%;
	}

	.nav-item-customize:hover {
		color: white !important;
		border-top: 7px solid hsl(0, 100%, 40%) !important;
	}

	.nav-item-customize {
		padding: 0 !important;
		border-top: 7px solid white !important;
	}

	.navbar-nav-customize>.active {
		color: red !important;
		border-top: 7px solid hsl(0, 100%, 40%) !important;
	}

	.navbar-nav-customize>.active .main-nav-link {
		color: hsl(0, 100%, 40%) !important;
	}

	.ti-plus-desktop {
		color: hsl(0, 100%, 40%);
	}

	.nav-item-customize .ti-plus-mobile {
		display: none;
	}
}

.nav-item-customize .dropdown-menu {
	background-color: hsl(0, 100%, 40%);
}

.nav-item-customize .dropdown-menu .dropdown-item {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-nav-customize a {
	font-weight: 700;
}

.navbar-nav-customize>.nav-item-customize>.dropdown-menu>li>.active {
	background-color: hsl(0, 100%, 70%);
}

.navbar-nav-customize>.nav-item-customize>.dropdown-menu>li>.dropdown-item:hover {
	background-color: hsl(0, 100%, 70%);
}

.dropdown-menu {
	margin-top: 0;
	padding: 0;
	border-radius: 0;
}

.dropdown-item {
	padding: 5px 20px 5px 20px !important;
}

.dropdown-divider {
	margin: 0 !important;
}

.dropdown-menu>.active {
	color: white !important;
	background-color: hsl(0, 100%, 70%);
}

.dropdown-menu>.active>a {
	color: white !important;
}

.dropdown-submenu>.dropdown-menu>li>.active {
	background-color: hsl(0, 100%, 70%);
}

.dropdown-submenu>.dropdown-menu>li>.dropdown-item:hover {
	background-color: hsl(0, 100%, 70%);
	/* color: white; */
}

/* CSS */
.top-dropdown:hover .top-dropdown-menu {
	display: block;
}

.top-dropdown-menu {
	display: none;
	position: absolute;
	z-index: 1;
}

.top-dropdown-menu {
	background-color: hsl(0, 100%, 40%) !important;
}

.top-dropdown-menu a:hover {
	background-color: hsl(0, 100%, 70%) !important;
}

/* Page Layout */

.page-container {
	position: relative;
	min-height: 100vh;
}

.content-wrap {
	padding-bottom: 2.5rem;
}

/* .footer {
	bottom: 0;
	width: 100%;
	padding: 50px 0 50px 0;
	background: rgb(2, 0, 36);
	background: radial-gradient(circle, rgba(2, 0, 36, 1) 0%, rgba(8, 8, 73, 1) 19%, rgba(13, 155, 184, 1) 100%);
} */

.ql-editor {
	min-height: 200px;
}

.gradient {
	background-image: linear-gradient(120deg, hsl(0, 100%, 40%) 50%, hsl(0, 100%, 40%) 10%, hsl(0, 100%, 40%));
}

.square {
	position: center;
	height: 30px;
	width: 30px;
	background-color: white;
	-ms-transform: rotate(45deg);
	/* IE 9 */
	transform: rotate(45deg);
	position: relative;
	top: 15px;
}

/* Google Translate */

@media (min-width: 992px) {
	.translate {
		position: fixed;
		left: 50px;
		z-index: 10000;
	}
}

.goog-te-gadget-simple {
	padding: 5px;
	border: none;
	border-radius: 15px;
}

hr.curve,
.ck-content>div>hr {
	border: 0;
	height: 3px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.bottom-menu:hover {
	color: red !important;
}