/*------------------------------------------------------------------
[Master Stylesheet]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header  / .header
3. Banner  /.banner-con
4. Plan  /.plan-con
5. Domain  /.domain-con
6. Feature  /.feature-con
7. Grow  /.grow-con
8. Data  /.data-con
9. Testimonial  /.testimonial-con
10. Partner  /.partner-con
11. Footer  /.footer-con

*/
/*------------------------------------------------------------------
# [Color Codes]

#    --e-global-color-primary: #ffffff;
#    --e-global-color-secondary: #001b3b;
#    --e-global-color-accent: #1a74fa;
#    --e-global-color-text: #5c6067;
#	 --e-global-color-white: #ffffff;
#    --e-global-color-black: #000000;
#    --e-global-color-very-dark-blue: #031041;
#    --e-global-color-light-grayish-blue: #f5f8fc;
#    --e-global-color-very-pale-blue: #f2f8ff;
#    --e-global-color-bright-blue: #294df0;
#    --e-global-color-very-dark-gray: #666666;
#    --e-global-color-star-yellow: #fbab2a;
#    --e-global-color-light-yellow: #ffc045;
#    --e-global-color-pure-red: #ff0000;

*/
/*------------------------------------------------------------------
# [Typography]
 
Body copy: "Inter", sans-serif;
Heading: "Plus Jakarta Sans", sans-serif;
*/

body {
	font-family: "Inter", sans-serif;
	/* font-family: "Plus Jakarta Sans", sans-serif; */
}

:root {
	--e-global-color-primary: #ffffff;
	--e-global-color-secondary: #001b3b;
	--e-global-color-accent: #1a74fa;
	--e-global-color-text: #5c6067;
	--e-global-color-white: #ffffff;
	--e-global-color-black: #000000;
	--e-global-color-very-dark-blue: #031041;
	--e-global-color-light-grayish-blue: #f5f8fc;
	--e-global-color-very-pale-blue: #f2f8ff;
	--e-global-color-bright-blue: #294df0;
	--e-global-color-very-dark-gray: #666666;
	--e-global-color-star-yellow: #fbab2a;
	--e-global-color-light-yellow: #ffc045;
	--e-global-color-pure-red: #ff0000;
}

h1 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 800;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-primary);
}

h2 {
	font-size: 40px;
	line-height: 46px;
	font-weight: 800;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-secondary);
}

h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-secondary);
}

h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-secondary);
}

h5 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: var(--e-global-color-secondary);
}

h6 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: var(--e-global-color-accent);
}

p {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: var(--e-global-color-text);
}

.text-size-18 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: var(--e-global-color-text);
}

.text-size-16 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: var(--e-global-color-text);
}

.text-size-14 {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	color: var(--e-global-color-text);
}

.primary_btn {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	position: relative;
	display: inline-block;
	color: var(--e-global-color-white);
	background: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.primary_btn:hover {
	color: var(--e-global-color-accent);
	background: var(--e-global-color-white);
}

html {
	scroll-behavior: smooth;
}

/* Home Page */

body>section.grow-con.position-relative>div>div>div.col-lg-6.col-md-12.col-sm-12.col-12.text-lg-left.text-center>div>figure>img {
	border-radius: 8px;
}

.home1_banner_outer .top_header {
	background-color: var(--e-global-color-accent);
}

.home1_banner_outer .top_header i {
	color: var(--e-global-color-white);
}

.topbar-container {
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 4;
	width: 100%;
	background-color: var(--e-global-color-accent);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

@media screen and (max-width: 767px) {
	.topbar-container {
		display: none;
	}
}

.topbar-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.topbar-left,
.topbar-right {
	display: flex;
	align-items: center;
}

.topbar-left .topbar-widget {
	border-right: solid 1px rgba(255, 255, 255, .1);
}

.topbar-right .topbar-widget {
	border-left: solid 1px rgba(255, 255, 255, .1);
}

.topbar-widget {
	font-size: 14px;
	height: 40px;
	padding: 3px 15px;
	display: flex;
	align-items: center;
}

.topbar-widget i {
	font-size: 16px;
	margin-top: 1px;
	margin-right: 10px;
}

.topbar-left .topbar-widget {
	border-right: solid 1px rgba(255, 255, 255, .1);
}

.topbar-widget {
	font-size: 14px;
	height: 40px;
	padding: 3px 15px;
	display: flex;
	align-items: center;
}

.top_header {
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--e-global-color-black);
}

.top_header i {
	font-size: 18px;
	margin-right: 8px;
	color: var(--e-global-color-accent);
}

.top_header p {
	color: var(--e-global-color-white);
}

.top_header p span {
	font-weight: 700;
	color: var(--e-global-color-white);
}

.header {
	padding: 16px 0px;
	position: relative;
	z-index: 5;
}

.header .logo img {
	width: 167px;
}

.navbar-collapse .navbar-nav {
	text-align: center;
	align-items: center;
	display: inherit;
}

.navbar-expand-lg {
	position: relative;
	z-index: 1;
}

.navbar-brand {
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-nav li {
	margin: 0 9px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.navbar-nav li:first-child {
	margin-left: 0;
}

.navbar-nav .nav-item a {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	color: var(--e-global-color-secondary) !important;
	transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-item a:hover {
	color: var(--e-global-color-accent) !important;
	background-color: transparent;
}

.navbar-nav .active>a {
	color: var(--e-global-color-accent) !important;
}

.navbar-nav li:last-child {
	margin-right: 0;
	padding-right: 0;
	margin-left: 0;
}

.navbar-collapse .drop-down-pages {
	text-align: left;
	margin-left: 0;
}

.navbar-nav .dropdown-menu {
	position: absolute;
	left: 0;
	top: 49px;
	min-width: 212px;
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow: 0px 0px 100px rgb(0 0 0 / 10%);
	background-color: var(--e-global-color-white);
	margin: 0;
}

.navbar-nav .drop-down-pages li {
	margin: 0;
	border-bottom: 1px solid var(--e-global-color-white);
}

.navbar-nav .drop-down-pages .nav-item a {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	padding: 10px 20px;
	color: var(--e-global-color-secondary) !important;
	transition: all 0.3s ease-in-out;
}

.navbar-nav .drop-down-pages li:hover::after {
	display: none;
}

.navbar-nav .drop-down-pages li:first-child a::before {
	content: '';
	width: 24px;
	height: 12px;
	position: absolute;
	background-image: url(../images/nav-node.png);
	top: -12px;
	left: 8%;
	transition: all 0.3s ease-in-out;
}

.navbar-nav .drop-down-pages li:first-child a:hover::before {
	background-image: url(../images/nav-node-hover.png);
}

.navbar-nav .drop-down-pages .active:first-child>a::before {
	background-image: url(../images/nav-node-hover.png);
}

.navbar-nav .drop-down-pages li:last-child {
	margin: 0;
	border: none;
	display: block !important;
}

.navbar-nav .nav-item .dropdown-item:hover {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-accent) !important;
}

.navbar-nav .drop-down-pages .active>a {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-accent) !important;
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-accent) !important;
}

.navbar-nav .drop-down-pages .active>a:hover {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-accent) !important;
}

.navbar-expand-lg .drop-down-pages .nav-link {
	padding-left: 0;
}

.other_list {
	display: flex;
	align-items: center;
}

.other_list .other_list_item {
	margin: 0 4px;
}

.other_list .other_list_item:first-child {
	margin-left: 36px !important;
}

.other_list .other_list_item:last-child {
	margin-right: 0 !important;
}

.other_list .other_list_item .register {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	min-width: 110px;
	height: 50px;
	padding: 15px 32px;
	border-radius: 8px;
	position: relative;
	text-align: center;
	display: inline-block;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-accent) !important;
	background-color: transparent;
	border: 1px solid rgb(41 77 240 / 20%);
	transition: all 0.3s ease-in-out;
}

.other_list .other_list_item .register:hover {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-accent);
	border: 1px solid rgb(41 77 240 / 100%);
}

.other_list .other_list_item .cart,
.other_list .other_list_item .search {
	min-width: 50px;
	height: 50px;
	padding: 15px;
	position: relative;
	text-align: center;
	background-color: transparent;
	border: 1px solid rgb(41 77 240 / 20%);
	transition: all 0.8s ease-in-out;
}

.other_list .other_list_item .cart:hover,
.other_list .other_list_item .search:hover {
	background-color: var(--e-global-color-accent);
	border: 1px solid rgb(41 77 240 / 100%);
}

.other_list .other_list_item .cart img,
.other_list .other_list_item .search img {
	filter: brightness(0);
	transition: all 0.3s ease-in-out;
}

.other_list .other_list_item .cart:hover img,
.other_list .other_list_item .search:hover img {
	filter: brightness(0) invert(1);
}

.other_list .other_list_item .cart span {
	font-size: 12px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center;
	border-radius: 100%;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
}

.other_list .other_list_item .cart:hover span {
	color: var(--e-global-color-accent);
	background-color: var(--e-global-color-white);
}

/* Banner */

.banner-con {
	padding: 275px 0 270px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--e-global-color-secondary);
	background-image: url(../images/banner-backgroundimage.jpg);
}

.banner-con ul {
	position: absolute;
	left: -124px;
	top: 110px;
	z-index: 2;
}

.banner-con ul li {
	margin: 20px 0;
	transition: all 0.3s ease-in-out;
}

.banner-con ul li:first-child {
	margin-top: 0;
}

.banner-con ul li:last-child {
	margin-bottom: 0;
}

.banner-con ul li i {
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 100%;
	text-align: center;
	color: var(--e-global-color-white);
	background-color: rgb(0 0 0 / 15%);
	transition: all 0.3s ease-in-out;
}

.banner-con ul li a:hover i {
	background-color: var(--e-global-color-accent);
}

.banner-con .banner_content h6 {
	padding-left: 62px;
	margin-bottom: 10px;
	position: relative;
	text-transform: capitalize;
	color: var(--e-global-color-accent);
}

.banner-con .banner_content h6:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 2px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: var(--e-global-color-accent);
}

.banner-con .banner_content h1 {
	margin-bottom: 1rem;
}

.banner-con .banner_content p {
	margin-bottom: 36px;
	padding-right: 125px;
	font-size: 16px;
	line-height: 26px;
	color: rgba(255, 255, 255, 0.6);
}

.banner-con .banner_content .primary_btn {
	padding: 21px 48px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.banner-con .banner_content .primary_btn:hover {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-white);
}

.banner-con .banner_content ul {
	display: none;
}

.banner-con .banner_wrapper .banner-image1 {
	position: absolute;
	top: -162px;
	right: -185px;
}

.banner-con .banner_wrapper .banner-image1 img {
	border-radius: 100px 0 100px 0;
}

.banner-con .banner_wrapper .banner-image2 {
	position: relative;
	bottom: -328px;
	left: 5px;
	display: inline-block;
}

.banner-con .banner_wrapper .banner-image2 img {
	border-radius: 50px 0 50px 0;
}

.banner-con .banner_wrapper .banner-arrow {
	position: absolute;
	bottom: 96px;
	left: 70px;
}

.banner-con .banner_wrapper .banner-vector {
	position: absolute;
	top: -235px;
	right: -253px;
}

/* Plan */

.plan-con {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-light-grayish-blue);
}

.plan-con .top-leftlayer {
	position: absolute;
	top: 0;
	left: 0;
}

.plan-con .plan-rightcircle {
	position: absolute;
	top: 100px;
	right: 0;
}

.plan-con .plan-rightcircle img {
	opacity: 15%;
}

.plan-con .plan_content h2 {
	margin-bottom: 18px;
}

.plan-con .plan_content p {
	margin-bottom: 70px;
}

.plan-con .plan_upper_box {
	margin-bottom: 70px;
}

.plan-con .plan-box {
	padding: 40px 35px 45px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}

.plan-con .plan-box:hover {
	background-color: var(--e-global-color-white);
	box-shadow: 0 0 50px rgb(17 78 167 / 10%);
}

.plan-con .plan-box .plan-icon {
	margin-bottom: 18px;
	transition: all 0.3s ease-in-out;
}

.plan-con .plan-box .plan-icon img {
	opacity: 50%;
	transition: all 0.3s ease-in-out;
}

.plan-con .plan-box:hover .plan-icon img {
	opacity: 1;
}

.plan-con .plan-box h3 {
	margin-bottom: 20px;
}

.plan-con .plan-box .text1 {
	margin-bottom: 18px;
}

.plan-con .plan-box .price {
	margin-bottom: 20px;
}

.plan-con .plan-box .price p {
	font-size: 14px;
	line-height: 18px;
}

.plan-con .plan-box .number {
	font-size: 32px;
	line-height: 32px;
	font-weight: 600;
	color: var(--e-global-color-accent);
	transition: all 0.3s ease-in-out;
}

.plan-con .plan-box .month {
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	color: var(--e-global-color-accent);
	transition: all 0.3s ease-in-out;
}

.plan-con .plan-box ul {
	margin-bottom: 25px;
}

.plan-con .plan-box ul li {
	margin-bottom: 12px;
}

.plan-con .plan-box ul li:last-child {
	margin-bottom: 0 !important;
}

.plan-con .plan-box ul li p .text {
	font-weight: 600;
}

.plan-con .plan-box:hover ul li p {
	color: var(--e-global-color-secondary);
}

.plan-con .plan-box .primary_btn {
	padding: 21px 48px;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.plan-con .plan-box:hover .primary_btn {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.plan-con .plan-box .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

.plan-con .plan-list {
	padding: 32px 50px;
	background-color: var(--e-global-color-secondary);
}

.plan-con .plan-list ul {
	display: flex;
	justify-content: center;
}

.plan-con .plan-list li {
	margin: 0 40px;
	position: relative;
}

.plan-con .plan-list li:first-child {
	margin-left: 0 !important;
}

.plan-con .plan-list li:last-child {
	margin-right: 0 !important;
}

.plan-con .plan-list li i {
	font-size: 12px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	top: 4px;
	left: 0;
	position: absolute;
	text-align: center;
	border-radius: 100%;
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-accent);
}

.plan-con .plan-list li p {
	padding-left: 32px;
	color: var(--e-global-color-white);
}

/* Domain */

.domain-con {
	padding: 138px 0 134px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--e-global-color-secondary);
	background-image: url(../images/banner-backgroundimage.jpg);
}

.domain-con .feature_content {
	margin-bottom: 60px;
}

.domain-con .feature_content h2 {
	color: var(--e-global-color-white);
}

.domain-con .feature_content p {
	color: rgba(255, 255, 255, 0.6);
	font-size: 18px;
}

.domain-con .feature-box h4 {
	color: var(--e-global-color-white);
}

.domain-con .feature-box p {
	color: rgba(255, 255, 255, 0.6);
}

.domain-con .domain-leftcircle {
	position: absolute;
	top: 100px;
	left: 0;
}

.domain-con .domain-leftcircle img {
	opacity: 15%;
}

.domain-con .domain_wrapper .domain-image {
	position: relative;
	top: -34px;
}

.domain-con .domain_content h6 {
	margin-bottom: 14px;
}

.domain-con .domain_content h2 {
	margin-bottom: 32px;
}

.domain-con .domain_content form {
	margin-bottom: 40px;
}

.domain-con .domain_content .form-group {
	height: 60px;
	width: 490px;
	padding: 10px 52px;
	color: var(--e-global-color-text);
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
	display: flex;
	align-content: center;
	transition: all 0.3s ease-in-out;
}

.domain-con .domain_content .form-group:hover {
	border: 1px solid var(--e-global-color-accent);
}

.domain-con .domain_content .global {
	position: absolute;
	left: 18px;
	top: 18px;
}

.domain-con .domain_content input {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
	background-color: transparent;
	width: 100%;
	border: none;
	border-radius: 0;
	overflow: visible;
	outline: none;
	box-shadow: none;
}

.domain-con .domain_content button {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	padding: 20px;
	width: 110px;
	height: 60px;
	margin-left: 9px;
	text-align: center;
	display: inline-block;
	position: relative;
	border-radius: 0;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
	outline: none;
}

.domain-con .domain_content button:hover {
	color: var(--e-global-color-white);
	background-color: transparent;
	border: 1px solid var(--e-global-color-white);
}

.domain-con .domain_content .transfer {
	margin-left: 6px;
	color: var(--e-global-color-white);
	background-color: transparent;
	border: 1px solid var(--e-global-color-white);
}

.domain-con .domain_content .transfer:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.domain-con .domain_content ul {
	display: flex;
	justify-content: center;
	align-content: center;
	margin-bottom: 36px;
	text-align: center;
}

.domain-con .domain_content ul li {
	padding: 19px;
	margin: 0 10px;
	width: 169px;
	height: 99px;
	text-align: center;
	background-color: rgb(255 255 255 / 5%);
	border: 1px solid rgb(255 255 255 / 15%);
	transition: all 0.3s ease-in-out;
}

.domain-con .domain_content ul li:hover {
	border: 1px solid var(--e-global-color-accent);
}

.domain-con .domain_content ul li:first-child {
	margin-left: 0;
}

.domain-con .domain_content ul li:last-child {
	margin-right: 0;
}

.domain-con .domain_content ul li .icon {
	max-height: 24px;
	margin-bottom: 16px;
	filter: brightness(0) invert(1);
}

.domain-con .domain_content ul li .price {
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	color: var(--e-global-color-white);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.domain-con .domain_content .view_all {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	color: var(--e-global-color-accent);
	text-decoration: underline;
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.domain-con .domain_content .view_all:hover {
	color: var(--e-global-color-white);
}

/* Feature */

.feature-con {
	padding: 132px 0 135px;
	background-color: var(--e-global-color-light-grayish-blue);
}

.feature-con .top-rightlayer {
	position: absolute;
	top: 0;
	right: 0;
}

.feature-con .feature-rightcircle {
	position: absolute;
	top: 122px;
	right: 0;
}

.feature-con .feature-rightcircle img {
	opacity: 15%;
}

.feature-con .feature_content h2 {
	margin-bottom: 20px;
}

.feature-con .feature_content p {
	margin-bottom: 60px;
}

.feature-con .feature-box {
	text-align: center;
	padding: 40px 28px 35px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}

.feature-con .feature-box .feature-icon {
	margin-bottom: 28px;
	transition: all 0.3s ease-in-out;
}

.feature-con .feature-box:hover {
	background-color: var(--e-global-color-white);
	box-shadow: 0 0 50px rgb(17 78 167 / 10%);
}

.feature-con .feature-box:hover .feature-icon {
	transform: translateY(-5px);
}

.feature-con .feature-box h4 {
	margin-bottom: 20px;
	padding: 0 30px;
}

/* Grow */

.grow-con {
	padding: 100px 0 115px;
	background-color: var(--e-global-color-white);
}

.grow-con .grow-leftcircle {
	position: absolute;
	bottom: 100px;
	left: 0;
}

.grow-con .grow-leftcircle img {
	opacity: 15%;
}

.grow-con .grow_content h2 {
	margin-bottom: 30px;
}

.grow-con .grow_content .text {
	margin-bottom: 32px;
}

.grow-con .grow_content ul {
	margin-bottom: 30px;
	display: inline-block;
}

.grow-con .grow_content ul li {
	position: relative;
	margin-bottom: 14px;
}

.grow-con .grow_content ul li:last-child {
	margin-bottom: 0 !important;
}

.grow-con .grow_content ul li i {
	font-size: 11px;
	height: 23px;
	width: 23px;
	line-height: 23px;
	top: 0;
	left: 0;
	position: absolute;
	text-align: center;
	border-radius: 100%;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.grow-con .grow_content ul li p {
	font-weight: 400;
	padding-left: 38px;
}

.grow-con .grow_content .primary_btn {
	padding: 21px 48px;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.grow-con .grow_content .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

/* Data */

.data-con {
	padding: 132px 0 140px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--e-global-color-secondary);
	background-image: url(../images/banner-backgroundimage.jpg);
}

.data-con .data_content h2 {
	margin-bottom: 20px;
}

.data-con .data_content p {
	margin-bottom: 65px;
}

.data-con .data_wrapper ul {
	position: relative;
	border: none;
}

.data-con .data_wrapper ul li {
	width: 100%;
}

.data-con .data_wrapper ul li a {
	margin-bottom: 14px;
	padding: 23px 30px;
	display: flex;
	border-radius: 8px;
	align-items: center;
	justify-content: space-between;
	position: relative;
	background: var(--e-global-color-white);
	transition: all 0.3s ease-in-out;
}

.data-con .data_wrapper ul li:last-child a {
	margin-bottom: 0 !important;
}

.data-con .data_wrapper ul li a h4 {
	transition: all 0.3s ease-in-out;
}

.data-con .data_wrapper ul li i {
	font-size: 11px;
	height: 23px;
	width: 23px;
	line-height: 23px;
	text-align: center;
	border-radius: 100%;
	display: inline-block;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	transition: all 0.3s ease-in-out;
}

.data-con .data_wrapper ul li a:hover,
.data-con .data_wrapper ul li a.active {
	background: var(--e-global-color-accent);
}

.data-con .data_wrapper ul li a:hover h4,
.data-con .data_wrapper ul li a.active h4 {
	color: var(--e-global-color-white);
}

.data-con .data_wrapper ul li a:hover i,
.data-con .data_wrapper ul li a.active i {
	color: var(--e-global-color-accent);
	background-color: var(--e-global-color-white);
}

.data-con .data_contentbox {
	width: 100%;
	height: 414px;
	border-radius: 8px;
	position: relative;
	background-color: var(--e-global-color-white);
}

.data-con .data_contentbox .content .data-map {
	position: absolute;
	top: 45px;
	left: 45px;
}

.data-con .data_contentbox .content-box {
	width: 268px;
	padding-left: 30px;
	right: 0;
	top: 50px;
	position: absolute;
	background-color: var(--e-global-color-white);
	position: absolute;
}

.data-con .data_contentbox .content-box h5 {
	margin-bottom: 10px;
}

.data-con .data_contentbox .content-box li {
	position: relative;
	margin-bottom: 6px;
	padding-left: 30px;
	display: inline-block;
}

.data-con .data_contentbox .content-box li:last-child {
	margin-bottom: 0 !important;
}

.data-con .data_contentbox .content-box a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--e-global-color-accent);
	transition: all 0.5s ease-in-out;
}

.data-con .data_contentbox .content-box a:hover {
	color: var(--e-global-color-text);
}

.data-con .data_contentbox .content-box i {
	font-size: 14px;
	left: 0;
	top: 6px;
	position: absolute;
	color: var(--e-global-color-accent);
}

.data-con .data_contentbox .content-box .phone {
	transform: rotate(40deg);
}

/* Testimonial */

.testimonial-con {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-light-grayish-blue);
}

.testimonial-con .top-leftlayer {
	position: absolute;
	top: 0;
	left: 0;
}

.testimonial-con .testimonial-rightcircle {
	position: absolute;
	top: 100px;
	right: 0;
}

.testimonial-con .testimonial-rightcircle img {
	opacity: 15%;
}

.testimonial-con .testimonial_content h2 {
	margin-bottom: 30px;
}

.testimonial-con .testimonial_content p {
	margin-bottom: 55px;
	padding: 0 40px;
}

.testimonial-con .testimonial-box {
	padding: 40px 38px 45px 35px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}

.testimonial-con .testimonial-box .testimonial-quoteimage {
	margin-bottom: 18px;
	filter: brightness(0);
	transition: all 0.3s ease-in-out;
}

.testimonial-con .testimonial-box:hover {
	background-color: var(--e-global-color-white);
}

.testimonial-con .testimonial-box:hover .testimonial-quoteimage {
	filter: none;
}

.testimonial-con .testimonial-box p {
	margin-bottom: 24px;
	font-style: italic;
}

.testimonial-con .review-content {
	padding-left: 16px;
	display: flex;
	align-items: center;
}

.testimonial-con .review-content .testimonial-personimage {
	position: relative;
	top: 0;
	left: -15px;
}

.testimonial-con .review-content .testimonial-personimage img {
	width: 54px !important;
	border-radius: 100px;
}

.testimonial-con .review-content .name {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	display: block;
	margin-bottom: 2px;
	color: var(--e-global-color-secondary);
}

.testimonial-con .review-content .review {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: var(--e-global-color-text);
}

.testimonial-con .owl-carousel .owl-item img {
	width: auto !important;
}

.testimonial-con .owl-carousel .owl-nav {
	display: block !important;
	margin-top: 0 !important;
	position: relative;
	text-align: center;
	top: -192px;
}

.testimonial-con .owl-carousel .owl-prev,
.testimonial-con .owl-carousel .owl-next {
	font-size: 14px !important;
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	border-radius: 100% !important;
	position: absolute;
	text-align: center;
	color: var(--e-global-color-secondary) !important;
	background-color: var(--e-global-color-white) !important;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}

.testimonial-con .owl-carousel .owl-prev {
	left: -75px;
}

.testimonial-con .owl-carousel .owl-next {
	right: -75px;
}

.testimonial-con .owl-carousel .owl-prev:hover,
.testimonial-con .owl-carousel .owl-next:hover {
	color: var(--e-global-color-white) !important;
	background-color: var(--e-global-color-accent) !important;
}

/* Partner */

.partner-con {
	padding: 100px 0;
	background: var(--e-global-color-white);
}

.partner-con .partner_content h2 {
	margin-bottom: 20px;
}

.partner-con .partner_content p {
	margin-bottom: 60px;
}

.partner-con .bottom-rightlayer {
	position: absolute;
	bottom: 0;
	right: 0;
}

.partner-con .partner-box ul {
	gap: 30px;
	display: grid;
	grid-template-columns: 23% 23% 23% 23%;
}

.partner-con .partner-box ul li {
	height: 110px;
	display: flex;
	border-radius: 8px;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-light-grayish-blue);
	border: 1px solid var(--e-global-color-light-grayish-blue);
	transition: all 0.3s ease-in-out;
}

.partner-con .partner-box ul li figure {
	transition: all 0.8s ease-in-out;
}

.partner-con .partner-box ul li:hover {
	border: 1px solid var(--e-global-color-secondary);
}

/* Footer */

.footer-con {
	padding: 95px 0 65px;
	background-color: var(--e-global-color-secondary);
}

.footer-con .footer-leftcircle {
	position: absolute;
	top: 100px;
	left: 0;
}

.footer-con .footer-leftcircle img {
	opacity: 15%;
}

.footer-con .middle_portion {
	margin-bottom: 62px;
}

.footer-con .middle_portion .links h4 {
	margin-bottom: 41px;
	color: var(--e-global-color-white);
}

.footer-con .middle_portion .links li {
	margin-bottom: 7px;
}

.footer-con .middle_portion .links li:last-child {
	margin-bottom: 0 !important;
}

.footer-con .middle_portion .links a {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.footer-con .middle_portion .links a:hover {
	color: var(--e-global-color-accent);
}

.footer-con .middle_portion .links .text {
	position: relative;
	margin-bottom: 12px;
	padding-left: 32px;
	display: inline-block;
}

.footer-con .middle_portion .links i {
	font-size: 14px;
	left: 0;
	top: 6px;
	position: absolute;
	color: var(--e-global-color-accent);
}

.footer-con .middle_portion .links .phone {
	transform: rotate(40deg);
}

.footer-con .footer_copyright {
	display: flex;
	align-items: center;
}

.footer-con .footer_copyright p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	/* padding-left: 22px; */
	/* margin-left: 28px; */
	color: var(--e-global-color-white);
	/* border-left: 1px solid var(--e-global-color-white); */
}

.footer-con .footer_icon {
	text-align: right;
}

.footer-con .footer_icon .social-icons {
	position: relative;
	right: 112px;
}

.footer-con .footer_icon .social-icons li {
	display: inline-block;
	margin: 0 3px;
	padding: 0 !important;
	transition: all 0.8s ease-in-out;
}

.footer-con .footer_icon .social-icons li:first-child {
	margin-left: 0;
}

.footer-con .footer_icon .social-icons li:last-child {
	margin-right: 0;
}

.footer-con .footer_icon .social-icons i {
	font-size: 18px;
	height: 40px;
	width: 40px;
	line-height: 38px;
	border-radius: 0;
	text-align: center;
	color: var(--e-global-color-accent);
	background-color: transparent;
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
}

.footer-con .footer_icon .social-icons a:hover i {
	color: var(--e-global-color-white);
	background: var(--e-global-color-accent);
}

/* Home Page 2 */

/* Banner */

.home2_banner_outer .top_header {
	background-color: var(--e-global-color-accent);
}

.banner2-con {
	padding: 182px 0 196px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--e-global-color-secondary);
	background-image: url(../images/banner2-backgroundimage.jpg);
}

.banner2-con::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgb(0 27 59 / 95%), transparent);
}

.banner2-con ul {
	position: absolute;
	left: -224px;
	top: 80px;
	z-index: 2;
}

.banner2-con ul li {
	margin: 20px 0;
	transition: all 0.3s ease-in-out;
}

.banner2-con ul li:first-child {
	margin-top: 0;
}

.banner2-con ul li:last-child {
	margin-bottom: 0;
}

.banner2-con ul li i {
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 100%;
	text-align: center;
	color: var(--e-global-color-white);
	background-color: rgb(0 0 0 / 15%);
	transition: all 0.3s ease-in-out;
}

.banner2-con ul li a:hover i {
	background-color: var(--e-global-color-accent);
}

.banner2-con .banner_content h1 {
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 22px;
}

.banner2-con .banner_content p {
	line-height: 34px;
	margin-bottom: 32px;
	padding-right: 155px;
}

.banner2-con .banner_content .buttons {
	display: inline-block;
}

.banner2-con .banner_content .primary_btn {
	padding: 22px 42px;
	margin-right: 10px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.banner2-con .banner_content .primary_btn:hover {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-white);
}

.banner2-con .banner_content .play-icon i {
	font-size: 16px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	color: var(--e-global-color-white);
	background: transparent;
	border: 1px solid var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.banner2-con .banner_content .play-icon:hover i {
	color: var(--e-global-color-secondary);
	background: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
}

.banner2-con .banner_content ul {
	display: none;
}

.banner2-con .owl-carousel .owl-dots {
	display: flex !important;
	align-items: center;
	margin-top: 0 !important;
	line-height: 0;
	position: absolute;
	right: 46px;
	bottom: -166px;
}

.banner2-con .owl-carousel .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	margin: 0 2px;
	transition: all 0.3s ease-in-out;
	background-color: var(--e-global-color-white);
}

.banner2-con .owl-carousel .owl-dots .owl-dot.active span {
	width: 20px;
	height: 20px;
	position: relative;
	background-color: transparent;
	border: 2px solid var(--e-global-color-white);
}

.banner2-con .owl-carousel .owl-dots .owl-dot:hover span {
	background-color: var(--e-global-color-white);
}

.banner2-con .owl-carousel .owl-dots .owl-dot:focus {
	outline: none;
}

.banner2-con .owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

/* Domain */

.domain2-con {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-very-pale-blue);
}

.domain2-con .domain-leftimage {
	position: absolute;
	left: 90px;
	bottom: -45px;
}

.domain2-con .domain_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.domain2-con .domain_content h2 {
	margin-bottom: 55px;
}

.domain2-con .domain_content form {
	margin-bottom: 40px;
}

.domain2-con .domain_content .form-group {
	height: 60px;
	width: 770px;
	padding: 10px 52px;
	color: var(--e-global-color-text);
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(0 123 255 / 20%);
	display: flex;
	align-content: center;
	transition: all 0.3s ease-in-out;
}

.domain2-con .domain_content .form-group:hover {
	border: 1px solid var(--e-global-color-accent);
}

.domain2-con .domain_content .global {
	position: absolute;
	left: 18px;
	top: 18px;
}

.domain2-con .domain_content input {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
	background-color: transparent;
	width: 100%;
	border: none;
	border-radius: 0;
	overflow: visible;
	outline: none;
	box-shadow: none;
}

.domain2-con .domain_content button {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	padding: 20px;
	width: 160px;
	height: 60px;
	margin-left: 9px;
	text-align: center;
	display: inline-block;
	position: relative;
	border-radius: 0;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
	outline: none;
}

.domain2-con .domain_content button:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-very-dark-blue);
	border: 1px solid var(--e-global-color-very-dark-blue);
}

.domain2-con .domain_content .transfer {
	margin-left: 6px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-very-dark-blue);
	border: 1px solid var(--e-global-color-very-dark-blue);
}

.domain2-con .domain_content .transfer:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.domain2-con .domain_pricing {
	display: flex;
	align-items: center;
	justify-content: center;
}

.domain2-con .domain_pricing .heading {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	margin-right: 10px;
	color: var(--e-global-color-secondary);
}

.domain2-con .domain_content ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	text-align: center;
}

.domain2-con .domain_content ul li {
	padding: 8px 19px 12px;
	margin: 0 5px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(0 123 255 / 20%);
	transition: all 0.3s ease-in-out;
}

.domain2-con .domain_content ul li:hover {
	border: 1px solid var(--e-global-color-accent);
}

.domain2-con .domain_content ul li:first-child {
	margin-left: 0;
}

.domain2-con .domain_content ul li:last-child {
	margin-right: 10px;
}

.domain2-con .domain_content ul li .name {
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	margin-right: 10px;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.domain2-con .domain_content ul li .price {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.domain2-con .domain_content .view_all {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	padding: 15px 27px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	text-decoration: none;
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.domain2-con .domain_content .view_all:hover {
	background-color: var(--e-global-color-accent);
}

/* Pricing */

.pricing2-con {
	padding: 132px 0 140px;
}

.pricing2-con .pricing_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.pricing2-con .pricing_content h2 {
	margin-bottom: 55px;
}

.pricing2-con .pricing-box {
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(0 123 255 / 20%);
	transition: all 0.8s ease-in-out;
}

.pricing2-con .pricing-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 50px rgb(17 78 167 / 10%);
}

.pricing2-con .pricing-box .pricing-header {
	padding: 22px 30px 34px;
}

.pricing2-con .pricing-box .pricing-top {
	margin-bottom: 22px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.pricing2-con .pricing-box .price-value span {
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.pricing2-con .pricing-box .price-value sup {
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
}

.pricing2-con .pricing-box .price-value .price {
	font-size: 40px;
	line-height: 40px;
	font-weight: 800;
}

.pricing2-con .pricing-box .price-value .month {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
}

.pricing2-con .pricing-box h4 {
	margin-bottom: 22px;
}

.pricing2-con .pricing-box .select_value {
	font-size: 16px;
	line-height: 16px;
	padding: 16px 30px;
	width: 100%;
	appearance: none;
	display: block;
	text-align: left;
	color: var(--e-global-color-text);
	border-top: 1px solid rgb(0 123 255 / 20%);
	border-bottom: 1px solid rgb(0 123 255 / 20%);
	font-family: "Plus Jakarta Sans", sans-serif;
	background: url(../images/down-angle.png) no-repeat 91% 19px;
}

.pricing2-con .pricing-box .select_value span,
.pricing2-con .pricing-box ul.select_menu span {
	font-weight: 700;
	color: var(--e-global-color-accent);
}

.pricing2-con .pricing-box .select_menu_con {
	position: relative;
	background-color: var(--e-global-color-very-pale-blue);
}

.pricing2-con .pricing-box ul.select_menu {
	font-size: 16px;
	line-height: 16px;
	padding: 10px 30px;
	top: 51px;
	left: 0;
	z-index: 1;
	width: 100%;
	position: absolute;
	margin-bottom: 0 !important;
	background: var(--e-global-color-white);
	box-shadow: 0 0 5px 5px rgb(0 0 0 / 5%);
}

.pricing2-con .pricing-box ul {
	margin: 0 auto 29px;
	display: inline-block;
}

.pricing2-con .pricing-box ul li {
	display: flex;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 15px;
}

.pricing2-con .pricing-box ul li:last-child {
	margin-bottom: 0;
}

.pricing2-con .pricing-box .pricing-bottom {
	padding: 28px 30px 30px;
}

.pricing2-con .pricing-box .pricing-bottom ul {
	margin-bottom: 25px;
}

.pricing2-con .pricing-box .pricing-bottom li {
	position: relative;
	margin-bottom: 16px;
	padding-left: 36px;
}

.footer-con .middle_portion .links li:last-child {
	margin-bottom: 0 !important;
}

.pricing2-con .pricing-box .pricing-bottom li img {
	left: 0;
	top: 0;
	position: absolute;
}

.pricing2-con .pricing-box .pricing-bottom li p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.pricing2-con .pricing-box .pricing-bottom li span {
	font-weight: 700;
}

.pricing2-con .pricing-box .pricing-bottom .primary_btn {
	padding: 16px 50px;
	display: block;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.pricing2-con .pricing-box:hover .pricing-bottom .primary_btn {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.pricing2-con .pricing-box .pricing-bottom .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

.pricing2-con .pricing_wrapper {
	margin-bottom: 55px;
}

.pricing2-con .lower_text h3 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 24px;
}

.pricing2-con .lower_text h3 span {
	color: var(--e-global-color-accent);
}

.pricing2-con .lower_text .primary_btn {
	padding: 21px 44px;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.pricing2-con .lower_text .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

/* Feature */

.feature2-con {
	background-color: var(--e-global-color-very-pale-blue);
}

.feature2-con::before {
	content: "";
	width: 51%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	background-size: auto;
	background-position: center;
	background-color: var(--e-global-color-secondary);
	background-image: url(../images/banner-backgroundimage.jpg);
}

.feature2-con .feature_content {
	padding: 132px 110px 140px 0;
}

.feature2-con .feature_content .feature-image {
	position: absolute;
	left: -320px;
	bottom: 50px;
}

.feature2-con .feature_content h4 {
	margin-bottom: 20px;
	color: var(--e-global-color-accent);
}

.feature2-con .feature_content h2 {
	margin-bottom: 14px;
}

.feature2-con .feature_content p {
	line-height: 26px;
	margin-bottom: 30px;
}

.feature2-con .feature_content .primary_btn {
	padding: 21px 53px;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.feature2-con .feature_content .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.feature2-con .feature-box {
	padding: 28px 10px 28px 35px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	background-color: transparent;
	transition: all 0.8s ease-in-out;
}

.feature2-con .feature-box:last-child {
	margin-bottom: 0 !important;
}

.feature2-con .feature-box:hover {
	background-color: var(--e-global-color-accent);
}

.feature2-con .feature-box .icon {
	min-width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: var(--e-global-color-accent);
	transition: all 0.3s ease-in-out;
}

.feature2-con .feature-box:hover .icon {
	background-color: var(--e-global-color-white);
	transition: all 0.3s ease-in-out;
}

.feature2-con .feature-box .icon img {
	filter: brightness(0) invert(1);
}

.feature2-con .feature-box:hover .icon img {
	filter: none;
}

.feature2-con .feature-box .content {
	padding-left: 30px;
}

.feature2-con .feature-box .content h4 {
	margin-bottom: 16px;
}

/* Favorite */

.favorite-con {
	padding: 135px 0 140px;
}

.favorite-con .favorite_content h2 {
	margin-bottom: 55px;
	padding: 0 60px;
}

.favorite-con ul {
	margin-bottom: 50px;
}

.favorite-con .favorite-box {
	padding: 40px 20px 36px;
	min-width: 160px;
	margin: 0 12px;
	text-align: center;
	display: inline-block;
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(0 123 255 / 20%);
	transition: all 0.8s ease-in-out;
}

.favorite-con .favorite-box:hover {
	border: 1px solid rgb(0 123 255 / 100%);
	box-shadow: 0 20px 50px rgb(0 123 255 / 10%);
}

.favorite-con .favorite-box:first-child {
	margin-left: 0;
}

.favorite-con .favorite-box:last-child {
	margin-right: 0;
}

.favorite-con .favorite-box .icon {
	margin-bottom: 12px;
	transition: all 0.8s ease-in-out;
}

.favorite-con .favorite-box:hover .icon {
	transform: translateY(-5px);
}

.favorite-con .favorite-box h4 {
	transition: all 0.8s ease-in-out;
}

.favorite-con .favorite-box:hover h4 {
	color: var(--e-global-color-bright-blue);
}

.favorite-con .button .primary_btn {
	padding: 21px 32px;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid #5c6067;
}

.favorite-con .button .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

/* Website */

.website-con {
	position: relative;
	overflow: hidden;
}

.website-con .image {
	position: absolute;
	z-index: 1;
	bottom: -38px;
}

.website-con .image img {
	opacity: 10%;
}

.website-con .website-leftimage {
	left: -14px;
}

.website-con .website-rightimage {
	right: -14px;
}

.website-con .website_content {
	position: relative;
	padding: 100px 110px 100px 410px;
	background-color: var(--e-global-color-accent);
}

.website-con .content {
	position: relative;
	z-index: 1;
}

.website-con .content .icon {
	min-height: 80px;
	margin-bottom: 25px;
}

.website-con .content h3 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	margin-bottom: 16px;
	font-family: "Inter", sans-serif;
}

.website-con .content p {
	margin-bottom: 30px;
	margin-right: 75px;
}

.website-con .content .primary_btn {
	width: 216px;
	padding: 20px;
	color: var(--e-global-color-white);
	background-color: transparent;
	border: 1px solid var(--e-global-color-white);
}

.website-con .content .primary_btn:hover {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
}

.website-con .power_content {
	position: relative;
	padding: 100px 310px 100px 122px;
	background-color: var(--e-global-color-very-pale-blue);
}

.website-con .content .secondary_btn {
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.website-con .content .secondary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

/* Success */

.success-con {
	padding: 95px 0 104px;
}

.success-con .success_wrapper .success-image {
	position: relative;
	left: 15px;
	top: 10px;
}

.success-con .success_content h4 {
	margin-bottom: 20px;
	color: var(--e-global-color-accent);
}

.success-con .success_content h2 {
	margin-bottom: 14px;
}

.success-con .success_content p {
	line-height: 28px;
	margin-bottom: 10px;
}

.success-con .success_content ul {
	margin-bottom: 22px;
}

.success-con .success_content ul li {
	position: relative;
	margin-bottom: 10px;
}

.success-con .success_content ul li:last-child {
	margin-bottom: 0 !important;
}

.success-con .success_content ul li i {
	font-size: 13px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: 5px;
	left: 0;
	position: absolute;
	text-align: center;
	border-radius: 100%;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.success-con .success_content ul li p {
	font-weight: 400;
	padding-left: 32px;
	color: var(--e-global-color-secondary);
}

.success-con .success_content .primary_btn {
	padding: 20px 35px;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.success-con .success_content .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

/* Guarantee */

.guarantee2-con {
	padding: 135px 0 140px;
	background-color: var(--e-global-color-very-pale-blue);
}

.guarantee2-con .guarantee_content h2 {
	margin-bottom: 18px;
}

.guarantee2-con .guarantee_content p {
	margin-bottom: 55px;
}

.guarantee2-con .guarantee-box {
	padding: 48px 25px 44px;
	text-align: center;
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.guarantee2-con .guarantee-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 50px rgb(17 78 167 / 10%);
}

.guarantee2-con .guarantee-box .icon {
	min-height: 81px;
	margin-bottom: 34px;
	filter: brightness(0);
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.guarantee2-con .guarantee-box:hover .icon {
	filter: none;
	transform: translateY(-5px);
}

.guarantee2-con .guarantee-box h4 {
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out;
}

.guarantee2-con .guarantee-box:hover h4 {
	color: var(--e-global-color-accent);
}

/* Faq */

.faq2-con {
	padding: 132px 0 120px;
}

.faq2-con .faq_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.faq2-con .faq_content h2 {
	margin-bottom: 55px;
}

.faq2-con .faq h4 {
	margin-bottom: 0;
	text-transform: none;
	display: inline-block;
}

.faq2-con .accordion-card .btn-link h4 {
	color: var(--e-global-color-accent);
}

.faq2-con .accordion-card .collapsed h4 {
	color: var(--e-global-color-secondary);
}

.faq2-con .accordion-card:has(.show) .btn-link h4 {
	color: var(--e-global-color-accent);
}

.faq2-con .accordian-inner .card-header {
	padding: 0;
	margin-bottom: 0;
	background: none;
	border: none;
}

.faq2-con .accordian-inner .card-header a {
	padding: 18px 0px 20px 64px;
}

.faq2-con .accordian-inner .card-body {
	padding: 0 52px 20px 64px;
}

.faq2-con .accordion-card a.btn.btn-link:focus {
	outline: none;
	box-shadow: none;
}

.faq2-con .accordian-inner .accordion-card i {
	position: absolute;
	right: 20px;
	margin: -6px 0;
}

.faq2-con .accordian-inner .accordion-card .btn {
	text-decoration: none;
	text-align: left;
	display: block;
	color: var(--e-global-color-white);
}

.faq2-con .accordion-card a.btn.btn-link {
	position: relative;
}

.faq2-con .accordion-card .btn-link:before {
	content: "\f068";
	font-size: 16px;
	top: 22% !important;
	left: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	font-family: 'FontAwesome';
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.faq2-con .accordion-card .collapsed:before {
	content: "\2b";
	color: rgb(0 123 255 / 90%);
	background-color: transparent;
	border: 1px solid rgb(0 123 255 / 20%);
}

.faq2-con .accordion-card:has(.show) .btn-link:before {
	content: "\f068";
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

/* Article */

.article-con {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-very-pale-blue);
}

.article-con .article_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.article-con .article_content h2 {
	margin-bottom: 55px;
}

.article-con .article-box .content {
	padding: 30px 30px 28px;
	border-top: none !important;
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.article-con .article-box:hover .content {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 50px rgb(17 78 167 / 10%);
}

.article-con .article-box .content .top-icon {
	margin-bottom: 18px;
}

.article-con .article-box .content .top-icon,
.article-con .article-box .content .icon {
	display: flex;
	align-items: center;
}

.article-con .article-box .content .top-icon span {
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	margin: 0 15px 0 4px;
	color: var(--e-global-color-text);
}

.article-con .article-box .content h4 {
	line-height: 28px;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
}

.article-con .article-box .content h4:hover {
	color: var(--e-global-color-accent);
}

.article-con .article-box .content p {
	margin-bottom: 14px;
}

.article-con .article-box .content .read_more {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.article-con .article-box .content .read_more:hover {
	color: var(--e-global-color-secondary);
}

/* Home Page 3 */

/* Banner */

.banner3-con {
	padding: 130px 0 146px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--e-global-color-secondary);
	background-image: url(../images/banner3-backgroundimage.jpg);
}

.banner3-con ul {
	position: absolute;
	left: -224px;
	top: 80px;
	z-index: 2;
}

.banner3-con ul li {
	margin: 20px 0;
	transition: all 0.3s ease-in-out;
}

.banner3-con ul li:first-child {
	margin-top: 0;
}

.banner3-con ul li:last-child {
	margin-bottom: 0;
}

.banner3-con ul li i {
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 100%;
	text-align: center;
	color: var(--e-global-color-white);
	background-color: rgb(0 0 0 / 15%);
	transition: all 0.3s ease-in-out;
}

.banner3-con ul li a:hover i {
	background-color: var(--e-global-color-accent);
}

.banner3-con .banner_content h1 {
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 22px;
}

.banner3-con .banner_content p {
	line-height: 34px;
	margin-bottom: 32px;
}

.banner3-con .banner_content .buttons {
	display: inline-block;
}

.banner3-con .banner_content .primary_btn {
	padding: 22px 42px;
	margin-right: 10px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.banner3-con .banner_content .primary_btn:hover {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-white);
}

.banner3-con .banner_content .play-icon i {
	font-size: 16px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	color: var(--e-global-color-white);
	background: transparent;
	border: 1px solid var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.banner3-con .banner_content .play-icon:hover i {
	color: var(--e-global-color-secondary);
	background: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
}

.banner3-con .banner_content ul {
	display: none;
}

.banner3-con .banner_wrapper .banner-image {
	position: absolute;
	right: -308px;
	top: -130px;
}

.banner3-con .banner_wrapper .banner-leftarrow {
	position: relative;
	left: 28px;
	bottom: -232px;
	display: inline-block;
}

.banner3-con .banner_wrapper .banner-rightarrow {
	position: absolute;
	right: -324px;
	top: -82px;
}

.banner3-con .owl-carousel .owl-dots {
	display: flex !important;
	align-items: center;
	margin-top: 0 !important;
	line-height: 0;
	position: absolute;
	right: -48px;
	bottom: -116px;
}

.banner3-con .owl-carousel .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	margin: 0 2px;
	transition: all 0.3s ease-in-out;
	background-color: var(--e-global-color-white);
}

.banner3-con .owl-carousel .owl-dots .owl-dot.active span {
	width: 20px;
	height: 20px;
	position: relative;
	background-color: transparent;
	border: 2px solid var(--e-global-color-white);
}

.banner3-con .owl-carousel .owl-dots .owl-dot:hover span {
	background-color: var(--e-global-color-white);
}

.banner3-con .owl-carousel .owl-dots .owl-dot:focus {
	outline: none;
}

.banner3-con .owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
}

/* VPS */

.vps3-con {
	padding: 135px 0 165px;
	background-color: var(--e-global-color-very-pale-blue);
}

.vps3-con .vps_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.vps3-con .vps_content h2 {
	margin-bottom: 55px;
}

.vps3-con .vps-box .slider-outer {
	left: 85px;
}

.vps3-con .vps-box .price_rangetxt {
	padding-left: 60px;
}

.vps3-con .vps-box .price_rangetxt .icon {
	margin: 62px 0;
}

.vps3-con .vps-box .price_rangetxt .icon:first-child {
	margin-top: 15px;
}

.vps3-con .vps-box .price_rangetxt .icon-last {
	margin-bottom: 15px;
}

.vps3-con .vps-box .price_rangetxt span {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.vps3-con .vps-box .price_rangetxt .current span {
	color: var(--e-global-color-accent);
}

.vps3-con .outer_div {
	display: flex;
	float: right;
}

.vps3-con .outer_div .list1 {
	margin-right: 30px;
}

.vps3-con .outer_div li {
	margin-bottom: 20px;
}

.vps3-con .outer_div li:last-child {
	margin-bottom: 0 !important;
}

.vps3-con .outer_div .image_holder {
	width: 210px;
	height: 106px;
	padding: 25px;
	display: flex;
	align-items: center;
	background-color: var(--e-global-color-white);
}

.vps3-con .outer_div .image_holder .content {
	padding-left: 20px;
}

.vps3-con .outer_div .image_holder .heading {
	font-size: 17px;
	line-height: 20px;
	font-weight: 300;
	display: block;
	margin-bottom: 8px;
	color: var(--e-global-color-text);
}

.vps3-con .outer_div .image_holder .value {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.vps3-con .vps_price_box {
	border: 1px solid rgba(0, 123, 255, 0.2);
}

.vps3-con .pricing_option {
	padding: 28px 40px 26px;
}

.vps3-con .pricing_option .heading {
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom: 18px;
	text-transform: uppercase;
	color: var(--e-global-color-secondary);
}

.vps3-con .pricing_option .control-group {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.vps3-con .pricing_option .control-group img {
	margin: 28px 0 8px;
	display: block;
	position: relative;
	left: 17%;
}

.vps3-con .pricing_option .form-check {
	padding: 0 !important;
	margin: 0 10px;
}

.vps3-con .pricing_option .form-check:first-child {
	margin-left: 0;
}

.vps3-con .pricing_option .form-check:last-child {
	margin-right: 0;
}

.vps3-con .pricing_option .form-check input {
	width: 20px;
	height: 20px;
	line-height: 24px;
	margin-top: 4px;
	border: 1px solid var(--e-global-color-secondary);
	box-shadow: none;
	border-radius: 100px;
	-webkit-appearance: none;
}

.vps3-con .pricing_option .form-check input:checked {
	-webkit-appearance: auto;
}

.vps3-con .pricing_option .form-check [type="radio"]:checked,
.vps3-con .pricing_option .form-check [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.vps3-con .pricing_option .form-check [type="radio"]:checked+label,
.vps3-con .pricing_option .form-check [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 0;
	cursor: pointer;
	display: inline-block;
	color: #666;
	margin-bottom: 0;
}

.vps3-con .pricing_option .form-check [type="radio"]:checked+label:before,
.vps3-con .pricing_option .form-check [type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 11px;
	top: 0px;
	width: 15px;
	height: 15px;
	border: 1px solid var(--e-global-color-secondary);
	border-radius: 100%;
	background: #fff;
}

.vps3-con .pricing_option .form-check [type="radio"]:checked+label:after,
.vps3-con .pricing_option .form-check [type="radio"]:not(:checked)+label:after {
	content: '';
	width: 7px;
	height: 7px;
	background: var(--e-global-color-secondary);
	position: absolute;
	top: 4px;
	left: 15px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.vps3-con .pricing_option .form-check [type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.vps3-con .pricing_option .form-check [type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.vps3-con .pricing_option .form-check:last-child label {
	position: relative;
	cursor: pointer;
}

.vps3-con .pricing_option .form-check:last-child label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid var(--e-global-color-accent);
	padding: 6px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 11px;
}

.vps3-con .pricing_option .form-check label {
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	margin-bottom: 0;
	display: block;
	color: var(--e-global-color-secondary) !important;
}

.vps3-con .pricing_value {
	padding: 28px 72px 30px;
	text-align: center;
	background-color: var(--e-global-color-white);
	border-top: 1px solid rgba(0, 123, 255, 0.2);
}

.vps3-con .pricing_value .text {
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	display: block;
	margin-bottom: 10px;
	color: var(--e-global-color-text);
}

.vps3-con .pricing_value .value {
	margin-bottom: 22px;
}

.vps3-con .pricing_value .dollar {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
	position: relative;
	top: -16px;
	left: -2px;
}

.vps3-con .pricing_value .price {
	font-size: 50px;
	line-height: 50px;
	font-weight: 700;
	position: relative;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.vps3-con .pricing_value .decimal {
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
	position: absolute;
	top: 8px;
	right: -54px;
}

.vps3-con .pricing_value .month {
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.vps3-con .pricing_value .primary_btn {
	padding: 16px;
	margin-top: 15px;
	font-weight: 400;
	display: block;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.vps3-con .pricing_value .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
}

/* Server */

.server3-con {
	padding: 135px 0 110px;
	background-color: var(--e-global-color-white);
}

.server3-con .server-rightcircle {
	position: absolute;
	top: 100px;
	right: 0;
}

.server3-con .server-rightcircle img {
	opacity: 15%;
}

.server3-con .server_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.server3-con .server_content h2 {
	margin-bottom: 55px;
}

.server3-con .server-box {
	margin-bottom: 30px;
	padding: 48px 30px 42px;
	text-align: center;
	background-color: #fcfeff;
	border: 1px solid rgb(0 123 255 / 20%);
	transition: all 0.8s ease-in-out;
}

.server3-con .server-box:hover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid var(--e-global-color-accent);
	background-image: url(../images/server3-boxbgimage.jpg);
}

.server3-con .server-box .icon {
	min-height: 64px;
	margin-bottom: 24px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.server3-con .server-box:hover .icon {
	transform: translateY(-5px);
	filter: brightness(0) invert(1);
}

.server3-con .server-box h4 {
	margin-bottom: 20px;
	transition: all 0.3s ease-in-out;
}

.server3-con .server-box p {
	transition: all 0.3s ease-in-out;
}

.server3-con .server-box:hover h4,
.server3-con .server-box:hover p {
	color: var(--e-global-color-white);
}

/* Data  */

.data3-con {
	background-image: none;
	background-color: var(--e-global-color-very-pale-blue);
}

.data3-con .data-leftcircle {
	position: absolute;
	top: 100px;
	left: 0;
}

.data3-con .data-leftcircle img {
	opacity: 15%;
}

.data3-con .data_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.data3-con .data_content h2 {
	margin-bottom: 55px;
}

/* Testimonial */

.testimonial3-con {
	background-color: var(--e-global-color-white);
}

.testimonial3-con .testimonial-box:hover {
	box-shadow: 0 0 50px rgb(17 78 167 / 7%) inset;
}

/* Sub banner */

.sub_banner {
	padding: 125px 0 185px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/subbanner-backgroundimage.jpg);
}

.sub_banner .sub_banner_content h1 {
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 22px;
}

.sub_banner .sub_banner_content p {
	font-weight: 400;
	margin-bottom: 35px;
	font-family: "Plus Jakarta Sans", sans-serif;
}

.sub_banner .sub_banner_content .box {
	padding: 4px 32px 6px;
	text-align: center;
	display: inline-block;
	background: transparent;
	border: 1px solid rgb(255 255 255 / 20%);
}

.sub_banner .sub_banner_content .box span {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	display: inline-block;
	color: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.8s ease-in-out;
}

.sub_banner .sub_banner_content .box a span {
	color: var(--e-global-color-white);
}

.sub_banner .sub_banner_content .box a span:hover {
	color: var(--e-global-color-accent);
}

.sub_banner .sub_banner_content .box .slash {
	color: var(--e-global-color-white);
}

/* Sub banner other Pages */

.sub_banner_pages {
	padding: 125px 0;
}

/* Sub Footer */

.sub-footer {
	padding: 60px 0 65px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/subfooter-backgroundimage.jpg);
}

.sub-footer .footer_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sub-footer .footer_content .content h2 {
	margin-bottom: 18px;
}

.sub-footer .footer_content .button .primary_btn {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	padding: 20px 35px;
	display: inline-block;
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-white);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.sub-footer .footer_content .button .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
}

/* Contact Page */

/* Contact Detail */

.contactdetail-con {
	padding-bottom: 140px;
}

.contactdetail-con .upper_row {
	margin: -90px 0 50px;
}

.contactdetail-con .contact-box {
	padding: 40px 40px 38px;
	border: 1px solid rgb(0 123 255 / 20%);
	background-color: var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.contactdetail-con .contact-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 30px 20px rgb(41 77 240 / 10%);
}

.contactdetail-con .contact-box .icon {
	margin-bottom: 26px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.contactdetail-con .contact-box:hover .icon {
	transform: translateY(-5px);
}

.contactdetail-con .contact-box h4 {
	margin-bottom: 16px;
}

.contactdetail-con .lower_row .contact-box {
	padding: 40px 30px 50px;
	text-align: center;
	border-radius: 0;
}

.contactdetail-con .lower_row .contact-box .icon {
	margin-bottom: 24px;
	min-height: 44px;
}

.contactdetail-con .lower_row .contact-box a {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: var(--e-global-color-text);
	transition: all 0.3s ease-in-out;
}

.contactdetail-con .lower_row .contact-box a:hover {
	color: var(--e-global-color-accent);
}

/* Contact Form */

.contactform-con {
	padding: 130px 0 140px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/contactform-backgroundimage.jpg);
}

.contactform-con .contact_content h2 {
	margin-bottom: 20px;
}

.contactform-con .contact_content p {
	margin-bottom: 60px;
}

.contactform-con form .form-group {
	margin-bottom: 30px;
}

.contactform-con form .input1 {
	float: left;
	margin-right: 30px;
}

.contactform-con form input,
.contactform-con form textarea {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	height: 60px;
	width: 445px;
	padding: 6px 20px 10px 20px;
	color: #666666;
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
	font-family: "Plus Jakarta Sans", sans-serif;
	overflow: visible;
	outline: none;
}

.contactform-con form textarea {
	height: 120px;
	padding: 20px;
	width: 100% !important;
	resize: none;
	outline: none;
	overflow: auto;
}

.contactform-con form .message {
	margin-bottom: 20px;
}

.contactform-con form input:focus,
.contactform-con form textarea:focus {
	border: 1px solid var(--e-global-color-black);
}

.contactform-con form .submit_now {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	padding: 21px 58px;
	text-align: center;
	display: block;
	position: relative;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.8s ease-in-out;
	margin: 0 auto;
	outline: none;
	border-style: none;
}

.contactform-con form .submit_now:hover {
	color: var(--e-global-color-secondary);
	background-color: var(--e-global-color-white);
}

.contactform-con form input::placeholder,
.contactform-con form textarea::placeholder {
	color: #666666;
}

.contactform-con form span {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	margin-top: 5px;
	position: absolute;
	display: block;
	color: var(--e-global-color-pure-red);
}

/* About Page */

/* About Detail */

.aboutdetail-con {
	padding-bottom: 140px;
}

.aboutdetail-con .upper_row {
	margin: -90px 0 100px;
}

.aboutdetail-con .about-box {
	padding: 40px 40px 38px;
	border: 1px solid rgb(0 123 255 / 20%);
	background-color: var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.aboutdetail-con .about-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 30px 20px rgb(41 77 240 / 10%);
}

.aboutdetail-con .about-box .icon {
	margin-bottom: 26px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.aboutdetail-con .about-box:hover .icon {
	transform: translateY(-5px);
}

.aboutdetail-con .about-box h4 {
	margin-bottom: 16px;
}

.aboutdetail-con .about-box1 h4 {
	color: var(--e-global-color-accent);
}

.aboutdetail-con .about-box1 h2 {
	font-weight: 700;
	margin-bottom: 18px;
}

.aboutdetail-con .about-box2 {
	padding: 50px 30px 40px;
	text-align: center;
	border-radius: 10px;
	background-color: var(--e-global-color-light-grayish-blue);
}

.aboutdetail-con .about-box2 span {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	display: block;
	margin-bottom: 12px;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.aboutdetail-con .about-box2 p {
	margin-bottom: 16px;
}

.aboutdetail-con .about-box2 .about-detailstar {
	padding: 4px 27px 10px;
	text-align: center;
	border-radius: 6px;
	display: inline-block;
	background-color: var(--e-global-color-accent);
}

.aboutdetail-con .about-box3 p {
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 4px;
}

/* Support */

.support-con {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-light-grayish-blue);
}

.support-con .support_content h2 {
	margin-bottom: 18px;
}

.support-con .support_content p {
	margin-bottom: 60px;
}

.support-con .support-box {
	padding: 40px 40px 30px;
	border: 1px solid var(--e-global-color-white);
	background-color: var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.support-con .support-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 30px 20px rgb(41 77 240 / 10%);
}

.support-con .support-box .icon {
	margin-bottom: 30px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.support-con .support-box:hover .icon {
	transform: translateY(-5px);
}

.support-con .support-box h4 {
	margin-bottom: 18px;
}

/* Type */

.type-con {
	padding: 55px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/subfooter-backgroundimage.jpg);
}

.type-con .type-box ul,
.type-con .type-box li {
	display: flex;
	align-items: center;
}

.type-con .type-box li {
	padding: 0 50px;
}

.type-con .type-box li:first-child {
	padding-left: 0;
}

.type-con .type-box li:last-child {
	padding-right: 0;
}

.type-con .type-box .number {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	color: var(--e-global-color-white);
}

.type-con .type-box .text {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 16px;
	color: var(--e-global-color-white);
}

/* Domian Page */

/* Domain */

.domainpage-con {
	padding-bottom: 80px;
}

.domainpage-con .upper_row {
	margin-top: -90px;
}

.domainpage-con .domain_content {
	padding: 50px;
	margin-bottom: 30px;
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-bright-blue);
	box-shadow: 0 0 60px 0 rgb(0 123 255 / 10%);
}

.domainpage-con .domain_content form {
	margin-bottom: 40px;
}

.domainpage-con .domain_content .form-group {
	height: 60px;
	width: 768px;
	padding: 10px 52px;
	color: var(--e-global-color-text);
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(0 123 255 / 20%);
	display: flex;
	align-content: center;
	transition: all 0.3s ease-in-out;
}

.domainpage-con .domain_content .form-group:hover {
	border: 1px solid var(--e-global-color-accent);
}

.domainpage-con .domain_content .global {
	position: absolute;
	left: 18px;
	top: 18px;
}

.domainpage-con .domain_content input {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
	background-color: transparent;
	width: 100%;
	border: none;
	border-radius: 0;
	overflow: visible;
	outline: none;
	box-shadow: none;
}

.domainpage-con .domain_content button {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	padding: 20px;
	width: 110px;
	height: 60px;
	margin-left: 9px;
	text-align: center;
	display: inline-block;
	position: relative;
	border-radius: 0;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
	outline: none;
}

.domainpage-con .domain_content button:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-very-dark-blue);
	border: 1px solid var(--e-global-color-very-dark-blue);
}

.domainpage-con .domain_content .transfer {
	margin-left: 6px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-very-dark-blue);
	border: 1px solid var(--e-global-color-very-dark-blue);
}

.domainpage-con .domain_content .transfer:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.domainpage-con .domain_pricing {
	display: flex;
	align-items: center;
}

.domainpage-con .domain_content ul {
	display: flex;
	justify-content: center;
	align-content: center;
	margin-bottom: 0;
	text-align: center;
}

.domainpage-con .domain_content ul li {
	padding: 19px;
	margin: 0 10px;
	width: 177px;
	height: 99px;
	text-align: center;
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(0 123 255 / 20%);
	transition: all 0.3s ease-in-out;
}

.domainpage-con .domain_content ul li:hover {
	border: 1px solid var(--e-global-color-accent);
}

.domainpage-con .domain_content ul li:first-child {
	margin-left: 0;
}

.domainpage-con .domain_content ul li:last-child {
	margin-right: 0;
}

.domainpage-con .domain_content ul li .icon {
	max-height: 24px;
	margin-bottom: 16px;
}

.domainpage-con .domain_content ul li .price {
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	color: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.domainpage-con .domain_content .view_all {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	margin: 0 auto;
	left: 5px;
	position: relative;
	color: var(--e-global-color-accent);
	text-decoration: underline;
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.domainpage-con .domain_content .view_all:hover {
	color: var(--e-global-color-very-dark-blue);
}

.domainpage-con .domain-box h3 span {
	color: var(--e-global-color-accent);
}

/* Popular */

.popular-con {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-very-pale-blue);
}

.popular-con .popular_content h2 {
	margin-bottom: 18px;
}

.popular-con .popular_content p {
	margin-bottom: 60px;
}

.popular-con .popular-box {
	padding: 38px 30px 40px;
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.popular-con .popular-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 30px rgb(41 77 240 / 10%);
}

.popular-con .popular-box .icon {
	min-height: 67px;
	margin-bottom: 10px;
}

.popular-con .popular-box p {
	font-weight: 400;
	margin-bottom: 30px;
}

.popular-con .popular-box .text {
	display: block;
	margin-bottom: 8px;
}

.popular-con .popular-box .value {
	margin-bottom: 36px;
}

.popular-con .popular-box span {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-text);
}

.popular-con .popular-box .number {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	font-family: "Plus Jakarta Sans", sans-serif;
	color: var(--e-global-color-black);
	transition: all 0.8s ease-in-out;
}

.popular-con .popular-box:hover .number {
	color: var(--e-global-color-accent);
}

.popular-con .popular-box .primary_btn {
	font-size: 14px;
	line-height: 14px;
	padding: 15px 16px 17px;
	display: block;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.popular-con .popular-box:hover .primary_btn {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.popular-con .popular-box .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

/* Price */

.price-con {
	padding: 132px 0 140px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/price-backgroundimage.jpg);
}

.price-con .price_content h2 {
	margin-bottom: 18px;
}

.price-con .price_content p {
	margin-bottom: 55px;
}

.price-con .price_table {
	border: 1px solid var(--e-global-color-bright-blue);
	box-shadow: 0 20px 30px 20px rgb(41 77 240 / 10%);
}

.price-con .table-box {
	width: 100%;
}

.price-con .table-box tr:first-child,
.price-con .table-box tr:last-child {
	border-bottom: none;
}

.price-con .table-box tr {
	border-bottom: 1px solid #ececec;
}

.price-con .table-box tr:first-child th {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	padding: 24px 60px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-bright-blue);
	font-family: "Plus Jakarta Sans", sans-serif;
}

.price-con .table-box tr td:first-child {
	font-weight: 700;
	color: var(--e-global-color-black);
}

.price-con .table-box tr td {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	padding: 22px 60px;
	color: var(--e-global-color-very-dark-gray);
	font-family: "Plus Jakarta Sans", sans-serif;
	background-color: var(--e-global-color-white);
}

/* Faq */

.domainpage-faq {
	padding: 132px 0 140px;
	background-color: var(--e-global-color-very-pale-blue);
}

.domainpage-faq .faq_content h2 {
	margin-bottom: 18px;
}

.domainpage-faq .faq_content p {
	margin-bottom: 52px;
}

.domainpage-faq .faq h4 {
	margin-bottom: 0;
	text-transform: none;
	display: inline-block;
}

.domainpage-faq .accordion-card {
	margin-bottom: 20px;
	width: 100%;
	background-color: var(--e-global-color-white);
}

.domainpage-faq .accordion-card:last-child {
	margin-bottom: 0;
}

.domainpage-faq .accordion-card:has(.btn-link) {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 20px 30px rgb(41 77 240 / 10%);
}

.domainpage-faq .accordion-card:has(.collapsed) {
	border: 1px solid transparent;
	box-shadow: none;
}

.domainpage-faq .accordion-card .btn-link h4 {
	color: var(--e-global-color-accent);
}

.domainpage-faq .accordion-card .collapsed h4 {
	color: var(--e-global-color-secondary);
}

.domainpage-faq .accordion-card:has(.show) .btn-link h4 {
	color: var(--e-global-color-accent);
}

.domainpage-faq .accordian-inner .card-header {
	padding: 0;
	margin-bottom: 0;
	background: none;
	border: none;
}

.domainpage-faq .accordian-inner .card-header a {
	padding: 24px 30px;
}

.domainpage-faq .accordian-inner .card-body {
	padding: 0 30px 24px;
}

.domainpage-faq .accordion-card a.btn.btn-link:focus {
	outline: none;
	box-shadow: none;
}

.domainpage-faq .accordian-inner .accordion-card i {
	position: absolute;
	right: 20px;
	margin: -6px 0;
}

.domainpage-faq .accordian-inner .accordion-card .btn {
	text-decoration: none;
	text-align: left;
	display: block;
	color: var(--e-global-color-white);
}

.domainpage-faq .accordion-card a.btn.btn-link {
	position: relative;
}

.domainpage-faq .accordion-card .btn-link:before {
	content: "\3f";
	font-size: 15px;
	top: 30% !important;
	left: 0;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border-radius: 100%;
	text-align: center;
	position: absolute;
	font-family: 'FontAwesome';
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 2px solid var(--e-global-color-accent);
}

.domainpage-faq .accordion-card .collapsed:before {
	color: var(--e-global-color-accent);
	background-color: transparent;
	border: 2px solid var(--e-global-color-accent);
}

.domainpage-faq .accordion-card:has(.show) .btn-link:before {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 2px solid var(--e-global-color-accent);
}

/* Partner */

.vpspage-partner {
	background-color: var(--e-global-color-very-pale-blue);
}

.vpspage-partner .partner-box ul li {
	background: var(--e-global-color-white);
}

/* Reseller Page */

/* Pricing */

.pricing-con {
	padding-bottom: 140px;
}

.pricing-con .upper_row {
	margin-top: -90px;
}

.pricing-con .pricing-box {
	padding: 40px 40px 38px;
	border: 1px solid rgb(0 123 255 / 20%);
	background-color: var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.pricing-con .pricing-box:hover {
	border: 1px solid var(--e-global-color-accent);
	box-shadow: 0 0 60px rgb(0 123 255 / 10%);
}

.pricing-con .pricing-box .icon {
	margin-bottom: 26px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.pricing-con .pricing-box:hover .icon {
	transform: translateY(-5px);
}

.pricing-con .pricing-box h4 {
	margin-bottom: 22px;
	transition: all 0.3s ease-in-out;
}

.pricing-con .pricing-box:hover h4 {
	color: var(--e-global-color-accent);
}

.pricing-con .pricing-box p {
	margin-bottom: 26px;
}

.pricing-con .pricing-box .value {
	margin-bottom: 30px;
}

.pricing-con .pricing-box sup,
.pricing-con .pricing-box span {
	font-weight: 700;
	display: inline-block;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.pricing-con .pricing-box:hover .dollar,
.pricing-con .pricing-box:hover .number,
.pricing-con .pricing-box:hover .month {
	color: var(--e-global-color-accent);
}

.pricing-con .pricing-box .dollar {
	font-size: 20px;
	line-height: 20px;
}

.pricing-con .pricing-box .number {
	font-size: 42px;
	line-height: 42px;
}

.pricing-con .pricing-box .month {
	font-size: 14px;
	line-height: 14px;
}

.pricing-con .pricing-box ul {
	margin-bottom: 32px;
}

.pricing-con .pricing-box ul li {
	position: relative;
	margin-bottom: 12px;
}

.pricing-con .pricing-box ul li:last-child {
	margin-bottom: 0 !important;
}

.pricing-con .pricing-box ul li i {
	font-size: 13px;
	top: 6px;
	left: 0;
	position: absolute;
	color: var(--e-global-color-accent);
}

.pricing-con .pricing-box ul li p {
	padding-left: 32px;
	color: var(--e-global-color-secondary);
}

.pricing-con .pricing-box ul li span {
	font-weight: 700;
}

.pricing-con .pricing-box .primary_btn {
	padding: 16px;
	display: block;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.pricing-con .pricing-box:hover .primary_btn {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.pricing-con .pricing-box .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

/* Feature */

.resellerpage-feature .feature-box {
	padding: 28px 22px 30px;
}

.resellerpage-feature .feature-box .icon {
	min-height: 42px;
	margin-bottom: 28px;
}

.resellerpage-feature .feature-box h4 {
	margin-bottom: 16px;
}

.resellerpage-feature .feature-box:hover h4 {
	color: var(--e-global-color-secondary);
}

/* Script */

.script-con {
	padding: 135px 0 140px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/contactform-backgroundimage.jpg);
}

.script-con .script_content h2 {
	margin-bottom: 18px;
}

.script-con .script_content p {
	margin-bottom: 53px;
}

.script-con .script-box {
	padding: 30px 20px;
	min-width: 160px;
	margin: 0 12px;
	text-align: center;
	display: inline-block;
	background-color: var(--e-global-color-white);
	border: 1px solid var(--e-global-color-white);
}

.script-con .script-box:first-child {
	margin-left: 0;
}

.script-con .script-box:last-child {
	margin-right: 0;
}

.script-con .script-box .icon {
	margin-bottom: 12px;
	transition: all 0.8s ease-in-out;
}

.script-con .script-box:hover .icon {
	transform: translateY(-5px);
}

/* Server */

.server-con {
	padding: 105px 0 116px;
}

.server-con .server_content h4 {
	margin-bottom: 18px;
	color: var(--e-global-color-accent);
}

.server-con .server_content h2 {
	margin-bottom: 28px;
}

.server-con .server_content p {
	line-height: 28px;
	margin-bottom: 34px;
	padding-right: 35px;
}

.server-con .server_content .primary_btn {
	padding: 15px 31px 17px;
	margin-right: 10px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.server-con .server_content .primary_btn:hover {
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.server-con .server_content .learn_more {
	margin: 0 !important;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.server-con .server_content .learn_more:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.server-con .server_wrapper .server-image {
	position: relative;
	right: -10px;
	top: 10px;
}

/* Dedicated Page */

/* Pricing */

.dedicatedpage-pricing {
	padding-bottom: 140px;
}

.dedicatedpage-pricing .upper_row {
	margin-top: -90px;
}

.dedicatedpage-pricing .pricing-box {
	padding: 40px 62px 46px;
	background-color: var(--e-global-color-white);
	border: 1px solid rgb(26 116 250 / 100%);
	box-shadow: 0 0 60px rgb(0 123 255 / 10%);
}

.dedicatedpage-pricing .pricing_content {
	padding: 38px 0 48px;
	border-bottom: 1px solid #e6e9ee;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dedicatedpage-pricing .pricing_content:first-child {
	padding-top: 0 !important;
}

.dedicatedpage-pricing .pricing_content:last-child {
	padding-bottom: 0 !important;
	border: none !important;
}

.dedicatedpage-pricing .pricing_content h3 {
	font-size: 22px;
	padding-right: 68px;
	border-right: 1px solid #e6e9ee;
	transition: all 0.3s ease-in-out;
}

.dedicatedpage-pricing .pricing_content h3 span {
	font-size: 18px;
	display: block;
}

.dedicatedpage-pricing .pricing_content:hover h3 {
	color: var(--e-global-color-accent);
}

.dedicatedpage-pricing .pricing_content ul li {
	position: relative;
	margin-bottom: 8px;
}

.dedicatedpage-pricing .pricing_content ul li:last-child {
	margin-bottom: 0 !important;
}

.dedicatedpage-pricing .pricing_content ul li i {
	font-size: 15px;
	top: 6px;
	left: 0;
	position: absolute;
	color: var(--e-global-color-accent);
}

.dedicatedpage-pricing .pricing_content ul li p {
	padding-left: 24px;
	color: var(--e-global-color-text);
	transition: all 0.3s ease-in-out;
}

.dedicatedpage-pricing .pricing_content:hover ul li p {
	color: var(--e-global-color-secondary);
}

.dedicatedpage-pricing .pricing_content .price {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
	position: relative;
}

.dedicatedpage-pricing .pricing_content:hover .price,
.dedicatedpage-pricing .pricing_content:hover .month {
	color: var(--e-global-color-accent);
}

.dedicatedpage-pricing .pricing_content .price .dollar {
	font-size: 20px;
	line-height: 20px;
	position: relative;
	top: -12px;
	left: -5px;
}

.dedicatedpage-pricing .pricing_content .price .decimal {
	position: absolute;
	top: 6px;
	right: -37px;
	font-size: 20px;
	line-height: 20px;
}

.dedicatedpage-pricing .pricing_content .month {
	font-size: 16px;
	line-height: 16px;
	font-weight: 200;
	font-weight: 700;
	color: var(--e-global-color-secondary);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.3s ease-in-out;
}

.dedicatedpage-pricing .pricing_content .primary_btn {
	padding: 14px 37px 18px;
	display: block;
	color: var(--e-global-color-secondary);
	background-color: transparent;
	border: 1px solid var(--e-global-color-secondary);
}

.dedicatedpage-pricing .pricing_content:hover .primary_btn {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

.dedicatedpage-pricing .pricing_content .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

/* Benefit */

.benefit-con {
	padding: 140px 0;
	background-color: var(--e-global-color-very-pale-blue);
}

.benefit-con .benefit_content {
	padding-right: 90px;
}

.benefit-con .benefit_content h2 {
	margin-bottom: 28px;
	padding-right: 30px;
}

.benefit-con .benefit_content p {
	line-height: 28px;
	margin-bottom: 34px;
}

.benefit-con .benefit_content .primary_btn {
	padding: 21px 54px;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
}

.benefit-con .benefit_content .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
}

.benefit-con .benefit_wrapper {
	padding: 42px 84px 42px 88px;
	background-color: var(--e-global-color-white);
	border-left: 5px solid var(--e-global-color-accent);
}

.benefit-con .benefit_wrapper h3 {
	margin-bottom: 30px;
	color: var(--e-global-color-accent);
}

.benefit-con .benefit_wrapper ul li {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e6e9ee;
}

.benefit-con .benefit_wrapper ul li:last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

.benefit-con .benefit_wrapper ul li i {
	font-size: 14px;
	top: 4px;
	left: 2px;
	position: absolute;
	color: var(--e-global-color-accent);
}

.benefit-con .benefit_wrapper ul li p {
	padding-left: 30px;
	color: var(--e-global-color-secondary);
}

.benefit-con .benefit_wrapper ul li span {
	font-weight: 400;
	font-family: "Plus Jakarta Sans", sans-serif;
}

/* Feature */

.dedicatedpage-feature {
	padding: 135px 0 110px;
}

.dedicatedpage-feature .feature_content h2 {
	margin-bottom: 18px;
}

.dedicatedpage-feature .feature_content p {
	margin-bottom: 55px;
}

.dedicatedpage-feature .feature-box {
	margin-bottom: 45px;
	padding: 50px 48px;
	border: 1px solid rgb(0 123 255 / 20%);
	background-color: var(--e-global-color-white);
	transition: all 0.8s ease-in-out;
}

.dedicatedpage-feature .feature-box:hover {
	border: 1px solid var(--e-global-color-bright-blue);
	box-shadow: 0 20px 30px rgb(41 77 240 / 10%);
}

.dedicatedpage-feature .feature-box .icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 38px;
	text-align: center;
	border-radius: 100%;
	display: inline-block;
	background-color: var(--e-global-color-secondary);
	transition: all 0.3s ease-in-out;
}

.dedicatedpage-feature .feature-box:hover .icon {
	transform: translateY(-5px);
	background-color: var(--e-global-color-accent);
}

.dedicatedpage-feature .feature-box h3 {
	margin-bottom: 20px;
	transition: all 0.8s ease-in-out;
}

.dedicatedpage-feature .feature-box:hover h3 {
	color: var(--e-global-color-accent);
}

.dedicatedpage-feature .feature-box p {
	line-height: 26px;
	margin-bottom: 20px;
}

.dedicatedpage-feature .feature-box .learn_more {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	color: var(--e-global-color-very-dark-gray);
	text-decoration: underline;
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.8s ease-in-out;
}

.dedicatedpage-feature .feature-box:hover .learn_more {
	color: var(--e-global-color-secondary);
}

.dedicatedpage-feature .feature-box .learn_more:hover {
	color: var(--e-global-color-secondary) !important;
}

/* Faq */

.dedicatedpage-faq {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/contactform-backgroundimage.jpg);
}

/* Project PopUp Style */

.project_modal .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	overflow: hidden;
	outline: 0;
}

.project_modal .fade {
	opacity: 0;
	transition: opacity .15s linear;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.project_modal .fade.show {
	opacity: 1;
	background-color: transparent;
}

[tabindex="-1"]:focus {
	outline: 0 !important;
}

.project_modal .modal.fade .modal-dialog {
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	transform: translate(0, -25%);
}

.project_modal .modal-dialog {
	max-width: 48%;
	margin: 1.75rem auto;
	position: relative;
	width: auto;
	pointer-events: none;
}

.project_modal .modal.show .modal-dialog {
	transform: translate(0, 0);
}

.project_modal .modal.fade .modal-dialog {
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.project_modal .modal-content {
	position: relative;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-clip: padding-box;
	outline: 0;
	background-color: var(--e-global-color-white);
	box-shadow: 1px 21px 46px rgb(0 0 100 / 25%);
	border-radius: 0;
	border: none;
}

.project_modal .modal-header {
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 16px;
	border-bottom: none;
}

.project_modal .btn-close:not(:disabled):not(.disabled) {
	cursor: pointer;
	opacity: 1 !important;
}

.project_modal .modal-header .btn-close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto;
}

.project_modal .modal-header button {
	background: var(--e-global-color-accent);
	opacity: 1;
	position: absolute;
	right: 7px;
	top: 0;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	justify-content: center;
	outline: none;
}

.project_modal .btn-close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}

.project_modal button.btn-close {
	border: 0;
	-webkit-appearance: none;
}

.project_modal button {
	text-transform: none;
	overflow: visible;
}

.project_modal .modal-header button i {
	color: var(--e-global-color-white);
	font-size: 18px;
	line-height: 18px;
	padding: 5px 5px;
	outline: none;
}

.project_modal .fa-x:before {
	content: "\58";
}

.project_modal .blog-model-con .modal-body {
	overflow-y: auto;
	padding-top: 0;
}

.project_modal .modal-body {
	position: relative;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	padding: 1rem;
	padding-left: 30px;
	padding-right: 30px;
}

.project_modal .modal-body .blog-box-item {
	display: flex;
	align-items: center;
	border-radius: 0;
}

.project_modal .blog-box-item {
	background: var(--white-color);
	overflow: hidden;
}

.project_modal .modal-body .blog-img {
	float: left;
	width: 100%;
}

.project_modal .modal-body .blog-img figure {
	position: relative;
}

.project_modal .img-fluid {
	width: 100%;
	border-radius: 10px;
}

.project_modal .modal-content .project_content {
	padding: 40px 0 40px 20px;
}

.project_modal .modal-content .project_content h4 {
	font-size: 22px;
	margin-bottom: 12px;
	color: var(--e-global-color-secondary);
}

.project_modal .modal-content .project_content .text {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	display: block;
	margin-bottom: 20px;
	color: var(--e-global-color-text);
}

.project_modal .modal-content .project_content .properties {
	margin-bottom: 20px;
}

.project_modal .modal-content .project_content .properties ul {
	padding-left: 25px;
}

.project_modal .modal-content .project_content .properties li {
	margin-bottom: 8px;
	position: relative;
	color: var(--e-global-color-text);
}

.project_modal .modal-content .project_content .properties li:last-child {
	margin-bottom: 0;
}

.project_modal .modal-content .project_content .properties ul li .circle {
	font-size: 9px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	top: 4px;
	left: -25px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
}

.project_modal .modal-content .project_content .primary_btn {
	padding: 16px 30px;
}

.project_modal .modal-content .project_content .primary_btn:hover {
	color: var(--e-global-color-white);
	background-color: var(--e-global-color-secondary);
}

/* Policy Pages */

.privacy-policy-con {
	padding: 120px 0;
}

.privacy-policy-con h4 {
	font-size: 24px;
	line-height: 24px;
}

/* 404 Page */

.error_page {
	height: 100vh;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	position: relative;
	background-color: var(--e-global-color-light-grayish-blue);
}

.error_page .error_content h1 {
	font-size: 140px;
	line-height: 140px;
	margin-bottom: 40px;
	color: var(--e-global-color-secondary);
}

.error_page .error_content .text {
	font-size: 36px;
	line-height: 40px;
	font-weight: 500;
	margin-bottom: 20px;
	color: var(--e-global-color-secondary);
}

.error_page .error_content .text2 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 30px;
	color: var(--e-global-color-text);
}

.error_page .error_content .back_home {
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	padding: 21px 30px;
	text-align: center;
	border-radius: 0;
	display: inline-block;
	position: relative;
	color: var(--e-global-color-white);
	background: var(--e-global-color-accent);
	font-family: "Plus Jakarta Sans", sans-serif;
	transition: all 0.8s ease-in-out;
}

.error_page .error_content .back_home:hover {
	color: var(--e-global-color-white);
	background: var(--e-global-color-secondary);
}

.error_page .error_content .back_home i {
	font-size: 12px;
	line-height: 18px;
	margin-right: 10px;
	transition: all 0.8s ease-in-out;
	color: var(--e-global-color-white);
}

/* Coming Soon */

.comingsoon_outer {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-height: 100vh;
	text-align: center;
	position: relative;
	background-color: var(--e-global-color-light-grayish-blue);
}

.comingsoon_outer .logo_outer {
	margin-bottom: 50px;
}

.comingsoon_outer .logo_outer img {
	width: 167px;
}

.comingsoon_outer .comingsoon_section {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
}

.comingsoon_outer .sub_banner_content h1 {
	font-size: 90px;
	line-height: 92px;
	margin-bottom: 30px;
	color: var(--e-global-color-secondary);
}

.comingsoon_outer .sub_banner_content p {
	font-weight: 500;
	margin-bottom: 12px;
	color: var(--e-global-color-text);
}

.comingsoon_outer .sub_banner_content form {
	display: flex;
	align-items: center;
	justify-content: center;
}

.comingsoon_outer .sub_banner_content .form-group {
	margin-bottom: 30px;
}

.comingsoon_outer .sub_banner_content input {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	padding: 14px 16px;
	width: 540px;
	position: relative;
	color: var(--e-global-color-text);
	background-color: var(--e-global-color-white);
	box-shadow: 0 1px 94px 1px rgb(0 0 0 / 3%);
	border: 1px solid transparent;
	border-radius: 25px;
	overflow: visible;
	outline: none;
}

.comingsoon_outer .sub_banner_content button {
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	padding: 14px 30px;
	height: 100%;
	top: 0;
	right: -5px;
	border-radius: 0 25px 25px 0;
	position: absolute;
	color: var(--e-global-color-white);
	background: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
	overflow: visible;
	outline: none;
	transition: all 0.8s ease-in-out;
}

.comingsoon_outer .sub_banner_content input:focus {
	border: 1px solid var(--e-global-color-accent);
}

.comingsoon_outer .sub_banner_content button:hover {
	color: var(--e-global-color-white);
	background: var(--e-global-color-secondary);
	border: 1px solid var(--e-global-color-secondary);
}

.comingsoon_outer .sub_banner_content .social-icon li {
	display: inline-block;
	margin: 0 4px;
}

.comingsoon_outer .sub_banner_content .social-icon li:first-child {
	margin-left: 0;
}

.comingsoon_outer .sub_banner_content .social-icon li:last-child {
	margin-right: 0;
}

.comingsoon_outer .sub_banner_content .social-icon a {
	transition: all 0.8s ease-in-out;
}

.comingsoon_outer .sub_banner_content .social-icon i {
	font-size: 16px;
	height: 38px;
	width: 38px;
	line-height: 36px;
	border-radius: 100px;
	text-align: center;
	color: var(--e-global-color-accent);
	background-color: transparent;
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.8s ease-in-out;
}

.comingsoon_outer .sub_banner_content .social-icon a:hover i {
	color: var(--e-global-color-white);
	background: var(--e-global-color-accent);
	border: 1px solid var(--e-global-color-accent);
}

/* SEARCH FORM */

#search {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	opacity: 0;
	display: none;
}

#search.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
	z-index: 106;
	display: block;
}

#search input[type="search"] {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -51px;
	width: 60%;
	margin-left: 20%;
	color: rgb(255, 255, 255);
	background-color: transparent;
	border-top: none;
	border-bottom: 2px solid rgba(255, 255, 255, .5);
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	outline: none;
	padding: 10px;
}

#search input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	height: 20px;
	width: 20px;
	content: "\f00d";
	background-image: url('../images/close.html');
}

#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	opacity: 1;
	font-size: 27px;
	color: #fff;
}

#search .close:hover {
	color: var(--e-global-color-accent);
	cursor: pointer;
	text-shadow: none;
}

/* Back to top button */

#button {
	display: inline-block;
	background-color: var(--e-global-color-accent);
	width: 42px;
	height: 42px;
	text-align: center;
	border-radius: 42px;
	position: fixed;
	bottom: 60px;
	right: 80px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	/* -webkit-animation: spineer 2s infinite; */
	/* animation: spineer 2s infinite; */
	text-decoration: none;
	cursor: pointer;
	transition: all 0.8s ease-in-out;
}

#button::after {
	content: "\f062";
	font-family: "Font Awesome 5 free";
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 600;
}

#button.show {
	opacity: 1;
	visibility: visible;
}

#button:hover {
	transform: translateY(-5px);
}

@-webkit-keyframes spineer {
	from {
		box-shadow: 0 0 0 0 rgb(0 0 0 / 40%)
	}

	to {
		box-shadow: 0 0 0 35px rgba(250, 87, 51, .01)
	}
}

@keyframes spineer {
	from {
		box-shadow: 0 0 0 0 rgb(0 0 0 / 40%)
	}

	to {
		box-shadow: 0 0 0 35px rgba(250, 87, 51, .01)
	}
}

/* Preloader -------------------------------------------------------*/

/* Loader Styles start here */
.loader-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99999;
}

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	font-size: 0;
	color: var(--e-global-color-accent);
	display: inline-block;
	margin: -25px 0 0 -25px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.lead {
	font-size: 13px;
}

.loader div {
	background-color: var(--e-global-color-accent);
	display: inline-block;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	opacity: .5;
	border-radius: 50%;
	-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
	animation: ballPulseDouble 2s ease-in-out infinite;
}

.loader div:last-child {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes ballPulseDouble {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* Preloader -------------------------------------------------------*/


/* Login Form Page Style  */

.login-form {
	min-height: 100vh;
	background-color: var(--e-global-color-light-grayish-blue);
}

.login-form .login-form-title {
	margin-bottom: 40px;
}

.login-form .login-page-logo {
	margin-bottom: 25px;
}

.login-form .login-form-box {
	width: 450px;
	margin: 0 auto;
	position: relative;
}

.login-form .login-card {
	padding: 30px;
	margin-bottom: 30px;
	line-height: 0.8;
	background: var(--e-global-color-white);
}

.login-form .login-card label {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 13px;
}

.login-form .login-card .input-field {
	font-size: 16px;
	font-weight: 500;
	height: 61px;
	width: 100%;
	line-height: 58px;
	padding: 0 21px;
	border-radius: 0;
	background: transparent;
	color: var(--e-global-color-text);
	border: 1px solid rgb(24 26 23 / 10%);
}

.login-form .login-card .input-field:focus {
	outline: none;
	box-shadow: none;
	border: 1px solid var(--e-global-color-accent);
}

.login-form .login-card .form-group {
	margin-bottom: 16px;
}

.login-form .login-card .btn-primary {
	font-size: 18px;
	line-height: 18px;
	font-weight: 500;
	padding: 20px 15px;
	margin-bottom: 16px;
	width: 100%;
	border: none;
	border-radius: 0;
	text-decoration: none;
	display: inline-block;
	color: var(--e-global-color-white);
	background: var(--e-global-color-accent);
}

.login-form .login-card .btn-primary:hover {
	color: var(--e-global-color-white);
	background: var(--e-global-color-secondary);
}

.login-form .login-card .forgot-password {
	color: var(--e-global-color-secondary);
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
}

.login-form .login-card .forgot-password:hover {
	text-decoration: underline;
}

.login-form .login-form-box .join-now-outer a {
	font-size: 18px;
	line-height: 18px;
	color: var(--e-global-color-secondary);
	text-decoration: none;
}

.login-form .login-form-box .join-now-outer a:hover {
	text-decoration: underline;
}

.login-form .login-card .select-option option {
	font-size: 16px;
	color: black;
}

.login-form .form_style::placeholder {
	color: var(--createform-border-color);
	opacity: 1;
}

.login-form .form_style:-ms-input-placeholder {
	color: var(--createform-border-color);
}

.login-form .form_style::-ms-input-placeholder {
	color: var(-);
}

/* Join-Now Form Page Style */

.sign-up-form {
	padding: 70px 0;
}

.sign-up-form .login-form-box {
	width: 700px;
}

.sign-up-form .login-card label small {
	font-size: 14px;
}

.sign-up-form .login-card .select-option {
	padding: 0 40px 0 21px;
	-webkit-appearance: none;
	background-repeat: no-repeat !important;
	background-position: 96.5% 26px !important;
	background-image: url('../images/dropdown-arrow.png') !important;
}

.sign-up-form .login-card .select-option:focus {
	outline: none;
	box-shadow: none;
}

/* Megamenu Styles */
.megamenu {
	position: absolute;
	margin: 0;
	padding-top: 39px;
	background: transparent;
	border: 0;
	max-width: 800px;
	padding-bottom: 0;
	border-radius: 8px;
	left: 50%;
	transform: translateX(-50%);
	min-width: fit-content;
}

.megamenu-container {
	background: white;
	border-radius: 8px;
	border-top: 2px solid #1a74fa;
	padding: 16px;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.megamenu-seperator {
	width: 1px;
	background: #e0e0e0;
}

.megamenu-link {
	min-width: max-content;
	padding: 8px;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.dropdown-menu.megamenu {
	background: transparent !important;
	left: 50% !important;
}

.megamenu-link:hover {
	background-color: #0e408b !important;
	text-decoration: none !important;
}

.megamenu-link:hover .megamenu-link-icon {
	background: rgba(255, 255, 255, 0.35) !important;
}

.megamenu-link:hover .megamenu-link-icon i {
	color: white !important;
}

.megamenu-link:hover .megamenu-link-content h6,
.megamenu-link:hover .megamenu-link-content p {
	color: white !important;
}

.megamenu-link-inner {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
}

.megamenu-link-icon {
	width: 64px;
	height: 64px;
	background: rgba(26, 116, 250, 0.1);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.megamenu-link-icon i {
	color: #1a74fa;
	font-size: 28px;
}

.megamenu-link-content {
	display: flex;
	flex-direction: column;
	padding-right: 16px;
}

.megamenu-link-content h6 {
	color: #001b3b;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1.4;
}

.megamenu-link-content p {
	font-size: 12px;
	color: #5c6067;
	opacity: 0.9;
	margin-bottom: 0;
	line-height: 1.4;
}

/* Responsive Megamenu */
@media (max-width: 991px) {
	.header-main-con .navbar-expand-lg .navbar-nav .megamenu {
		position: static;
		width: 100%;
		transform: none;
		padding-top: 0;
		left: auto;
	}
}