@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');

body {
	background: #1E1E1E;
}

h1,
h2,
h3,
h4,
h5,
th,
td {
	font-family: 'Josefin Sans', sans-serif;
	margin: 0;
}

p {
	margin: 0;
}

span {
	display: inline-block;
}

p,
a,
span,
small {
	font-family: 'Inter', sans-serif;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	display: inline-block;
	transition: 0.3s all ease-in-out;
}

button {
	border: none;
	background: transparent;
}

button:focus {
	outline: none;
	box-shadow: none !important;
}

input:focus {
	outline: none;
	border: none;
}

::selection {
	background: #3F8C32;
	color: #FFFFFF;
}

::-webkit-selection {
    background: #3F8C32;
	color: #FFFFFF;
}

::-moz-selection {
    background: #3F8C32;
	color: #FFFFFF;
}

.container-fluid {
	max-width: 1265px;
	padding: 0 15px;
}

.container {
	max-width: 1220px;
	padding: 0 15px;
}

/*
#####################
Home-Page
#####################
*/

/*
//////////////
header-area
//////////////
*/

.header-area {
	background: #181A1F;
	border: 1.5px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0px 4px 25px 2px rgba(0, 0, 0, 0.25);
	padding: 8px 0;
}

.hdr_list li a {
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF !important;
	margin: 0 16px;
	position: relative;
}

.hdr_list li a::before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background: #3F8C32;
	left: 0;
	bottom: 0;
	right: 0;
	transition: 0.3s all ease-in-out;
	margin: 0 auto;
}

.hdr_list li a:hover::before {
	width: 85%;
}

.hdr_inr_list li a {
	color: #000 !important;
	margin: 0;
}

.hdr_inr_list li a:hover {
	background-color: #55A5E4;
	color: #fff !important;
}

.hdr_inr_list li a::before {
	content: "";
	background: transparent;
}

.dropdown-toggle::after {
  	margin-left: .655em;
  	border-top: .4em solid;
  	border-right: .4em solid transparent;
  	border-left: .4em solid transparent;
}


/*
//////////////
compute-area
//////////////
*/

.compute-area {
	background: url(images/compute_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	padding: 43px 0 170px;
	position: relative;
	z-index: 0;
}

.compute_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.compute_content h2 {
	font-weight: 300;
	font-size: 46px;
	line-height: 64px;
	color: #FFFFFF;
}

.double_link {
	padding: 58px 0 0;
}

.double_link a {
	font-size: 16px;
	line-height: 19px;
}

.double_link a:first-child {
	font-weight: 600;
	color: #003844;
	padding: 19px 23px;
	background: #FFFFFF;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
	border-radius: 125px;
	margin: 0 20px 0 0;
	border: 1px solid transparent;
}

.double_link a:first-child:hover {
	background: transparent;
	border: 1px solid #fff;
}

.double_link a:nth-child(2) {
	font-weight: 300;
	color: #FFFFFF;
	padding: 19px 29px;
	background: #23262D;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
	border-radius: 125px;
	position: relative;
}

.double_link a:nth-child(2):hover {
	background: #3F8C32;
}

.compute_image img {
	width: 100%;
}



/*
//////////////
why_us-area
//////////////
*/

.why_us-area {
	position: relative;
}

.why_us-area > img {
	position: absolute;
	left: 0;
	top: -101px;
	z-index: -1;
}

.head_h2 {
	font-weight: 300;
	font-size: 46px;
	line-height: 64px;
	margin: 0 0 60px;
	color: #FFFFFF;
}

.pdng-1 {
	padding-top: calc(var(--bs-gutter-x) * 1);
}

.details_box {
	background: rgba(38, 41, 48, 0.8);
	border: 1.5px solid rgba(255, 255, 255, 0.2);
	padding: 20px;
	height: 100%;
}

.details_box h3 {
	font-weight: 300;
	font-size: 20px;
	line-height: 34px;
	color: #FFFFFF;
	margin: 14px 0 4px;
}

.details_box p {
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.7;
}



/*
///////////////
reliable-area
///////////////
*/

.reliable-area {
	padding: 85px 0 115px;
	position: relative;
}

.reliable-area > img {
	position: absolute;
	right: 0;
	top: -70px;
	z-index: -1;
}

.serve_text p {
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	margin: 30px 0 70px;
}

.reliable_box {
	background: rgba(38, 41, 48, 0.8);
	border: 1.5px solid rgba(255, 255, 255, 0.2);
	padding: 27px 20px 27px 24px;
	height: 100%;
}

.reliable_box h2 {
	font-weight: 500;
	font-size: 22px;
	line-height: 34px;
	color: #FFFFFF;
	margin: 30px 0 16px;
}

.reliable_box p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}

.reliable_box p span {
	font-size: 26px;
	line-height: 28px;
	font-style: italic;
	color: #E27809;
	font-weight: 600;
}

.reliable_box ul li span {
	font-weight: 400;
	font-size: 16px;
	line-height: 38px;
	color: #FFFFFF;
	margin: 0 0 0 7px;
}


/*
////////////////
poly_logo-area
////////////////
*/

.poly_logo-area {
	padding: 0 0 155px;
	position: relative;
}

.poly_logo-area > img {
	position: absolute;
	top: -366px;
	left: 0;
	z-index: -1;
}

.poly_logo-area ul {
	display: flex;
}

.poly_logo-area ul li {
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


/*
////////////
about-area
////////////
*/

.about-area {
	position: relative;
}

.abt_cnt {
	position: absolute;
	top: -87px;
	right: 0;
	z-index: -1;
}

.about_im img {
	width: 100%;
	padding: 0 40px 0 0;
}

.about_content {
	position: relative;
}

.about_content h2 {
	font-weight: 300;
	font-size: 46px;
	line-height: 64px;
	color: #FFFFFF;
}

.about_content p {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	margin: 10px 0 33px;
}

.about_content ul li a img {
	margin: 0 23px 0 0;
}



/*
//////////////
footer-area
//////////////
*/

.footer-area {
	background: url(images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	padding: 150px 0 40px;
	position: relative;
}

.footer-area > img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.footer-area p,
.footer-area a {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
}

.ftr_content p {
	margin: 32px 0 0;
}

.ftr_links {
	padding: 40px 0 0 40px;
}

.ftr_links h2 {
	font-weight: 500;
	font-size: 22px;
	line-height: 34px;
	color: #FFFFFF;
	margin: 0px 0 35px;
}

#ticket_a {
	font-weight: 300;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	padding: 13px;
	background: #23262D;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
	margin: 28px 0 35px;
	position: relative;
}

#ticket_a:before {
	border-radius: 0;
}

.a1 {
	/*! border: 10px solid; */
  	/*! border-image-slice: 1; */
  	/*! border-width: 2px; */
}

.a2:before {
	content: "";
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	background-image: linear-gradient(to left, #D76C0E, #034B74);
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: -1;
	border-radius: 125px;
}

.ftr_icons li a {
	margin: 0 19px 0 0;
}

.main_links li a {
	line-height: 42px;
}

.image_link {
	margin: 15px 0 0;
}

.image_link li a {
	margin: 0 8px 0 0;
}



/*
#####################
Contact-Page
#####################
*/


/*
///////////////
support-area
///////////////
*/

.support-area {
	position: relative;
}

.spt_shape {
	position: absolute;
	left: 0;
	top: -90px;
	z-index: -1;
}

.overlay1 {
	position: absolute;
	top: -155px;
	right: 0;
	z-index: -1;
}

.overlay2 {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: -1;
}

.simple_flx {
	padding: 0 0 73px;
}

.support_im img {
	width: 100%;
}

.arow_image {
	margin: 0 40px 0 0;
}

.enjoy_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.enjoy_content h2 {
	font-weight: 300;
	font-size: 46px;
	line-height: 53px;
	color: #FFFFFF;
	margin: 0 0 0px;
}

.enjoy_content p {
	font-weight: 300;
	font-size: 18px;
	line-height: 56px;
	color: #FFFFFF;
	opacity: 0.8;
}

.support_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.support_content h2 {
	font-weight: 300;
	font-size: 46px;
	line-height: 64px;
	color: #FFFFFF;
}

.support_content p {
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	opacity: 0.8;
	margin: 24px 0;
}

.support_content p a {
	color: #FFFFFF;
}

.support_content p a span {
	border-bottom: 1px solid #fff;
	line-height: 1.1;
}

.app_link a {
	padding: 14px;
	border-radius: 125px;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	width: 138px;
	text-align: center;
	margin: 0 12px 0 0;
	height: 50px;
}

.app_link a img {
	margin: 0 8px 0 0;
}

.app_link a:nth-child(1) {
	background: #5865F2;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
}

.app_link a:nth-child(2) {
	background: linear-gradient(99.45deg, #09B5E7 11.99%, #0085C7 85.71%);
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
}

.app_link a:nth-child(3) {
	background: #D53A2D;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
}

.app_link a:nth-child(4) {
	background: #E1AC26;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
}


/*
################
Baremetal-Page
################
*/


/*
/////////////////
baremetal-area
/////////////////
*/

.baremetal-area {
	position: relative;
}

.baremetal_shape {
	position: absolute;
	left: 0;
	top: -460px;
	z-index: -1;
	width: 100%;
}

.baremetal_im img {
	width: 100%;
}

.baremetal_content ul li span {
	font-weight: 200;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin: 0 0 0 12px;
}

.overlay3 {
	bottom: -314px;
}


/*
////////////////
advantage-area
////////////////
*/

.advantage-area {
	padding: 155px 0 0;
	position: relative;
}

.advantage_shape {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	left: initial !important;
	z-index: -1;
}

.advantage_shape1 {
	position: absolute;
	bottom: -297px !important;
	left: 0 !important;
	z-index: -1;
	top: initial !important;
}


/*
//////////////
pricing-area
//////////////
*/

.pricing-area {
	padding: 180px 0 0;
	position: relative;
}

.picture_im {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
}

.overlay11 {
	position: absolute;
	right: 0;
	top: 156px;
	z-index: -1;
}

.table-area {
  	border-radius: 24px;
  	margin: 0 auto;
	  position: relative;
	  z-index: 0;
  	background: rgba(38, 41, 48, 0.9);
}

.tablewrap-area {
  position: relative;
}

.tablewrap-area::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-image: linear-gradient(to left, #D76C0E, #034B74);
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 24px;
}

.table-area table {
	width: 1240px;
	/*! background: rgba(38, 41, 48, 0.7); */
}

.table-area tr {
	border-bottom: 1px solid #FFFFFF;
}

.table-area table tr th {
	font-weight: 500;
	font-size: 20px;
	/*! line-height: 64px; */
	color: #FFFFFF;
	padding: 12px 20px 16px;
}

.table-area table tr td {
	font-weight: 300;
	font-size: 18px;
	color: #FFFFFF;
	padding: 0px 20px;
	height: 95px;
}

.table-area table tr td span {
	font-weight: 500;
	font-style: italic;
	font-family: 'Josefin Sans', sans-serif;
}

.table-area table tr th,
.table-area table tr td {
	border-right: 1px solid #4F5157;
}

.table-area table tr td a {
	font-weight: 300;
	font-size: 10px;
	line-height: 12px;
	padding: 9px 24px;
	background: #23262D;
	box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	position: relative;
}

.table-area table tr td a:before {
	border-radius: 0;
}

/*
##################
Web-Hosting-Page
##################
*/

.over_im {
	top: -246px;
}


/*
##################
Resell-Page
##################
*/

.resell-area {
	position: relative;
}

.resell_box {
	padding: 63px 73px;
	background: rgba(38, 41, 48, 0.9);
	border-radius: 19px;
	border: 2px solid transparent;
	/*! border-image-source: linear-gradient(to top, #D96C0E, #024C75); */
	border-image-slice: 1;
}

.resell_box h2 {
	font-weight: 300;
	font-size: 46px;
	line-height: 64px;
	color: #FFFFFF;
}

.resell_box small {
	font-weight: 300;
	font-size: 18px;
	/*! line-height: 32px; */
	opacity: 0.8;
	margin: 10px 0 43px;
	color: #FFFFFF;
	display: inline-block;
}

.resell_box p {
	font-weight: 300;
	font-size: 20px;
	line-height: 32px;
	color: #FFFFFF;
	opacity: 0.8;
}

.resell_box ul li {
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	opacity: 0.8;
}


/*Scroll Top Button*/

#button {
  	display: inline-block;
  	background-color: #FF9800;
  	width: 43px;
  	height: 43px;
  	text-align: center;
  	border-radius: 25px 25px 4px 4px;
  	position: fixed;
  	bottom: 15px;
  	right: 18px;
  	transition: background-color .3s, 
    opacity .5s, visibility .5s;
  	opacity: 0;
  	visibility: hidden;
  	z-index: 1000;
}

#button::after {
  	content: "\f077";
  	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
  	font-size: 22px;
  	line-height: 50px;
  	color: #fff;
}

#button:hover {
  	cursor: pointer;
  	background-color: #04151F;
}

#button:active {
  	background-color: #555;
}

#button.show {
  	opacity: 1;
  	visibility: visible;
}