/******************************************************************
  Template Name: Deerhost
  Description:  Deerhost Hosting HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Pricing Section
7.  Achievement Section
8.  Chooseup Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Montserrat", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	color: #444444;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 70px;
	text-align: center;
}

.section-title.normal-title {
	text-align: left;
}

.section-title.normal-title h3:after {
	margin: 0;
}

.section-title h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
}

.section-title h3:after {
	position: absolute;
	left: 0;
	bottom: -30px;
	right: 0;
	height: 13px;
	width: 83px;
	background-image: url(../img/line.png);
	content: "";
	margin: 0 auto;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	padding: 14px 30px 12px;
	color: #ffffff;
	background: #4c57d6;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 50px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #4c57d6;
	border: none;
	border-radius: 50px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header-section {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}

.header-section.header-normal {
	position: relative;
	background: #120851;
}

.header-section.header-normal .header__logo {
	padding-bottom: 30px;
}

.header-section.header-normal .header__menu {
	padding-bottom: 30px;
}

.header__info {
	padding: 10px 0;
	border-bottom: 1px solid #252163;
}

.header__info-left ul li {
	font-size: 13px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 25px;
}

.header__info-left ul li:last-child {
	margin-right: 0;
}

.header__info-left ul li span {
	height: 30px;
	width: 30px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}

.header__info-right {
	text-align: right;
}

.header__info-right ul li {
	list-style: none;
	display: inline-block;
	margin-right: 30px;
}

.header__info-right ul li:last-child {
	margin-right: 0;
}

.header__info-right ul li a {
	font-size: 13px;
	color: #ffffff;
	display: block;
}

.header__info-right ul li a span {
	height: 30px;
	width: 30px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}

.header__logo {
	padding-top: 30px;
}

.header__logo a {
	display: inline-block;
}

.header__menu {
	text-align: right;
	padding-top: 32px;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 40px;
	width: 200px;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
}

.header__menu ul li .dropdown li {
	display: block;
	text-align: left;
}

.header__menu ul li .dropdown li a {
	color: #111111;
	padding: 10px 15px;
	text-transform: capitalize;
	font-weight: 500;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li.active a:after {
	opacity: 1;
	height: 50%;
}

.header__menu ul li:hover .dropdown {
	opacity: 1;
	visibility: visible;
	top: 20px;
}

.header__menu ul li:hover a:after {
	opacity: 1;
	height: 50%;
}

.header__menu ul li a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	padding: 0 3px;
	position: relative;
	z-index: 1;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 0%;
	background: #4c57d6;
	content: "";
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.offcanvas__menu__wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text h5 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 118px;
	text-align: center;
}

.hero__slider.owl-carousel .owl-dots button {
	height: 5px;
	width: 25px;
	background: #433b76;
	border-radius: 50px;
	margin-right: 10px;
}

.hero__slider.owl-carousel .owl-dots button.active {
	background: #4c57d6;
}

.hero__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.hero__item {
	height: 945px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.hero__item .hero__text {
	padding-top: 184px;
}

.hero__item .hero__text h5 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.hero__item .hero__text h2 {
	color: #ffffff;
	font-weight: 700;
	line-height: 47px;
	text-transform: uppercase;
	margin-bottom: 28px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.hero__item .hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
}

/*---------------------
  Register Domain
-----------------------*/

.register__text .register__form {
	margin-bottom: 34px;
}

.register__text .register__form form {
	position: relative;
}

.register__text .register__form form input {
	width: 100%;
	height: 54px;
	border: 2px solid #4c57d6;
	border-radius: 50px;
	font-size: 14px;
	color: #111111;
	padding-left: 20px;
}

.register__text .register__form form input::-webkit-input-placeholder {
	color: #111111;
}

.register__text .register__form form input::-moz-placeholder {
	color: #111111;
}

.register__text .register__form form input:-ms-input-placeholder {
	color: #111111;
}

.register__text .register__form form input::-ms-input-placeholder {
	color: #111111;
}

.register__text .register__form form input::placeholder {
	color: #111111;
}

.register__text .register__form form .change__extension {
	font-size: 14px;
	color: #111111;
	position: absolute;
	top: 15px;
	right: 170px;
	cursor: pointer;
}

.register__text .register__form form .change__extension:hover ul {
	opacity: 1;
	top: 18px;
	visibility: visible;
}

.register__text .register__form form .change__extension ul {
	width: 60px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 38px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9;
}

.register__text .register__form form .change__extension ul li {
	list-style: none;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
}

.register__text .register__form form .change__extension:before {
	position: absolute;
	left: -30px;
	top: 3px;
	height: 18px;
	width: 1px;
	background: #d7d7d7;
	content: "";
}

.register__text .register__form form .change__extension:after {
	position: absolute;
	right: -20px;
	top: 0;
	content: "3";
	font-family: "ElegantIcons";
}

.register__text .register__form form .site-btn {
	position: absolute;
	right: 4px;
	top: 4px;
}

.register__text .register__result {
	margin-bottom: 24px;
}

.register__text .register__result ul li {
	display: inline-block;
	list-style: none;
	color: #4c57d6;
	font-weight: 700;
	margin-right: 62px;
	font-size: 20px;
}

.register__text .register__result ul li:last-child {
	margin-right: 0;
}

.register__text .register__result ul li span {
	color: #111111;
}

.register__text p {
	margin-bottom: 0;
}

/*---------------------
  Services Section
-----------------------*/

.services-section {
	background: #eeeffb;
	padding-bottom: 60px;
}

.services__item {
	background: #ffffff;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 45px;
	padding-bottom: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	margin-bottom: 40px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.services__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.services__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 8px;
}

.services__item span {
	font-size: 15px;
	color: #4c57d6;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}

.services__item p {
	color: #111111;
}

/*---------------------
  Pricing Section
-----------------------*/

.pricing-section {
	padding-bottom: 60px;
}

.pricing__swipe-btn {
	border: 1px solid #4c57d6;
	border-radius: 50px;
	height: 52px;
	width: 266px;
	float: right;
}

.pricing__swipe-btn label {
	font-size: 15px;
	color: #444444;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px 12px;
	border-radius: 50px;
	margin-right: -4px;
	position: relative;
	top: 2px;
	left: 2px;
	cursor: pointer;
}

.pricing__swipe-btn label.active {
	background: #4c57d6;
	color: #ffffff;
}

.pricing__swipe-btn label input {
	position: absolute;
	visibility: hidden;
}

.monthly__plans,
.yearly__plans {
	display: none;
}

.monthly__plans.active,
.yearly__plans.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.enterprise__plans,
.commercial__plans,
.residential__plans {
	display: none;
}

.enterprise__plans.active,
.commercial__plans.active,
.residential__plans.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.pricing__item {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 22px;
	background: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 40px;
}

.pricing__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.pricing__item:hover h3 {
	background: #4c57d6;
}

.pricing__item:hover .primary-btn {
	background: #4c57d6;
	color: #ffffff;
}

.pricing__item h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.pricing__item h3 {
	background: #120851;
	font-weight: 700;
	color: #ffffff;
	padding: 24px 0 20px;
	margin-bottom: 26px;
	margin-left: -30px;
	border-radius: 10px;
	margin-right: -30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.pricing__item h3 span {
	font-size: 16px;
	font-weight: 400;
}

.pricing__item ul {
	margin-bottom: 26px;
}

.pricing__item ul li {
	font-size: 14px;
	color: #444444;
	line-height: 40px;
	list-style: none;
}

.pricing__item .primary-btn {
	color: #111111;
	background: #f2f2f2;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 14px 0 12px;
}

/*---------------------
  Achievement Section
-----------------------*/

.achievement-section {
	padding-top: 70px;
	padding-bottom: 90px;
}

.achievement__item {
	text-align: center;
	margin-bottom: 30px;
}

.achievement__item span {
	font-size: 40px;
	color: #4c57d6;
}

.achievement__item h2 {
	color: #ffffff;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 5px;
}

.achievement__item p {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 0;
}

/*---------------------
  Work Section
-----------------------*/

.work-section {
	margin-top: -405px;
	position: relative;
	z-index: 9;
	border-top: 1px solid #62677d;
	padding-bottom: 0;
}

.work-section .section-title {
	margin-bottom: 82px;
}

.work-section .section-title h3 {
	color: #ffffff;
}

.work__text {
	-webkit-box-shadow: 0px 5px 10px rgba(18, 8, 81, 0.1);
	box-shadow: 0px 5px 10px rgba(18, 8, 81, 0.1);
	padding: 70px;
	background: #ffffff;
	position: relative;
}

.work__text:after {
	position: absolute;
	left: 0;
	right: 0;
	top: -6px;
	margin: 0 auto;
	height: 15px;
	width: 15px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.work__item {
	text-align: center;
}

.work__item i {
	font-size: 53px;
	color: #4c57d6;
}

.work__item span {
	display: block;
	font-size: 14px;
	color: #4c57d6;
	margin-bottom: 6px;
	margin-top: 32px;
}

.work__item h3 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.work__item p {
	margin-bottom: 32px;
}

/*---------------------
  Choose Plan
-----------------------*/

.choose-plan-section.pricing-page {
	background: #f5f5f5;
}

.plan__text {
	padding-left: 20px;
}

.plan__text h3 {
	color: #111111;
	font-weight: 700;
	line-height: 39px;
	margin-bottom: 18px;
}

.plan__text ul {
	margin-bottom: 35px;
}

.plan__text ul li {
	list-style: none;
	font-size: 16px;
	font-weight: 500;
	color: #111111;
	line-height: 40px;
}

.plan__text ul li span {
	margin-right: 5px;
	color: #4c57d6;
}

/*---------------------
  Footer
-----------------------*/

.footer__top {
	position: relative;
	z-index: 1;
	padding-top: 50px;
	padding-bottom: 265px;
}

.footer__top::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #0B052F;
	content: "";
	z-index: -1;
}

.footer__top::after {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #0E0739;
	content: "";
	z-index: -1;
}

.footer__top-call h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 18px;
}

.footer__top-call h2 {
	font-weight: 700;
	color: #4c57d6;
}

.footer__top-auth {
	padding-left: 25px;
}

.footer__top-auth h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer__top-auth .sign-up {
	margin-left: 6px;
	background: transparent;
	border: 2px solid #4c57d6;
	padding: 12px 30px 10px;
}

.footer__text {
	position: relative;
	z-index: 99;
	padding-top: 140px;
	margin-top: -225px;
}

.footer__text-about {
	margin-bottom: 30px;
}

.footer__text-about .footer__logo {
	margin-bottom: 24px;
}

.footer__text-about .footer__logo a {
	display: inline-block;
}

.footer__text-about p {
	color: #c4c4c4;
	line-height: 24px;
	margin-bottom: 20px;
}

.footer__text-about .footer__social a {
	display: inline-block;
	font-size: 18px;
	color: #c4c4c4;
	margin-right: 26px;
}

.footer__text-about .footer__social a:last-child {
	margin-right: 0;
}

.footer__text-about .footer__social a[aria-label="LinkedIn"],
.footer__social a[aria-label="LinkedIn"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #0a66c2;
	color: #ffffff;
	font-size: 22px;
	margin-top: 8px;
	box-shadow: 0 6px 18px rgba(10, 102, 194, 0.35);
	transition: all 0.25s ease;
}

.footer__text-about .footer__social a[aria-label="LinkedIn"]:hover,
.footer__social a[aria-label="LinkedIn"]:hover {
	background: #ffffff;
	color: #0a66c2;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(10, 102, 194, 0.4);
}

.footer__text-widget {
	margin-bottom: 30px;
}

.footer__text-widget h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer__text-widget ul li {
	list-style: none;
}

.footer__text-widget ul li a {
	font-size: 14px;
	color: #c4c4c4;
	line-height: 30px;
}

.footer__text-widget .footer__widget-info li {
	list-style: none;
	font-size: 14px;
	color: #c4c4c4;
	line-height: 42px;
	position: relative;
	padding-left: 35px;
}

.footer__text-widget .footer__widget-info li > span:first-child {
	color: #4c57d6;
	position: absolute;
	left: 0;
	top: 14px;
}

.footer__text-copyright {
	font-size: 14px;
	color: #c4c4c4;
	text-align: center;
	padding: 25px 0;
	border-top: 1px solid #2a2163;
	margin-top: 20px;
}

/* ----------------------------------- Other Pages Styles ----------------------------------- */

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb__option {
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0;
}

.breadcrumb__option a {
	font-size: 15px;
	color: #111111;
	font-weight: 500;
	margin-right: 20px;
	display: inline-block;
	position: relative;
}

.breadcrumb__option a:after {
	position: absolute;
	right: -18px;
	top: 0;
	content: "5";
	font-family: "ElegantIcons";
}

.breadcrumb__option a span {
	color: #111111;
	margin-right: 5px;
}

.breadcrumb__option span {
	font-size: 15px;
	color: #888888;
	font-weight: 500;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about__text {
	padding-top: 20px;
}

.about__text h2 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.about__text p {
	color: #111111;
	margin-bottom: 26px;
}

.about__text .about__achievement .about__achieve__item {
	display: inline-block;
	margin-right: 95px;
	margin-bottom: 30px;
}

.about__text .about__achievement .about__achieve__item:last-child {
	margin-right: 0;
}

.about__text .about__achievement .about__achieve__item span {
	font-size: 30px;
	color: #4c57d6;
}

.about__text .about__achievement .about__achieve__item h4 {
	color: #111111;
	font-weight: 700;
	margin-top: 12px;
}

.about__text .about__achievement .about__achieve__item p {
	font-size: 13px;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: 0;
}

/*---------------------
  About
-----------------------*/

.feature-section {
	background: #f5f5f5;
	padding-bottom: 70px;
}

.feature__item {
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	padding: 30px 35px 32px 35px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 30px;
}

.feature__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.feature__item span {
	font-size: 42px;
	color: #4c57d6;
}

.feature__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-top: 18px;
	margin-bottom: 10px;
}

.feature__item p {
	color: #111111;
	margin-bottom: 0;
}

/*---------------------
  Team
-----------------------*/

.team-section {
	padding-bottom: 70px;
}

.team__btn {
	text-align: right;
}

.team__item {
	border: 1px solid #d7d7d7;
	padding: 30px 20px 20px 30px;
	margin-bottom: 30px;
}

.team__item .team__pic {
	float: left;
	margin-right: 30px;
}

.team__item .team__pic img {
	height: 120px;
	width: 120px;
	border-radius: 50%;
}

.team__item .team__text {
	overflow: hidden;
}

.team__item .team__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 5px;
}

.team__item .team__text span {
	font-size: 14px;
	display: block;
	color: #4c57d6;
	margin-bottom: 6px;
}

.team__item .team__text .team__social a {
	display: inline-block;
	font-size: 16px;
	margin-right: 20px;
}

.team__item .team__text .team__social a.facebook {
	color: #3263af;
}

.team__item .team__text .team__social a.twitter {
	color: #40c4ff;
}

.team__item .team__text .team__social a.youtube {
	color: #ff0000;
}

.team__item .team__text .team__social a.instagram {
	color: #b309d7;
}

.team__item .team__text .team__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial-section {
	background: #f5f5f5;
}

.testimonial__item {
	text-align: center;
	position: relative;
	-webkit-box-shadow: 0px 2px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 2px 10px rgba(18, 8, 81, 0.15);
	padding: 85px 30px 20px 30px;
	border-radius: 10px;
	background: #ffffff;
}

.testimonial__item img {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: -50px;
	margin: 0 auto;
}

.testimonial__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	margin-bottom: 5px;
}

.testimonial__item span {
	font-size: 13px;
	color: #4c57d6;
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}

.testimonial__item p {
	margin-bottom: 0;
}

.testimonial__item .testimonial__rating i {
	font-size: 12px;
	color: #e9bb3f;
	margin-right: -4px;
}

.testimonial__slider .col-lg-4 {
	max-width: 100%;
}

.testimonial__slider.owl-carousel .owl-item img {
	width: auto;
}

.testimonial__slider.owl-carousel .owl-stage-outer {
	padding-bottom: 30px;
	padding-top: 50px;
}

.testimonial__slider.owl-carousel .owl-dots {
	text-align: center;
}

.testimonial__slider.owl-carousel .owl-dots button {
	height: 5px;
	width: 25px;
	background: #b7bcef;
	border-radius: 50px;
	margin-right: 10px;
}

.testimonial__slider.owl-carousel .owl-dots button.active {
	background: #4c57d6;
}

.testimonial__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Hosting Section
-----------------------*/

.hosting-section {
	padding-bottom: 0;
}

.hosting__text .nav-tabs {
	border-bottom: none;
	margin-bottom: 10px;
}

.hosting__text .nav-tabs .nav-item {
	margin-bottom: 0;
	width: 20%;
}

.hosting__text .nav-tabs .nav-item .nav-link {
	border: navajowhite;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: #f5f5f5;
	text-align: center;
	padding: 20px 0;
	position: relative;
}

.hosting__text .nav-tabs .nav-item .nav-link:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 10px;
	width: 10px;
	background: #4c57d6;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 auto;
	opacity: 0;
	z-index: 9;
}

.hosting__text .nav-tabs .nav-item .nav-link span {
	font-size: 24px;
	color: #4c57d6;
}

.hosting__text .nav-tabs .nav-item .nav-link span::before {
	font-size: 40px;
}

.hosting__text .nav-tabs .nav-item .nav-link h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
}

.hosting__text .nav-tabs .nav-item .nav-link.active {
	background: #4c57d6;
}

.hosting__text .nav-tabs .nav-item .nav-link.active span {
	color: #ffffff;
}

.hosting__text .nav-tabs .nav-item .nav-link.active h5 {
	color: #ffffff;
}

.hosting__text .nav-tabs .nav-item .nav-link.active:after {
	opacity: 1;
}

.hosting__feature__table table {
	width: 100%;
	border: 1px solid #e1e1e1;
	text-align: center;
}

.hosting__feature__table table thead {
	border-bottom: 1px solid #e1e1e1;
}

.hosting__feature__table table thead th {
	border-right: 1px solid #e1e1e1;
}

.hosting__feature__table table thead th .hosting__feature__plan--choose {
	text-align: left;
	padding-left: 40px;
	padding-right: 10px;
}

.hosting__feature__table table tbody tr {
	border-bottom: 1px solid #e1e1e1;
}

.hosting__feature__table table tbody tr:nth-child(odd) {
	background: #fafafa;
}

.hosting__feature__table table tbody tr td {
	border-right: 1px solid #e1e1e1;
	padding: 24px 0 22px;
	width: 232px;
}

.hosting__feature__table table tbody tr td.hosting__feature--item {
	text-align: left;
	padding-left: 40px;
}

.hosting__feature__table table .hosting__feature__plan--choose span {
	font-size: 16px;
	font-weight: 500;
	color: #4c57d6;
}

.hosting__feature__table table .hosting__feature__plan--choose .chose__title {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 6px;
	font-size: 24px;
}

.hosting__feature__table table .hosting__feature--plan {
	padding: 40px 10px;
}

.hosting__feature__table table .hosting__feature--plan .plan__title {
	color: #111111;
	font-weight: 700;
	margin-bottom: 16px;
	font-size: 24px;
}

.hosting__feature__table table .hosting__feature--plan .hosting__feature--price {
	margin-bottom: 20px;
}

.hosting__feature__table table .hosting__feature--plan .hosting__feature--price .plan__price {
	font-size: 40px;
	color: #4c57d6;
	font-weight: 700;
}

.hosting__feature__table table .hosting__feature--plan .hosting__feature--price span {
	font-size: 16px;
	color: #444444;
}

.hosting__feature__table table .hosting__feature--plan .primary-btn {
	background: #f2f2f2;
	color: #111111;
}

.hosting__feature__table table .hosting__feature--item {
	font-size: 16px;
	color: #111111;
	font-weight: 700;
	width: 470px;
}

.hosting__feature__table table .hosting__feature--info {
	font-size: 14px;
	color: #111111;
	font-weight: 500;
}

.hosting__feature__table table .hosting__feature--check {
	font-size: 16px;
	color: #4c57d6;
}

.hosting__feature__table table .hosting__feature--close {
	font-size: 16px;
	color: #d6002d;
}

/*---------------------
  Question
-----------------------*/

.question__accordin .card {
	border: none;
	border-radius: 0;
}

.question__accordin .card .card-heading a {
	margin-bottom: 16px;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: block;
	font-weight: 700;
}

.question__accordin .card .card-body {
	padding: 0;
}

.question__accordin .card-heading a:after {
	position: absolute;
	left: 0;
	top: 4px;
}

.question__accordin .card-heading a:after,
.question__accordin .card-heading>a.active[aria-expanded=false]:after {
	content: "L";
	font-family: "ELegantIcons";
	font-size: 14px;
	height: 15px;
	width: 15px;
	background: #4c57d6;
	line-height: 15px;
	text-align: center;
	color: #ffffff;
}

.question__accordin .card-heading a[aria-expanded=true]:after,
.question__accordin .card-heading>a.active:after {
	content: "K";
	font-family: "ELegantIcons";
	font-size: 14px;
	height: 15px;
	width: 15px;
	background: #4c57d6;
	line-height: 15px;
	text-align: center;
	color: #ffffff;
}

.question-form input {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	border-radius: 10px;
}

.question-form input::-webkit-input-placeholder {
	color: #444444;
}

.question-form input::-moz-placeholder {
	color: #444444;
}

.question-form input:-ms-input-placeholder {
	color: #444444;
}

.question-form input::-ms-input-placeholder {
	color: #444444;
}

.question-form input::placeholder {
	color: #444444;
}

.question-form textarea {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 100px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 14px;
	border-radius: 10px;
	resize: none;
	padding-top: 12px;
}

.question-form textarea::-webkit-input-placeholder {
	color: #444444;
}

.question-form textarea::-moz-placeholder {
	color: #444444;
}

.question-form textarea:-ms-input-placeholder {
	color: #444444;
}

.question-form textarea::-ms-input-placeholder {
	color: #444444;
}

.question-form textarea::placeholder {
	color: #444444;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 40px;
}

.blog__item .blog__pic {
	height: 253px;
	position: relative;
}

.blog__item .blog__pic .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
	position: absolute;
	left: 30px;
	bottom: -11px;
}

.blog__item .blog__text {
	padding-left: 30px;
	padding-top: 25px;
}

.blog__item .blog__text h5 {
	margin-bottom: 5px;
}

.blog__item .blog__text h5 a {
	font-size: 20px;
	font-weight: 700;
	color: #111111;
	line-height: 27px;
}

.blog__item .blog__text ul li {
	list-style: none;
	display: inline-block;
	color: #666666;
	font-size: 13px;
	margin-right: 20px;
}

.blog__item .blog__text ul li:last-child {
	margin-right: 0;
}

.blog__item .blog__text ul li i {
	height: 30px;
	width: 30px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}

.load-more {
	text-align: center;
}

.load-more .primary-btn {
	padding: 14px 75px 12px;
	background: #f2f2f2;
	color: #111111;
}

.blog__sidebar .blog__sidebar__item {
	margin-bottom: 70px;
}

.blog__sidebar .blog__sidebar__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar .blog__sidebar__item .sidebar__title {
	margin-bottom: 30px;
}

.blog__sidebar .blog__sidebar__item .sidebar__title h6 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 0 5px;
	z-index: 1;
}

.blog__sidebar .blog__sidebar__item .sidebar__title h6:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: #4c57d6;
	content: "";
	z-index: -1;
	opacity: 0.3;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	height: 46px;
	width: 46px;
	line-height: 46px;
	text-align: center;
	margin-right: 10px;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a:last-child {
	margin-right: 0;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.facebook {
	background: #3263af;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.twitter {
	background: #40c4ff;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.youtube {
	background: #ff0000;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.instagram {
	background: -o-linear-gradient(45deg, #af00e1, #ff9e35);
	background: linear-gradient(45deg, #af00e1, #ff9e35);
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item h6 {
	margin-top: 20px;
	margin-bottom: 5px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item h6 a {
	color: #111111;
	font-weight: 700;
	line-height: 27px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item ul li {
	list-style: none;
	color: #666666;
	font-size: 13px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item ul li i {
	height: 30px;
	width: 30px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe {
	background: #f5f5f5;
	padding: 30px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe .sidebar__title {
	margin-bottom: 20px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input {
	height: 46px;
	border: 1px solid #ebebeb;
	background: transparent;
	border-radius: 10px;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	width: 100%;
	margin-bottom: 20px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::-webkit-input-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::-moz-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input:-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::placeholder {
	color: #444444;
}

/*---------------------
  Blog Hero
-----------------------*/

.blog-hero-section {
	background: #f2f2f2;
	height: 640px;
	position: relative;
}

.blog-hero-section .blog__hero__pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 640px;
}

.blog__hero__text {
	padding-top: 218px;
}

.blog__hero__text .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}

.blog__hero__text h3 {
	color: #111111;
	font-weight: 700;
	line-height: 39px;
	margin-bottom: 12px;
	margin-top: 10px;
}

.blog__hero__text ul li {
	list-style: none;
	color: #666666;
	font-size: 13px;
	display: inline-block;
	margin-right: 20px;
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__hero__text ul li i {
	height: 30px;
	width: 30px;
	background: #ffffff;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details-section {
	padding-top: 60px;
}

.blog__details__text {
	position: relative;
}

.blog__details__social {
	position: absolute;
	left: -90px;
	top: 0;
}

.blog__details__social span {
	font-size: 15px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
	display: block;
}

.blog__details__social ul li {
	list-style: none;
	margin-bottom: 15px;
}

.blog__details__social ul li a {
	display: block;
	font-size: 14px;
	color: #ffffff;
	height: 46px;
	width: 46px;
	line-height: 46px;
	text-align: center;
	margin-right: 10px;
}

.blog__details__social ul li a:last-child {
	margin-right: 0;
}

.blog__details__social ul li a.facebook {
	background: #3263af;
}

.blog__details__social ul li a.twitter {
	background: #40c4ff;
}

.blog__details__social ul li a.youtube {
	background: #ff0000;
}

.blog__details__social ul li a.instagram {
	background: -o-linear-gradient(45deg, #af00e1, #ff9e35);
	background: linear-gradient(45deg, #af00e1, #ff9e35);
}

.blog__details__title {
	margin-bottom: 25px;
}

.blog__details__title p {
	line-height: 27px;
	font-size: 15px;
}

.blog__details__quote {
	background: #f5f5f5;
	padding: 30px 50px;
	margin-bottom: 35px;
	position: relative;
}

.blog__details__quote:after {
	position: absolute;
	left: 50px;
	top: -5px;
	font-family: "FontAwesome";
	content: "";
	font-size: 60px;
	color: #4c57d6;
	opacity: 0.3;
}

.blog__details__quote p {
	font-size: 16px;
	color: #111111;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 0;
	position: relative;
	z-index: 9;
}

.blog__details__title__more {
	margin-bottom: 30px;
}

.blog__details__title__more p {
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 0;
}

.blog__details__item {
	overflow: hidden;
	margin-bottom: 15px;
}

.blog__details__item .blog__details__item__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__item .blog__details__item__text {
	overflow: hidden;
}

.blog__details__item .blog__details__item__text p {
	font-size: 15px;
	line-height: 27px;
}

.blog__details__desc {
	margin-bottom: 30px;
}

.blog__details__desc p {
	font-size: 15px;
	line-height: 27px;
}

.blog__details__tags {
	margin-bottom: 60px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #444444;
	background: #f2f2f2;
	padding: 10px 16px;
	margin-right: 6px;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__profile {
	background: #f5f5f5;
	padding: 50px;
	margin-bottom: 55px;
}

.blog__details__profile .blog__details__profile__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__profile .blog__details__profile__pic img {
	height: 120px;
	width: 120px;
	border-radius: 50%;
}

.blog__details__profile .blog__details__profile__text {
	overflow: hidden;
}

.blog__details__profile .blog__details__profile__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blog__details__profile .blog__details__profile__text p {
	line-height: 27px;
}

.blog__details__profile .blog__details__profile__text .blog__details__profile__social a {
	font-size: 14px;
	color: #444444;
	display: inline-block;
	margin-right: 14px;
}

.blog__details__profile .blog__details__profile__text .blog__details__profile__social a:last-child {
	margin-right: 0;
}

.blog__details__option {
	margin-bottom: 55px;
}

.blog__details__option .blog__details__option__item {
	display: block;
}

.blog__details__option .blog__details__option__item.blog__details__option__item--next {
	text-align: right;
}

.blog__details__option .blog__details__option__item.blog__details__option__item--next h5 i {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__option .blog__details__option__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.blog__details__option .blog__details__option__item h5 i {
	margin-right: 5px;
}

.blog__details__option .blog__details__option__item .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}

.blog__details__option .blog__details__option__item h6 {
	color: #111111;
	font-weight: 700;
	line-height: 27px;
	margin-top: 10px;
}

.blog__details__comment {
	border: 1px solid #ebebeb;
	padding-left: 40px;
	padding-bottom: 50px;
	padding-right: 50px;
	padding-top: 30px;
}

.blog__details__comment h4 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 0 5px;
	z-index: 1;
	margin-bottom: 55px;
}

.blog__details__comment h4:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: #4c57d6;
	content: "";
	z-index: -1;
	opacity: 0.3;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item {
	padding-bottom: 5px;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 40px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
	margin-left: 115px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__pic {
	float: left;
	margin-right: 25px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__pic img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text {
	position: relative;
	overflow: hidden;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 15px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text p {
	font-size: 15px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul {
	position: absolute;
	right: 0;
	top: 0;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul li {
	list-style: none;
	display: inline-block;
	font-size: 12px;
	color: #444444;
	margin-right: 24px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul li i {
	font-size: 14px;
	color: #4c57d6;
	margin-right: 5px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul li:last-child {
	margin-right: 0;
}

.blog__details__comment .comment__btn {
	text-align: center;
}

/*---------------------
  Contact
-----------------------*/

.contact-section {
	padding-bottom: 0;
}

.contact__text h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.contact__text p {
	color: #111111;
	font-size: 15px;
	margin-bottom: 30px;
}

.contact__text ul li {
	list-style: none;
	position: relative;
	padding-left: 65px;
	margin-bottom: 30px;
}

.contact__text ul li span {
	height: 46px;
	width: 46px;
	background: #4c57d6;
	line-height: 46px;
	text-align: center;
	border-radius: 10px;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
}

.contact__text ul li h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 5px;
}

.contact__text ul li p {
	font-size: 15px;
	color: #111111;
	margin-bottom: 0;
}

.contact__text .contact__social a {
	display: inline-block;
	font-size: 30px;
	color: #c4c4c4;
	margin-right: 26px;
}

.contact__text .contact__social a:last-child {
	margin-right: 0;
}

.contact__text .contact__social a.facebook {
	color: #3263af;
}

.contact__text .contact__social a.twitter {
	color: #40c4ff;
}

.contact__text .contact__social a.youtube {
	color: #ff0000;
}

.contact__text .contact__social a.instagram {
	color: #b309d7;
}

.map {
	height: 515px;
}

.map iframe {
	width: 100%;
}

.contact-form h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.contact-form form .input-list {
	margin-right: -20px;
	overflow: hidden;
}

.contact-form form .input-list input {
	font-size: 14px;
	color: #444444;
	width: calc(33.33% - 23px);
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 23px;
	border-radius: 10px;
	margin-right: 20px;
}

.contact-form form .input-list input::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form .input-list input::-moz-placeholder {
	color: #444444;
}

.contact-form form .input-list input:-ms-input-placeholder {
	color: #444444;
}

.contact-form form .input-list input::-ms-input-placeholder {
	color: #444444;
}

.contact-form form .input-list input::placeholder {
	color: #444444;
}

.contact-form form textarea {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 130px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 17px;
	border-radius: 10px;
	resize: none;
	padding-top: 12px;
}

.contact-form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form textarea::-moz-placeholder {
	color: #444444;
}

.contact-form form textarea:-ms-input-placeholder {
	color: #444444;
}

.contact-form form textarea::-ms-input-placeholder {
	color: #444444;
}

.contact-form form textarea::placeholder {
	color: #444444;
}

.contact-form form .request-label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.contact-form form #contactRequest {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 23px;
	border-radius: 10px;
}

.contact-form form #contactRequest::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form #contactRequest::-moz-placeholder {
	color: #444444;
}

.contact-form form #contactRequest:-ms-input-placeholder {
	color: #444444;
}

.contact-form form #contactRequest::-ms-input-placeholder {
	color: #444444;
}

.contact-form form #contactRequest::placeholder {
	color: #444444;
}

/*---------------------
  404
-----------------------*/

.text__404 {
	text-align: center;
}

.text__404 h3 {
	color: #111111;
	font-weight: 700;
	margin-top: 45px;
	margin-bottom: 13px;
}

.text__404 p {
	font-weight: 500;
	margin-bottom: 35px;
}

.text__404 form {
	width: 500px;
	position: relative;
	margin: 0 auto;
}

.text__404 form input {
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	padding-left: 30px;
	height: 50px;
	border: none;
	background: #4c57d6;
	color: #ffffff;
	border-radius: 50px;
}

.text__404 form input::-webkit-input-placeholder {
	color: #ffffff;
}

.text__404 form input::-moz-placeholder {
	color: #ffffff;
}

.text__404 form input:-ms-input-placeholder {
	color: #ffffff;
}

.text__404 form input::-ms-input-placeholder {
	color: #ffffff;
}

.text__404 form input::placeholder {
	color: #ffffff;
}

.text__404 form button {
	font-size: 16px;
	color: #ffffff;
	background: transparent;
	border: none;
	position: absolute;
	right: 30px;
	top: 0;
	height: 50px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.register__text .register__result ul li {
		margin-right: 30px;
	}
	.about__text .about__achievement .about__achieve__item {
		margin-right: 60px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
		margin-left: 0;
	}
	.blog__item .blog__text ul li {
		margin-right: 5px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.register__text .register__result ul li {
		margin-right: 50px;
	}
	.work__item {
		margin-bottom: 30px;
	}
	.plan__text {
		padding-top: 40px;
	}
	.footer__text {
		padding-top: 240px;
	}
	.about__text {
		padding-top: 40px;
	}
	.footer__top-call {
		margin-bottom: 30px;
	}
	.footer__top-auth {
		padding-left: 0;
	}
	.question__accordin {
		margin-bottom: 20px;
	}
	.hero__item {
		height: auto;
		padding-bottom: 100px;
		padding-top: 100px;
	}
	.header__menu ul li {
		margin-right: 20px;
	}
	.header__info-left ul li {
		margin-right: 5px;
	}
	.header__info-right ul li {
		margin-right: 10px;
	}
	.team__item {
		text-align: center;
	}
	.team__item .team__pic {
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.blog__hero__text {
		padding-top: 90px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
		margin-left: 50px;
	}
	.blog-hero-section {
		height: 640px;
	}
	.contact__text {
		margin-bottom: 30px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.blog-hero-section {
		height: auto;
	}
	.blog-hero-section .blog__hero__pic {
		position: relative;
		width: 100%;
		height: 640px;
	}
	.blog__hero__text {
		padding-bottom: 40px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.header__info {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header-section .container {
		position: relative;
	}
	.offcanvas__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas__menu__overlay.active {
		visibility: visible;
	}
	.canvas__open {
		display: block;
		font-size: 20px;
		color: #ffffff;
		height: 30px;
		width: 30px;
		line-height: 30px;
		text-align: center;
		border: 1px solid #ffffff;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 30px;
	}
	.offcanvas__menu__wrapper {
		display: block;
		width: 300px;
		position: fixed;
		left: -300px;
		top: 0;
		background: #111111;
		z-index: 999;
		height: 100%;
		overflow-y: auto;
		padding-left: 30px;
		padding-bottom: 30px;
		padding-top: 80px;
		padding-right: 30px;
		opacity: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas__menu__wrapper.show__offcanvas__menu {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu__wrapper .canvas__close {
		font-size: 30px;
		color: #ffffff;
		position: absolute;
		right: 30px;
		top: 20px;
		cursor: pointer;
	}
	.offcanvas__menu__wrapper .offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__menu__wrapper .offcanvas__menu {
		display: none;
	}
	.offcanvas__menu__wrapper .slicknav_btn {
		display: none;
	}
	.offcanvas__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.offcanvas__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.offcanvas__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.offcanvas__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.offcanvas__menu__wrapper .slicknav_nav a {
		color: #ffffff;
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.offcanvas__menu__wrapper .slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.offcanvas__menu__wrapper .slicknav_nav .slicknav_row,
	.offcanvas__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.offcanvas__menu__wrapper .offcanvas__info ul li {
		font-size: 16px;
		color: #ffffff;
		list-style: none;
		margin-bottom: 10px;
	}
	.offcanvas__menu__wrapper .offcanvas__info ul li span {
		height: 30px;
		width: 30px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		display: inline-block;
		margin-right: 5px;
	}
	.offcanvas__menu__wrapper .offcanvas__auth {
		margin-bottom: 20px;
	}
	.offcanvas__menu__wrapper .offcanvas__auth ul li {
		list-style: none;
		margin-bottom: 10px;
	}
	.offcanvas__menu__wrapper .offcanvas__auth ul li a {
		font-size: 16px;
		color: #ffffff;
		display: block;
	}
	.offcanvas__menu__wrapper .offcanvas__auth ul li a span {
		height: 30px;
		width: 30px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		display: inline-block;
		margin-right: 5px;
	}
	.hero__item {
		height: auto;
		padding-bottom: 100px;
	}
	.register__text .register__result ul li {
		margin-right: 10px;
	}
	.pricing__swipe-btn {
		float: none;
		margin-bottom: 40px;
	}
	.work__item {
		margin-bottom: 30px;
	}
	.plan__text {
		padding-top: 40px;
	}
	.footer__top-auth {
		padding-left: 0;
	}
	.footer__top-call {
		margin-bottom: 30px;
	}
	.about__text {
		padding-top: 40px;
	}
	.about__text .about__achievement .about__achieve__item {
		margin-right: 45px;
	}
	.team__btn {
		text-align: left;
		margin-bottom: 40px;
	}
	.team__item {
		text-align: center;
	}
	.team__item .team__pic {
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.blog__hero__text {
		padding-top: 90px;
	}
	.hosting__text .nav-tabs .nav-item {
		width: 33.33%;
	}
	.hosting__feature__table {
		overflow-x: auto;
	}
	.question__accordin {
		margin-bottom: 20px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.blog__details__item .blog__details__item__pic {
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
		margin-left: 0;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul {
		position: relative;
		margin-bottom: 20px;
	}
	.footer__text {
		padding-top: 210px;
	}
	.blog-hero-section {
		height: auto;
	}
	.blog-hero-section .blog__hero__pic {
		position: relative;
		width: 100%;
		height: 640px;
	}
	.blog__hero__text {
		padding-bottom: 40px;
	}
	.blog__details__option .blog__details__option__item.blog__details__option__item--next {
		padding-top: 40px;
	}
	.text__404 form {
		width: 100%;
	}
	.contact__text {
		margin-bottom: 30px;
	}
	.contact-form form .input-list {
		margin-right: 0;
		overflow: visible;
	}
	.contact-form form .input-list input {
		width: 100%;
		margin-right: 0;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.register__text .register__result ul li {
		margin-bottom: 10px;
	}
	.team__item .team__pic {
		float: none;
		margin-right: 0;
	}
	.team__item .team__text {
		overflow: visible;
		padding-top: 30px;
	}
	.hosting__text .nav-tabs .nav-item {
		width: 50%;
	}
	.blog__details__profile .blog__details__profile__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__profile .blog__details__profile__text {
		overflow: visible;
		padding-top: 30px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text {
		overflow: visible;
		padding-top: 30px;
	}
	.blog__details__comment {
		padding-left: 30px;
		padding-right: 30px;
	}
	.contact__text {
		margin-bottom: 30px;
	}
	.contact__text ul li p {
		font-size: 13px;
	}
	.register__text .register__form form span:before {
		left: -5px;
	}
	.register__text .register__form form span {
		right: 135px;
	}
	.register__text .register__form form span:after {
		right: -11px;
	}
	.load-more .primary-btn {
		padding: 14px 35px 12px;
	}
}

/*---------------------
  Custom Dark Gradient
-----------------------*/

body {
	background: #040615;
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background-image:
		radial-gradient(60% 90% at 18% 44%, rgba(32, 55, 210, 0.30) 0%, rgba(32, 55, 210, 0) 62%),
		radial-gradient(68% 92% at 88% 14%, rgba(230, 0, 115, 0.22) 0%, rgba(230, 0, 115, 0) 55%),
		radial-gradient(72% 100% at 90% 10%, rgba(120, 16, 145, 0.30) 0%, rgba(120, 16, 145, 0) 58%),
		linear-gradient(135deg, #05081c 0%, #120936 48%, #06031b 100%);
}

/* Apply the same gradient feel across internal pages sections */
.services-section,
.feature-section,
.testimonial-section,
.choose-plan-section.pricing-page,
.blog-hero-section,
.breadcrumb__option {
	background: transparent !important;
}

.hero-section,
.hero__item,
.register-domain {
	background: transparent !important;
}

.hero__item::before {
	display: none;
}

.footer-section,
.footer__top,
.footer__text,
.footer__text.set-bg {
	background: transparent !important;
	background-image: none !important;
}

.footer__top::before,
.footer__top::after {
	display: none !important;
}

/* Top bar and header tuned to match the gradient palette */
.header-section,
.header-section.header-normal {
	background: rgba(7, 9, 30, 0.72) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(120, 132, 255, 0.2);
}

.header__info {
	background: transparent;
	border-bottom: 1px solid rgba(120, 132, 255, 0.16);
}

.header__menu ul li a {
	color: #eef1ff;
}

.header__menu ul li .dropdown {
	background: rgba(10, 11, 39, 0.96);
	border: 1px solid rgba(120, 132, 255, 0.2);
}

.header__menu ul li .dropdown li a {
	color: #e9edff;
}

.offcanvas__menu__wrapper {
	background: #090c29;
}

.breadcrumb__option {
	border-bottom: 1px solid rgba(228, 233, 255, 0.45);
}

.breadcrumb__option a,
.breadcrumb__option a span,
.breadcrumb__option span {
	color: #dfe5ff;
}

/* Header gradient + white text */
.header-section,
.header-section.header-normal {
	background-image:
		radial-gradient(110% 160% at 0% 100%, rgba(35, 58, 210, 0.35) 0%, rgba(35, 58, 210, 0) 55%),
		radial-gradient(120% 170% at 100% 0%, rgba(133, 20, 165, 0.34) 0%, rgba(133, 20, 165, 0) 58%),
		linear-gradient(135deg, rgba(6, 10, 34, 0.95) 0%, rgba(19, 11, 54, 0.95) 48%, rgba(7, 4, 31, 0.95) 100%) !important;
	border-bottom: 1px solid rgba(132, 144, 255, 0.22);
}

.header__info-left ul li,
.header__info-right ul li a,
.header__menu ul li a,
.header__menu ul li .dropdown li a,
.canvas__open span {
	color: #ffffff !important;
}

.header__info-left ul li {
	transition: all 0.25s ease;
}

.header__info-left ul li span,
.header__info-right ul li a span {
	background: rgba(255, 255, 255, 0.12);
	transition: all 0.25s ease;
}

.header__menu ul li a,
.header__info-right ul li a {
	transition: all 0.25s ease;
}

.header__menu ul li a:hover,
.header__menu ul li.active > a,
.header__info-right ul li a:hover {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header__info-left ul li:hover span,
.header__info-right ul li a:hover span,
.header__menu ul li:hover > a:after,
.header__menu ul li.active > a:after {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
}

.header__info-left ul li:hover {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header__menu ul li .dropdown {
	background: rgba(10, 11, 39, 0.98);
	border: 1px solid rgba(129, 140, 255, 0.25);
}

/* Convert black text tones to white across pages */
h1, h2, h3, h4, h5, h6,
.section-title h3,
.register__text .register__result ul li span,
.register__text .register__form form input,
.register__text .register__form form .change__extension,
.services__item h5, .services__item p,
.pricing__item h4,
.pricing__item ul li,
.pricing__item .primary-btn,
.plan__text h3,
.plan__text ul li,
.about__text h2, .about__text p,
.about__text .about__achievement .about__achieve__item h4,
.about__text .about__achievement .about__achieve__item p,
.feature__item h5, .feature__item p,
.team__item .team__text h5,
.hosting__text .nav-tabs .nav-item .nav-link h5,
.hosting__feature__table table .hosting__feature__plan--choose .chose__title,
.hosting__feature__table table .hosting__feature--plan .plan__title,
.hosting__feature__table table .hosting__feature--item,
.hosting__feature__table table .hosting__feature--info,
.blog__item .blog__text h5 a,
.blog__item .blog__text ul li,
.blog__sidebar .blog__sidebar__item .sidebar__title h6,
.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item h6 a,
.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item ul li,
.blog__hero__text h3,
.blog__hero__text ul li,
.blog__details__title p,
.blog__details__title__more p,
.blog__details__item .blog__details__item__text p,
.blog__details__desc p,
.blog__details__profile .blog__details__profile__text h5,
.blog__details__profile .blog__details__profile__text p,
.contact__text h3,
.contact__text ul li p,
.question__accordin .card .card-heading a,
.question__accordin .card .card-body p,
.text__404 h2, .text__404 p {
	color: #eef2ff !important;
}

p,
.pricing__swipe-btn label,
.footer__text-about p,
.footer__text-widget ul li a,
.footer__text-widget .footer__widget-info li,
.footer__text-copyright,
.blog__details__tags a,
.sidebar__subscribe form input,
.question-form input,
.question-form textarea {
	color: #cfd6ff !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #cfd6ff !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #cfd6ff !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #cfd6ff !important;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #cfd6ff !important;
}

input::placeholder,
textarea::placeholder {
	color: #cfd6ff !important;
}

/* Header: remove separators + button-like hover state */
.header-section,
.header-section.header-normal,
.header__info {
	border-bottom: none !important;
}

.header__menu ul li a:after {
	display: none !important;
}

.header__menu ul li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px !important;
	border-radius: 999px;
	line-height: 1;
	color: #ffffff !important;
	background: transparent;
	-webkit-text-fill-color: #ffffff !important;
}

.header__menu ul li:hover > a,
.header__menu ul li.active > a {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-clip: border-box !important;
	-webkit-background-clip: border-box !important;
	box-shadow: 0 8px 22px rgba(87, 56, 224, 0.38);
}

.header__info-left ul li,
.header__info-right ul li a {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: transparent;
}

.header__info-left ul li:hover,
.header__info-right ul li a:hover {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background-clip: border-box !important;
	-webkit-background-clip: border-box !important;
}

.header__info-left ul li:hover span,
.header__info-right ul li a:hover span {
	background: rgba(255, 255, 255, 0.2) !important;
}

/* Remove any visible separator inside header */
.header-section,
.header-section .container,
.header__info,
.header__menu {
	border: none !important;
	box-shadow: none !important;
}

/* Logo sizing for the new brand mark */
.header__logo img {
	height: 56px;
	width: auto;
	object-fit: contain;
}

.footer__text-about .footer__logo img {
	height: 62px;
	width: auto;
	object-fit: contain;
}

.offcanvas__menu__wrapper .offcanvas__logo img {
	height: 52px;
	width: auto;
	object-fit: contain;
}

@media only screen and (max-width: 767px) {
	.header__logo img {
		height: 48px;
	}
	.footer__text-about .footer__logo img {
		height: 54px;
	}
}

/* Header cleanup: remove chat/login and make header more compact */
.header__info-right,
.offcanvas__auth {
	display: none !important;
}

.header__info,
.offcanvas__info {
	display: none !important;
}

/* Split brand in header: icon + name */
.header__logo .brand-split {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.header__logo .brand-mark {
	height: 62px !important;
	width: auto;
	object-fit: contain;
	transform: scale(1.08) !important;
	transform-origin: center center;
}

.header__logo .brand-word {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: 0.6px;
	line-height: 1;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
}

.header__logo .brand-name-img {
	height: 34px;
	width: auto;
	object-fit: contain;
	display: block;
	transform: translateY(3px);
}

/* Vertical centering of header content */
.header-section > .container > .row {
	display: flex;
	align-items: center;
	min-height: 70px;
}

.header__menu {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 0 !important;
}

.header__menu ul {
	display: flex;
	align-items: center;
	min-height: 70px;
	margin: 0;
}

.header__menu ul li {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

/* Dropdown fix */
.header__menu > ul > li {
	position: relative;
}

.header__menu > ul > li > .dropdown {
	top: calc(100% + 10px) !important;
	left: 50%;
	transform: translateX(-50%);
	min-width: 230px;
	padding: 10px;
	border-radius: 12px;
	background: rgba(4, 8, 32, 0.96) !important;
	border: 1px solid rgba(116, 131, 255, 0.28) !important;
	box-shadow: 0 16px 28px rgba(0, 0, 0, 0.35);
}

.header__menu > ul > li:hover > .dropdown {
	top: calc(100% + 8px) !important;
}

.header__menu > ul > li > .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu > ul > li > .dropdown li a {
	display: block;
	padding: 10px 14px !important;
	border-radius: 8px;
	background: transparent !important;
	color: #eef2ff !important;
	-webkit-text-fill-color: #eef2ff !important;
}

.header__menu > ul > li > .dropdown li a:hover {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

.header__info .row > div:first-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.header__info {
	padding: 6px 0 !important;
}

.header__logo {
	padding-top: 0 !important;
	display: flex;
	align-items: center;
	height: 70px;
}

.header-section.header-normal .header__logo {
	padding-bottom: 0 !important;
}

.header__menu {
	padding-top: 0 !important;
	height: 70px;
}

.header-section.header-normal .header__menu {
	padding-bottom: 0 !important;
}

.header__menu ul li a {
	padding: 8px 14px !important;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.header__logo img {
	height: 48px;
}

/* Sticky transparent black header */
body {
	padding-top: 102px;
}

.header-section,
.header-section.header-normal {
	position: fixed !important;
	top: 12px;
	left: 16px;
	right: 16px;
	width: auto;
	z-index: 999;
	border-radius: 18px;
	background: rgba(0, 0, 0, 0.52) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* Initial spacing tuning for first viewport */
html,
body {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

body {
	padding-top: 88px !important;
}

.header-section,
.header-section.header-normal {
	top: 6px !important;
}

.hero__item {
	height: 760px !important;
}

.hero__item .hero__text {
	padding-top: 54px !important;
}

@media only screen and (max-width: 991px) {
	body {
		padding-top: 82px !important;
	}
	.hero__item {
		height: auto !important;
		padding-top: 72px !important;
		padding-bottom: 72px !important;
	}
	.hero__item .hero__text {
		padding-top: 0 !important;
	}
}

/* Footer as a separate bottom section */
.footer-section {
	position: relative !important;
	clear: both;
	margin-top: auto !important;
	z-index: 5;
	width: 100%;
}

.footer__text,
.footer__text.set-bg {
	position: relative !important;
	margin-top: 0 !important;
	padding-top: 94px !important;
	padding-bottom: 18px !important;
	background-image:
		radial-gradient(120% 140% at 0% 100%, rgba(33, 52, 185, 0.34) 0%, rgba(33, 52, 185, 0) 55%),
		radial-gradient(120% 160% at 100% 0%, rgba(172, 11, 133, 0.32) 0%, rgba(172, 11, 133, 0) 58%),
		linear-gradient(135deg, #081247 0%, #100a52 50%, #0b0736 100%) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border-top: 1px solid rgba(147, 159, 255, 0.22);
}

.footer__top {
	display: none !important;
}

.footer__text-copyright {
	margin-top: 34px !important;
	padding-top: 28px !important;
	border-top: 1px solid rgba(126, 138, 245, 0.25) !important;
}

.header-section .container,
.header__info {
	background: transparent !important;
}

@media only screen and (max-width: 991px) {
	body {
		padding-top: 90px;
	}
	.header-section,
	.header-section.header-normal {
		left: 10px;
		right: 10px;
		top: 8px;
		border-radius: 14px;
	}
}

/* Readability fix for white service cards */
.services__item h5 {
	color: #1a1f3f !important;
}

.services__item span {
	color: #4254d6 !important;
}

.services__item p {
	color: #4b5178 !important;
}

/* Core services alignment */
.services-section .row > div {
	display: flex;
}

.services-section .services__item {
	width: 100%;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 34px 34px 28px;
	border-radius: 16px;
}

.services-section .services__item h5 {
	margin-bottom: 16px;
	min-height: 58px;
	display: flex;
	align-items: flex-start;
}

.services-section .services__item p {
	margin-bottom: 0;
	line-height: 1.7;
	font-size: 16px;
}

@media only screen and (max-width: 991px) {
	.services-section .services__item {
		min-height: 260px;
	}

	.services-section .services__item h5 {
		min-height: auto;
	}
}

/* Unified button gradient across page */
.primary-btn,
.site-btn {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%) !important;
	color: #ffffff !important;
	border: none;
}

.primary-btn:hover,
.site-btn:hover {
	color: #ffffff !important;
}

/* 3-way package selector */
.pricing__swipe-btn {
	display: flex;
	width: 390px;
	max-width: 100%;
}

.pricing__swipe-btn label {
	flex: 1;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

/* Keep service lists visible and unified in height */
.enterprise__plans,
.commercial__plans,
.residential__plans {
	align-items: stretch;
}

.enterprise__plans .pricing__item,
.commercial__plans .pricing__item,
.residential__plans .pricing__item {
	height: 100%;
	display: flex;
	flex-direction: column;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 18px;
	overflow: hidden;
}

.enterprise__plans .pricing__item ul,
.commercial__plans .pricing__item ul,
.residential__plans .pricing__item ul {
	flex: 1;
	min-height: 220px;
}

/* Better readability inside white package cards */
.enterprise__plans .pricing__item h4,
.commercial__plans .pricing__item h4,
.residential__plans .pricing__item h4 {
	color: #1a1f3f !important;
}

.enterprise__plans .pricing__item ul li,
.commercial__plans .pricing__item ul li,
.residential__plans .pricing__item ul li {
	color: #3f4672 !important;
}

/* Package switch buttons use same header gradient */
.pricing__swipe-btn {
	border-color: rgba(230, 0, 115, 0.7) !important;
}

.pricing__swipe-btn label {
	color: #f4f6ff !important;
}

.pricing__swipe-btn label.active {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Capitalize category tabs and service titles */
.pricing__swipe-btn label,
.enterprise__plans .pricing__item h4,
.commercial__plans .pricing__item h4,
.residential__plans .pricing__item h4 {
	text-transform: capitalize !important;
}

/* Ensure all service buttons keep header gradient */
.enterprise__plans .pricing__item .primary-btn,
.commercial__plans .pricing__item .primary-btn,
.residential__plans .pricing__item .primary-btn {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%) !important;
	color: #ffffff !important;
}

/* Residential cards: smaller, separated, and smoother layout */
.residential__plans {
	row-gap: 18px;
}

.residential__plans .pricing__item {
	padding: 20px 20px 18px;
	margin-bottom: 16px;
	border-radius: 18px;
}

.residential__plans .pricing__item h4 {
	font-size: 26px;
	margin-bottom: 14px;
}

.residential__plans .pricing__item ul {
	min-height: 170px;
	margin-bottom: 16px;
}

.residential__plans .pricing__item ul li {
	font-size: 14px;
	line-height: 24px;
	padding: 8px 0;
}

.residential__plans .pricing__item ul li + li {
	border-top: 1px solid rgba(39, 44, 84, 0.12);
}

.residential__plans .pricing__item .primary-btn {
	padding: 10px 22px 9px;
	font-size: 14px;
	border-radius: 999px;
}

/* Assessment picker under search bar */
.service-picker {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 12px);
	margin-top: 0;
	background: rgba(8, 10, 34, 0.9);
	border: 1px solid rgba(120, 132, 255, 0.25);
	border-radius: 14px;
	padding: 12px;
	text-align: left;
	z-index: 25;
}

.service-picker.show {
	display: block;
}

.service-group {
	border: 1px solid rgba(120, 132, 255, 0.2);
	border-radius: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.service-group:last-child {
	margin-bottom: 0;
}

.service-group summary {
	cursor: pointer;
	padding: 10px 14px;
	font-size: 15px;
	font-weight: 700;
	color: #eef2ff;
	background: rgba(255, 255, 255, 0.04);
}

.service-group ul {
	padding: 8px 10px 10px;
	margin: 0;
	list-style: none;
}

.service-group ul li {
	margin-bottom: 6px;
}

.service-group ul li:last-child {
	margin-bottom: 0;
}

.service-option {
	width: 100%;
	text-align: left;
	padding: 9px 10px;
	border-radius: 8px;
	border: 1px solid rgba(120, 132, 255, 0.2);
	background: rgba(255, 255, 255, 0.03);
	color: #dfe5ff;
	font-size: 14px;
}

.service-option:hover {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
	color: #fff;
	border-color: transparent;
}

.service-option.is-selected {
	background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
}

.register__text .register__form {
	position: relative;
	padding-bottom: 2px;
}

.register__text {
	position: relative;
	overflow: visible;
}

#assessmentInput {
	color: #1e2550 !important;
	font-weight: 600;
}

#assessmentInput::placeholder {
	color: #8a93bf !important;
	opacity: 1;
}

/* Language Switcher */
.lang-switch {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 16px;
}

.lang-switch .lang-btn {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 40px;
	padding: 5px 10px;
	line-height: 1;
	text-transform: uppercase;
	background: transparent;
}

.lang-switch .lang-btn.active {
	background: #ff4f9c;
	border-color: #ff4f9c;
}

.lang-switch-floating {
	position: fixed;
	top: 14px;
	right: 14px;
	z-index: 9999;
	background: rgba(20, 25, 63, 0.92);
	padding: 6px;
	border-radius: 40px;
}

.header__info-right .lang-switch,
.lang-switch-floating {
	display: none !important;
}

.header__menu ul li.lang-nav-item .dropdown {
	min-width: 120px;
}

.header__menu ul li.lang-nav-item > a.lang-current {
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.header__menu ul li.lang-nav-item .dropdown li a.lang-btn {
	padding: 8px 18px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.header__menu ul li.lang-nav-item .dropdown li a.lang-btn.active {
	color: #ff4f9c;
}

.offcanvas__menu .lang-nav-item .dropdown {
	display: block;
	position: static;
	opacity: 1;
	visibility: visible;
	background: transparent;
	border: none;
	padding-left: 14px;
}

.offcanvas__menu .lang-nav-item .dropdown li a.lang-btn {
	font-size: 13px;
	padding: 6px 0;
}

.marketing-card {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 14px 34px rgba(7, 10, 36, 0.35);
	height: 100%;
	margin-bottom: 30px;
	border: 1px solid rgba(165, 178, 255, 0.28);
}

.marketing-media {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 16px;
	background: transparent;
}

.marketing-media.contain {
	object-fit: contain;
	padding: 2px;
}

.hero-side-graphic {
	max-height: 340px;
	display: block;
	margin: 0 auto;
	object-fit: contain;
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.25));
}

.category-switch-section {
	position: relative;
	overflow: visible;
	z-index: 10;
	padding-bottom: 70px;
}

.section-bg-graphic {
	position: absolute;
	right: -120px;
	top: -60px;
	width: 520px;
	max-width: 45%;
	opacity: 0.16;
	pointer-events: none;
}

.service-category-block {
	position: relative;
	background: transparent;
	border-radius: 14px;
	padding: 16px 0 0;
	margin-bottom: 28px;
	border: none;
	box-shadow: none;
	overflow: hidden;
}

.category-graphic {
	position: absolute;
	right: -50px;
	top: -40px;
	width: 320px;
	max-width: 48%;
	opacity: 0.14;
	pointer-events: none;
}

.service-link-card {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
	border: 1px solid rgba(165, 178, 255, 0.28);
	border-radius: 12px;
	padding: 18px 16px 12px;
	margin-bottom: 20px;
	min-height: 310px;
	box-shadow: 0 10px 30px rgba(4, 9, 37, 0.28);
}

.service-link-card h5 {
	font-weight: 700;
	color: #f2f5ff;
	margin-bottom: 10px;
}

.service-link-card p {
	color: #d6dcff;
	line-height: 24px;
	min-height: 98px;
	margin-bottom: 14px;
}

.service-link-card .primary-btn {
	padding: 10px 20px 8px;
	font-size: 12px;
}

.commercial__plans .service-link-card,
.enterprise__plans .service-link-card,
.residential__plans .service-link-card {
	display: flex;
	flex-direction: column;
}

.commercial__plans .service-link-card .primary-btn,
.enterprise__plans .service-link-card .primary-btn,
.residential__plans .service-link-card .primary-btn {
	margin-top: auto;
}

.service-page-graphic {
	width: 100%;
	max-width: 420px;
	max-height: 420px;
	object-fit: contain;
	background: transparent;
	display: block;
	margin-left: auto;
	filter: drop-shadow(0 16px 28px rgba(7, 10, 40, 0.45));
}

.service-page-video {
	width: 100%;
	max-width: 420px;
	max-height: 420px;
	display: block;
	margin-left: auto;
	border-radius: 16px;
	border: 1px solid rgba(160, 174, 255, 0.25);
	background: rgba(3, 8, 35, 0.55);
	box-shadow: 0 16px 28px rgba(7, 10, 40, 0.45);
}

.service-detail-section {
	background: transparent;
}

.service-detail-text {
	padding: 10px 10px 10px 0;
}

.service-detail-text p {
	color: #e5e9ff !important;
	font-size: 17px;
	line-height: 40px;
	margin-bottom: 18px;
}

.service-detail-text .marketing-list li {
	color: #f2f4ff !important;
	font-size: 17px;
	line-height: 34px;
}

.service-detail-media {
	text-align: right;
}

.service-detail-text .primary-btn {
	margin-top: 10px;
}

.marketing-card h4 {
	font-weight: 700;
	margin-bottom: 14px;
	color: #f2f5ff !important;
}

.marketing-card p {
	color: #d6dcff !important;
}

.marketing-card .marketing-list li {
	color: #dfe5ff !important;
}

.enterprise__plans.active,
.commercial__plans.active,
.residential__plans.active {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.achievement-section {
	position: relative;
	z-index: 1;
	margin-top: 20px;
}

.marketing-list li {
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #2f3552 !important;
}

.marketing-list li .fa {
	color: #4c57d6;
	margin-right: 8px;
}

html[dir='rtl'] .marketing-list li .fa {
	margin-right: 0;
	margin-left: 8px;
}

html[dir='rtl'] .header__menu ul li {
	margin-right: 30px;
	margin-left: 0;
}

html[dir='rtl'] .lang-switch {
	margin-left: 0;
	margin-right: 16px;
}

html[dir='rtl'] .lang-switch-floating {
	right: auto;
	left: 14px;
}

@media only screen and (max-width: 991px) {
	.lang-switch {
		margin-left: 0;
		margin-top: 12px;
	}

	.section-bg-graphic {
		opacity: 0.1;
		max-width: 70%;
	}

	.category-graphic {
		max-width: 66%;
		opacity: 0.1;
	}
}

/* Global section spacing: keep blocks visually separated across all pages */
body > .breadcrumb-section {
	margin-top: 14px;
}

body > section,
body > div.contact-form {
	margin-top: 12px;
}

body > .hero-section,
body > .breadcrumb-section:first-of-type {
	margin-top: 0;
}

body > section + section,
body > section + div,
body > div + section {
	margin-top: 16px;
}

.services-section .row,
.pricing-section .row,
.about-section .row,
.contact-section .row {
	row-gap: 14px;
}

.services-section .container > .row + .row,
.pricing-section .container > .row + .row,
.about-section .container > .row + .row {
	margin-top: 10px;
}

/* Clean zigzag alignment for titles that include subtitle text */
.section-title.section-title-zigzag h3 {
	padding-bottom: 24px;
}

.section-title.section-title-zigzag h3:after {
	bottom: 0;
}

.section-title.section-title-zigzag p {
	margin-top: 14px;
}

/* Reduce tall vertical blocks */
.spad {
	padding-top: 72px !important;
	padding-bottom: 72px !important;
}

.hero__item {
	height: 640px !important;
}

.hero__item .hero__text {
	padding-top: 12px !important;
}

.hero__slider.owl-carousel .owl-dots {
	bottom: 48px;
}

@media only screen and (max-width: 991px) {
	.spad {
		padding-top: 56px !important;
		padding-bottom: 56px !important;
	}
	.hero__item {
		height: auto !important;
		padding-top: 52px !important;
		padding-bottom: 52px !important;
	}
}

/* Footer: keep left block + contact block only */
.footer-section .footer__text .row > .col-lg-2 {
	display: none !important;
}

.footer-section .footer__text .row > .col-lg-4:first-child,
.footer-section .footer__text .row > .col-lg-4:last-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

@media only screen and (max-width: 991px) {
	.footer-section .footer__text .row > .col-lg-4:first-child,
	.footer-section .footer__text .row > .col-lg-4:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/*---------------------
  Support Ticket Page
-----------------------*/
.ticket-page .ticket-subtitle {
    margin-bottom: 30px;
    color: #6b7c93;
}

.ticket-client-id-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    margin-bottom: 20px;
}

.ticket-page input[readonly],
.ticket-page textarea[readonly] {
    background: #f4f7fc;
    color: #4d5b70;
    cursor: not-allowed;
}

.ticket-page select,
.ticket-page input[type="file"] {
    width: 100%;
    height: 50px;
    border: 1px solid #e1e8f0;
    font-size: 16px;
    color: #111111;
    padding-left: 20px;
    margin-bottom: 24px;
}

.ticket-page .ticket-file-wrap {
    margin-bottom: 24px;
}

.ticket-page .ticket-file-input {
    height: 74px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 0;
    color: #f3f6ff !important;
    background:
        radial-gradient(120% 140% at 0% 100%, rgba(33, 52, 185, 0.22) 0%, rgba(33, 52, 185, 0) 55%),
        radial-gradient(120% 160% at 100% 0%, rgba(172, 11, 133, 0.2) 0%, rgba(172, 11, 133, 0) 58%),
        linear-gradient(135deg, rgba(8, 18, 71, 0.88) 0%, rgba(16, 10, 82, 0.88) 50%, rgba(11, 7, 54, 0.88) 100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ticket-page .ticket-file-input:hover,
.ticket-page .ticket-file-input:focus {
    border-color: rgba(255, 255, 255, 0.75) !important;
    -webkit-box-shadow: 0 0 0 3px rgba(154, 26, 119, 0.2);
    box-shadow: 0 0 0 3px rgba(154, 26, 119, 0.2);
}

.ticket-page .ticket-file-input::file-selector-button {
    border: 0;
    border-radius: 0;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 12px 20px;
    margin-right: 14px;
    cursor: pointer;
    background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.ticket-page .ticket-file-input::-webkit-file-upload-button {
    border: 0;
    border-radius: 0;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 12px 20px;
    margin-right: 14px;
    cursor: pointer;
    background-image: linear-gradient(90deg, #e60073 0%, #9a1a77 100%);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.ticket-page .ticket-file-input::file-selector-button:hover,
.ticket-page .ticket-file-input::-webkit-file-upload-button:hover {
    opacity: 0.9;
}

.ticket-page textarea {
    margin-bottom: 24px;
}

.ticket-page #installedSystems {
    min-height: 80px;
}

.ticket-captcha-wrap {
    margin-bottom: 22px;
}

.ticket-form-message {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
}

.ticket-form-message.success {
    color: #1f9d55;
}

.ticket-form-message.error {
    color: #d64545;
}

@media only screen and (max-width: 767px) {
    .ticket-client-id-row {
        grid-template-columns: 1fr;
    }

    .ticket-client-id-row .site-btn {
        width: 100%;
    }
}

/*---------------------
  Operations/Technician Portals
-----------------------*/
.portal-page .portal-wrap h3,
.portal-page .portal-wrap > p {
    color: #ffffff;
}

.portal-page .portal-login-view {
    max-width: 520px;
    margin: 0 auto;
    text-align: center;
}

.portal-page .portal-login-view .alert {
    text-align: left;
}

.portal-page .portal-login-card {
    margin: 0 auto;
    text-align: left;
}

.portal-page .portal-card {
    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 8px;
}

.portal-page .portal-card,
.portal-page .portal-card h1,
.portal-page .portal-card h2,
.portal-page .portal-card h3,
.portal-page .portal-card h4,
.portal-page .portal-card h5,
.portal-page .portal-card h6,
.portal-page .portal-card p,
.portal-page .portal-card label,
.portal-page .portal-card strong,
.portal-page .portal-card span,
.portal-page .portal-card div {
    color: #1f2430 !important;
}

.portal-page .portal-card hr {
    border-color: #d6dde8;
}

.portal-page .portal-table {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.portal-page .portal-table th {
    background: #f0f4fb;
    color: #1f2430;
    font-weight: 700;
}

.portal-page .portal-table td {
    color: #222a39;
    background: #ffffff;
}

.portal-page .portal-table a {
    color: #0b7bff;
    font-weight: 700;
}

.portal-page .portal-table a:hover {
    color: #0455b5;
}

/*---------------------
  Careers Page
-----------------------*/
.career-section {
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(76, 87, 214, 0.18) 0%, rgba(76, 87, 214, 0) 58%),
		radial-gradient(120% 140% at 100% 100%, rgba(154, 26, 119, 0.16) 0%, rgba(154, 26, 119, 0) 60%),
		#0a0b27;
}

.career-departments {
	background:
		linear-gradient(145deg, rgba(15, 19, 67, 0.95) 0%, rgba(20, 12, 78, 0.95) 100%);
	border-radius: 16px;
	padding: 24px;
	border: 1px solid rgba(120, 137, 255, 0.2);
	box-shadow: 0 12px 30px rgba(4, 7, 26, 0.35);
}

.career-departments h4 {
	margin-bottom: 10px;
	font-weight: 700;
	color: #ffffff;
}

.career-departments p {
	color: #d2daff !important;
}

.department-pill {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 12px 14px;
	border: 1px solid rgba(129, 140, 255, 0.35);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.05);
	color: #eaf0ff;
	text-align: left;
	font-weight: 600;
	transition: all 0.2s ease;
}

.department-pill.active,
.department-pill:hover {
	background: linear-gradient(90deg, #4c57d6 0%, #7b52d1 100%);
	color: #ffffff;
	border-color: transparent;
}

.career-form-wrap {
	background:
		linear-gradient(145deg, rgba(12, 18, 63, 0.96) 0%, rgba(16, 10, 82, 0.96) 100%);
	border-radius: 16px;
	padding: 28px;
	border: 1px solid rgba(120, 137, 255, 0.2);
	box-shadow: 0 12px 30px rgba(4, 7, 26, 0.35);
}

.career-form-wrap h3,
.career-form-wrap .request-label {
	color: #ffffff !important;
}

.career-form-wrap p {
	color: #d2daff !important;
}

.career-form-wrap form .input-list {
	margin-right: -20px;
	overflow: hidden;
}

.career-form-wrap form .input-list input {
	font-size: 14px;
	color: #f2f5ff !important;
	width: calc(50% - 20px);
	height: 50px;
	padding-left: 18px;
	border: 1px solid rgba(149, 162, 255, 0.45);
	margin-bottom: 20px;
	border-radius: 10px;
	margin-right: 20px;
	background: rgba(8, 14, 52, 0.72);
}

.career-form-wrap form textarea {
	font-size: 14px;
	color: #f2f5ff !important;
	width: 100%;
	height: 140px;
	padding: 12px 16px;
	border: 1px solid rgba(149, 162, 255, 0.45);
	margin-bottom: 20px;
	border-radius: 10px;
	resize: vertical;
	background: rgba(8, 14, 52, 0.72);
}

.career-form-wrap form .input-list input:focus,
.career-form-wrap form textarea:focus,
.career-form-wrap form .ticket-file-input:focus {
	border-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 0 3px rgba(125, 97, 215, 0.28);
}

.career-form-wrap form .ticket-file-wrap {
	margin-bottom: 20px;
}

.career-form-wrap form .ticket-file-input {
	height: 62px;
	padding: 10px;
	border: 1px solid rgba(149, 162, 255, 0.45);
	border-radius: 10px;
	background: rgba(8, 14, 52, 0.72);
	color: #eaf0ff;
}

.career-form-wrap form .ticket-file-input::file-selector-button,
.career-form-wrap form .ticket-file-input::-webkit-file-upload-button {
	border: 0;
	border-radius: 8px;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 16px;
	margin-right: 12px;
	cursor: pointer;
	background: linear-gradient(90deg, #4c57d6 0%, #7b52d1 100%);
}

.career-form-wrap .g-recaptcha {
	margin: 20px 0 18px;
}

.career-honeypot {
	position: absolute;
	left: -9999px;
	opacity: 0;
	pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.career-form-wrap form .input-list {
		margin-right: 0;
	}

	.career-form-wrap form .input-list input {
		width: 100%;
		margin-right: 0;
	}
}