@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box; }

/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/muli.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/muli.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/muli2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/muli3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/muli.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/muli2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/muli3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/muli.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/muli2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  font-family: 'muli', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family:'muli', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #FFF;
  background-image: url('../images/bg.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom;
background-size:contain;}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }
  
a:hover {text-decoration:none !important;}
  
/*==========Bubbles Animation CSS Start==========*/
.bubbles_wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 990;
	overflow: hidden;
	pointer-events: none;
}

@-webkit-keyframes animateBubble {
	0% {
		margin-top: 20%
	}
	to {
		margin-top: -30%
	}
}

@-moz-keyframes animateBubble {
	0% {
		margin-top: 20%
	}
	to {
		margin-top: -30%
	}
}

@keyframes animateBubble {
	0% {
		margin-top: 20%
	}
	to {
		margin-top: -30%
	}
}

@-webkit-keyframes sideWays {
	0% {
		margin-left: 0
	}
	to {
		margin-left: 25px
	}
}

@-moz-keyframes sideWays {
	0% {
		margin-left: 0
	}
	to {
		margin-left: 25px
	}
}

@keyframes sideWays {
	0% {
		margin-left: 0
	}
	to {
		margin-left: 25px
	}
}

.x1 {
	-webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 6%;
	top: 45%;
	background: #010f2e;
	width: 7px;
	height: 7px;
}

.x2 {
	-webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 5%;
	top: 80%;
	background: #5513a0;
	width: 5px;
	height: 5px;
}

.x3 {
	-webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 10%;
	top: 40%;
	background: #6d2ab9;
	width: 3px;
	height: 3px;
}

.x4 {
	-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	left: 20%;
	top: 0;
	background: #5513a0;
	width: 4px;
	height: 4px;
}

.x5 {
	-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 30%;
	top: 50%;
	background: #5513a0;
	width: 5px;
	height: 5px;
}

.x6 {
	-webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 50%;
	top: 0;
	background: #5513a0;
	width: 6px;
	height: 6px;
}

.x7 {
	-webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 65%;
	top: 70%;
	background: #6d2ab9;
	width: 7px;
	height: 7px;
}

.x8 {
	-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	left: 80%;
	top: 10%;
	background: #010f2e;
	width: 5px;
	height: 5px;
}

.x9 {
	-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 90%;
	top: 50%;
	background: #646464;
	width: 4px;
	height: 4px;
}

.x10 {
	-webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 80%;
	top: 80%;
	background: #6d2ab9;
	width: 8px;
	height: 8px;
}

.bubble {
	position: absolute;
	border-radius: 50%;
	box-shadow: none;
}
/*==========Bubbles Animation CSS End==========*/
.srv_groups_logo {margin-top:1rem;}
.icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 200px; width: 200px;
	border-radius: 100%;
	box-shadow: 75px 0 0 rgba(255, 255, 255, 0) inset,
				0 75px 0 rgba(255, 255, 255, 0) inset,
				-75px 0 0 rgba(255, 255, 255, 0) inset,
				0 -75px 0 rgba(255, 255, 255, 0) inset;
	transition: all .4s;
}
.icon:hover {
	border: 2px solid transparent;
	box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset,
				0 5px 0 rgba(252, 150, 0, 0.5) inset,
				-5px 0 0 rgba(0, 255, 0, 0.5) inset,
				0 -5px 0 rgba(0, 150, 255, 0.5) inset;
}
.icon > a > img {width:180px; border-radius:100%;}
footer {width:100%; background:#333; color:#FFF; padding:10px 0px; margin-top:30px;}
.srv_groups_col_1 > a > h4 {color:#273a7f;}
.srv_groups_col_1 > a:last-child {display:inline-block; margin-top:5px; background:#273a7f; color:#FFF; border-radius:20px; padding:2px 20px 5px 20px; border:3px solid #273a7f; transition:all .2s ease-in-out;}
.srv_groups_col_1 > a:last-child:hover {background:#FFF; color:#273a7f;}
.srv_groups_col_2 > a > h4 {color:#1e5e9b;}
.srv_groups_col_2 > a:last-child {display:inline-block; margin-top:5px; background:#1e5e9b; color:#FFF; border-radius:20px; padding:2px 20px 5px 20px; border:3px solid #1e5e9b; transition:all .2s ease-in-out;}
.srv_groups_col_2 > a:last-child:hover {background:#FFF; color:#1e5e9b;}
.srv_groups_col_3 > a > h4 {color:#1c6528;}
.srv_groups_col_3 > a:last-child {display:inline-block; margin-top:5px; background:#1c6528; color:#FFF; border-radius:20px; padding:2px 20px 5px 20px; border:3px solid #1c6528; transition:all .2s ease-in-out;}
.srv_groups_col_3 > a:last-child:hover {background:#FFF; color:#1c6528;}

@media (max-width:991px) {
	body {background-position:bottom;}
	.icon {height: 210px; width: 210px;}
}
@media (max-width:767px) {
	.srv_groups_logo {flex-wrap:inherit !important; margin-top:2rem;}
	.icon {height: auto; width: auto;}
	.icon > a > img {width:90%;}
	.srv_groups_col_1 > a > h4 {font-size:16px;}
	.srv_groups_col_2 > a > h4 {font-size:16px;}
	.srv_groups_col_3 > a > h4 {font-size:16px;}
	.srv_groups_col_1 > a:last-child {padding:2px 10px 3px 10px; font-size:15px;}
	.srv_groups_col_2 > a:last-child {padding:2px 10px 3px 10px; font-size:15px;}
	.srv_groups_col_3 > a:last-child {padding:2px 10px 3px 10px; font-size:15px;}
	footer {position:relative;}
}
@media (max-width:320px) {
	.srv_groups_col_1 > a > h4 {font-size:12px;}
	.srv_groups_col_2 > a > h4 {font-size:12px;}
	.srv_groups_col_3 > a > h4 {font-size:12px;}
}