@charset "utf-8";
/* Copyright 2021-2022 The hyperslice */
/* CSS Document Code by Gaurav */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {background: #fff; padding: 0; margin: 0; color: #000; font-family: 'Montserrat', sans-serif; line-height: 30px; overflow-x: hidden;}
img {width: 100%; height: auto;}
/*------- Hyperslice Group --------*/ 
header {width: 100%; float: left; background: #fff; padding: 60px 0 160px 0; font-size: 20px; color: #6a757e; line-height: 35px; font-weight: 500;}
header .container  {padding: 0 5%; text-align: center;}
header img {width: 50%; height: auto; }
header p {margin: 0 0 45px 0;}
header a {font-size: 18px; font-weight: 500; line-height: 26px; padding: 18px 28px; background: linear-gradient(90deg,#03b7cd,#1be3e4); color: #fff; text-transform: uppercase; text-decoration: none; }
header a:hover {color: #fff; }

/*------- eukhost --------*/
#eukhostSection {width: 100%; float: left; position: relative; background: #f0f9fd; padding: 140px 0 110px 0; font-size: 20px; color: #6a757e; line-height: 35px; font-weight: 500; border-top: 1px solid #128bbc; text-align: center;}
#eukhostSection h1 {font-size: 46px; text-align: left; font-weight: 700; color: #274864; margin: 0 0 15px 0;}
#eukhostSection p {text-align: left;}
#eukhostSection a {font-size: 18px; float: left; font-weight: 500; line-height: 26px; padding: 18px 28px; background: linear-gradient(90deg,#0047ba,#1d60ce); color: #fff; text-transform: uppercase; text-decoration: none; }
#eukhostSection a:hover {color: #fff; }
.eukhostLeft {width: 88%; height: auto; margin: 15px 0 0 0;}
.trustpilot {width: 70%; height: auto; margin: 15px 30% 35px 0 !important;}
.eukHead {position: absolute; top: -7%; left: 0; right: 0; margin: 0 auto;}
.eukHead h6 {font-size: 40px; background: #128bbc; font-weight: 700; color: #fff; margin: 0; border-radius: 100px; display: inline-block; padding: 30px 60px;}
/*------- webhosting --------*/
#webhostSection {width: 100%; float: left; background: #fff; padding: 110px 0 110px 0; font-size: 20px; color: #6a757e; line-height: 35px; font-weight: 500; }
#webhostSection h2 {font-size: 46px; font-weight: 700; color: #274864; margin: 0 0 15px 0;}
#webhostSection a {font-size: 18px; float: left; font-weight: 500; line-height: 26px; padding: 18px 28px; background: linear-gradient(90deg,#c32127,#e74147); color: #fff; text-transform: uppercase; text-decoration: none; }
#webhostSection a:hover {color: #fff; }
.whukRight {width:  88%; height: auto; margin: 15px 0 0 0; float:right !important;}
.trustpilot {width: 70%; height: auto; margin: 15px 30% 35px 0 !important;}

/*------- webhosting --------*/
#supportSection {width: 100%; float: left; background: #040c9c; padding: 110px 0 110px 0; font-size: 20px; color: #fff; line-height: 35px; font-weight: 500; }
#webhostSection h3 {font-size: 46px; font-weight: 700; color: #fff; margin: 0 0 15px 0;}
.lineBox {width: 10%; float: left; background: #7075c7; height: 1px; margin: 15px 90% 30px 0;}
#supportSection a {font-size: 18px; float: left; font-weight: 500; line-height: 26px; padding: 18px 28px; background: linear-gradient(90deg,#0047ba,#1d60ce); color: #fff; text-transform: uppercase; text-decoration: none; }
#supportSection a:hover {color: #fff; }
#supportSection p {margin: 0 0 40px 0;}
.supportInfo {padding: 40px 0 0 7% !important;}

/*------- Support --------*/
#supportSection {width: 100%; float: left; background: #040c9c; padding: 110px 0 110px 0; font-size: 20px; color: #fff; line-height: 35px; font-weight: 500; }
#supportSection h3 {font-size: 46px; font-weight: 700; color: #fff; margin: 0 0 15px 0;}

/*------- Support --------*/
#resourcesSection {width: 100%; float: left; background: #040c9c; padding: 0 0 200px 0; font-size: 20px; color: #fff; line-height: 35px; font-weight: 500; text-align: center; }
#resourcesSection h4 {font-size: 46px; font-weight: 700; color: #fff; margin: 0 0 15px 0;}
#resourcesSection p {padding: 0 15%;}

.resourcesBox {width: 100%; position:relative; float: left; margin: -7% 0 0 0;} 
.resourcesBox .container {overflow-x: hidden !important;}
.resourcesCon {width: 100%; float:left; background: #fff; padding: 50px; -webkit-box-shadow: 0px 0px 10px 0px rgba(158,158,158,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(158,158,158,0.3);
box-shadow: 0px 0px 10px 0px rgba(158,158,158,0.3);}
.resourcesCon img {width: 60% !important; height: auto;}
.resourcesCon hr {margin: 1.4rem 0; color: inherit; background-color: #d9d9d9 !important; border: 0; opacity: 10;}
.resourcesCon h5 {font-size: 25px; font-weight: 700; color: #2c2c2c; margin: 0 0 15px 0;}
.resourcesCon p {min-height: 130px;}
.resourcesCon a {font-size: 16px; float: left; font-weight: 500; line-height: 26px; padding: 15px 25px; background: linear-gradient(90deg,#fff,#fff); color: #0a16a7; text-transform: uppercase; text-decoration: none; border: 1px solid #8284d6; }
.resourcesCon a:hover {color: #0a16a7; }
.owl-carousel .owl-stage-outer {overflow: visible !important;}
.resourcesBox .owl-nav {display: none !important;}
.resourcesBox .owl-dots {padding: 40px 0 60px;}

/*------- Footer Section --------*/
.copyrightInfo {width: 100%; float: left; color: #ffffff; font-size: 18px; background: #000563; padding: 40px 0 20px 0; }
 
/*--------- Responsive  ---------*/
@media (min-width:4001px) {
.resourcesBox {margin: -3.5% 0 0 0;}
}
@media (max-width:4000px) {
.resourcesBox {margin: -3.5% 0 0 0;}
}
@media (max-width:3500px) {
.resourcesBox {margin: -4% 0 0 0;}
}
@media (max-width:3000px) {
	.resourcesBox {margin: -5% 0 0 0;}
}
@media (max-width:2999px) {
	.resourcesBox {margin: -7% 0 0 0;}
}
@media (max-width:1200px) {
#eukhostSection {padding: 130px 0 100px 0;}
#eukhostSection {font-size: 18px;  line-height: 30px;}
#resourcesSection {padding: 0 0 150px 0;}
}
@media (max-width:991px) {
.supportInfo {padding: 0 0 0 7% !important;}
#supportSection {padding: 80px 0 90px 0;}
#supportSection h3 {font-size: 30px; margin: 0 0 15px 0;}
#supportSection p {margin: 0 0 30px 0; font-size: 16px; line-height: 27px;}
#supportSection a {font-size: 16px; line-height: 20px;}
#resourcesSection h4 {font-size: 35px; }
#resourcesSection {font-size: 16px; line-height: 27px;}
#resourcesSection {padding: 0 0 110px 0;}
}
@media (max-width:767px) {
header {padding: 60px 0 130px 0;}
header img {width: 70%; height: auto;}
.eukHead h6 {font-size: 25px; padding: 30px 40px;}
.eukHead {top: -3.5%;}
#eukhostSection {padding: 90px 0 90px 0;}
.trustpilot {margin: 15px 15% 35px 15% !important;}
#eukhostSection p {text-align: center;}
#eukhostSection h1 {font-size: 40px;text-align: center; }
#eukhostSection a {font-size: 16px; float: none;}
#webhostSection {text-align: center; padding: 70px 0 70px 0;}
#webhostSection h2 {font-size: 40px;}
#webhostSection a {font-size: 16px; float: none;}
.whukRight {width: 100%; height: auto; margin: 50px 0 0 0; float: right !important;}
.eukhostLeft {width: 100%; height: auto; margin: 15px 0 0 0;}
#resourcesSection h4 {font-size: 25px;}
#resourcesSection { padding: 0 0 90px 0;}
#resourcesSection p { padding: 0;}
#supportSection {text-align: center;}
.lineBox {margin: 15px 45% 30px 45%;}
#supportSection h3 {font-size: 30px; margin: 40px 0 8px 0;}
#supportSection a {font-size: 16px; float: none;}
}
@media (max-width:500px) {
header {font-size: 16px; line-height: 27px;  font-weight: 500;}
.eukHead {top: -2.8%;}
.eukHead h6 {font-size: 20px; margin: 0; border-radius: 0; padding: 20px 30px; line-height: 30px;}
#webhostSection h2 {font-size: 30px;}
#eukhostSection h1 {font-size: 30px; }
#webhostSection {font-size: 16px; line-height: 27px; padding: 50px 0 50px 0;}
#eukhostSection p {font-size: 16px; line-height: 27px;}
#eukhostSection {padding: 100px 0 80px 0;}
header {padding: 30px 0 110px 0;}
.resourcesCon h5 {font-size: 20px;margin: 0 0 5px 0;}
.resourcesCon {padding: 40px;}
.resourcesCon p {min-height: 110px; font-size: 12px; line-height: 20px;}
.resourcesCon a {font-size: 12px; line-height: 12px; padding: 15px 18px;}
.resourcesCon hr {margin: 0.9rem 0;}
.copyrightInfo {padding: 30px 0 10px 0; font-size: 14px; line-height: 25px;}
.resourcesBox .owl-dots {padding: 20px 0 30px;}
#resourcesSection h4 {font-size: 20px; line-height: 28px;}
#supportSection {padding: 50px 0 70px 0;}
.supportInfo {padding: 0 !important;}
.resourcesBox {margin: -15% 0 0 0;}
#resourcesSection {padding: 0 0 70px 0;}
}