@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

.heading-title-1{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; text-transform:uppercase; color:#002420; line-height:24px; margin:0 auto; padding:10px 0 10px 45px; border:solid 0px var(--bg-color-submenu); border-radius:0px; position: relative; z-index: 1;}
.heading-title-1::before {
      content: "";
      position: absolute;
      transform: translateX(-50%) translateY(-120%) rotate(45deg);
      width: 25px;
      height: 25px;
      background:  #1d9587;
      border: 2px solid #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      z-index: -1;
	  top: 40px;
  	  left: 18px;
    } 
.heading-title-1::after{ content: ""; width:140px; height:3px; background:linear-gradient(to left, #FCA033, #fff0); position: absolute; z-index: -3; top:20px; left:140px;}


/*--start-banner--*/
.banner-slider{ width:100%; margin:0 auto; margin-bottom:10px; height:auto; overflow:hidden; border-radius:5px;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.4s ease forwards;}
.banner-slider img{ width:100%;}
/*--end-banner--*/

/*--start-sec-data--*/
.sec-data{ width:100%; margin:0 auto; padding:20px 0; overflow:hidden; }
.sec-data .box{ width:100%; min-height:110px; margin:10px auto; padding:10px 10px; border: 2px solid black; border-left:solid 8px black; border-radius:15px; overflow:hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease forwards;}

.sec-data .col-lg-3:nth-child(1) .box {
  border-color: #7B4EFE; animation-delay: 0.1s;
}
.sec-data .col-lg-3:nth-child(1) .box h3{
  color: #7B4EFE;
}
.sec-data .col-lg-3:nth-child(1) .box i{
  color: #7B4EFE;
}

.sec-data .col-lg-3:nth-child(2) .box {
  border-color: #0EC2AD; animation-delay: 0.2s;
}
.sec-data .col-lg-3:nth-child(2) .box h3{
  color: #0EC2AD;
}
.sec-data .col-lg-3:nth-child(2) .box i{
  color: #0EC2AD;
}

.sec-data .col-lg-3:nth-child(3) .box {
  border-color: #FF9356; animation-delay: 0.3s;
}
.sec-data .col-lg-3:nth-child(3) .box h3{
  color: #FF9356;
}
.sec-data .col-lg-3:nth-child(3) .box i{
  color: #FF9356;
}

.sec-data .col-lg-3:nth-child(4) .box {
  border-color: #96D854; animation-delay: 0.4s;
}
.sec-data .col-lg-3:nth-child(4) .box h3{
  color: #999900;
}
.sec-data .col-lg-3:nth-child(4) .box i{
  color: #999900;
}

.sec-data .col-lg-3:nth-child(5) .box {
  border-color: #FF74BF; animation-delay: 0.5s;
}
.sec-data .col-lg-3:nth-child(5) .box h3{
  color: #990099;
}
.sec-data .col-lg-3:nth-child(5) .box i{
  color: #990099;
}

.sec-data .col-lg-3:nth-child(6) .box {
  border-color: #6D3AFF; animation-delay: 0.6s;
}
.sec-data .col-lg-3:nth-child(6) .box h3{
  color: #009999;
}
.sec-data .col-lg-3:nth-child(6) .box i{
  color: #009999;
}

.sec-data .col-lg-3:nth-child(7) .box {
  border-color: #FF7575; animation-delay: 0.7s;
}
.sec-data .col-lg-3:nth-child(7) .box h3{
  color: #666666;
}
.sec-data .col-lg-3:nth-child(7) .box i{
  color: #666666;
}

.sec-data .col-lg-3:nth-child(8) .box {
  border-color: #F6B344; animation-delay: 0.8s;
}
.sec-data .col-lg-3:nth-child(8) .box h3{
  color: #00AA00;
}
.sec-data .col-lg-3:nth-child(8) .box i{
  color: #00AA00;
}

.sec-data .col-lg-3:nth-child(9) .box {
  border-color: #1ECBFF; animation-delay: 0.9s;
}
.sec-data .col-lg-3:nth-child(9) .box h3{
  color: #009900;
}
.sec-data .col-lg-3:nth-child(9) .box i{
  color: #009900;
}

.sec-data .col-lg-3:nth-child(10) .box {
  border-color: #0C83FF; animation-delay: 1.0s;
}
.sec-data .col-lg-3:nth-child(10) .box h3{
  color: #009999;
}
.sec-data .col-lg-3:nth-child(10) .box i{
  color: #009999;
}

.sec-data .col-lg-3:nth-child(11) .box {
  border-color: #E8A386; animation-delay: 1.1s;
}
.sec-data .col-lg-3:nth-child(11) .box h3{
  color: #000099;
}
.sec-data .col-lg-3:nth-child(11) .box i{
  color: #000099;
}

.sec-data .col-lg-3:nth-child(12) .box {
  border-color: #990099; animation-delay: 1.2s;
}
.sec-data .col-lg-3:nth-child(12) .box h3{
  color: #990099;
}
.sec-data .col-lg-3:nth-child(12) .box i{
  color: #990099;
}


.sec-data .col-lg-4:nth-child(1) .box {
  border-color: #7B4EFE; animation-delay: 0.1s;
}
.sec-data .col-lg-4:nth-child(1) .box h3{
  color: #7B4EFE;
}
.sec-data .col-lg-4:nth-child(1) .box i{
  color: #7B4EFE;
}

.sec-data .col-lg-4:nth-child(2) .box {
  border-color: #0EC2AD; animation-delay: 0.2s;
}
.sec-data .col-lg-4:nth-child(2) .box h3{
  color: #0EC2AD;
}
.sec-data .col-lg-4:nth-child(2) .box i{
  color: #0EC2AD;
}

.sec-data .col-lg-4:nth-child(3) .box {
  border-color: #FF9356; animation-delay: 0.3s;
}
.sec-data .col-lg-4:nth-child(3) .box h3{
  color: #FF9356;
}
.sec-data .col-lg-4:nth-child(3) .box i{
  color: #FF9356;
}

.sec-data .col-lg-4:nth-child(4) .box {
  border-color: #96D854; animation-delay: 0.4s;
}
.sec-data .col-lg-4:nth-child(4) .box h3{
  color: #999900;
}
.sec-data .col-lg-4:nth-child(4) .box i{
  color: #999900;
}

.sec-data .col-lg-4:nth-child(5) .box {
  border-color: #FF74BF; animation-delay: 0.5s;
}
.sec-data .col-lg-4:nth-child(5) .box h3{
  color: #990099;
}
.sec-data .col-lg-4:nth-child(5) .box i{
  color: #990099;
}

.sec-data .col-lg-4:nth-child(6) .box {
  border-color: #6D3AFF; animation-delay: 0.6s;
}
.sec-data .col-lg-4:nth-child(6) .box h3{
  color: #009999;
}
.sec-data .col-lg-4:nth-child(6) .box i{
  color: #009999;
}

.sec-data .col-lg-4:nth-child(7) .box {
  border-color: #FF7575; animation-delay: 0.7s;
}
.sec-data .col-lg-4:nth-child(7) .box h3{
  color: #666666;
}
.sec-data .col-lg-4:nth-child(7) .box i{
  color: #666666;
}

.sec-data .col-lg-4:nth-child(8) .box {
  border-color: #F6B344; animation-delay: 0.8s;
}
.sec-data .col-lg-4:nth-child(8) .box h3{
  color: #00AA00;
}
.sec-data .col-lg-4:nth-child(8) .box i{
  color: #00AA00;
}

.sec-data .col-lg-4:nth-child(9) .box {
  border-color: #1ECBFF; animation-delay: 0.9s;
}
.sec-data .col-lg-4:nth-child(9) .box h3{
  color: #009900;
}
.sec-data .col-lg-4:nth-child(9) .box i{
  color: #009900;
}

.sec-data .col-lg-4:nth-child(10) .box {
  border-color: #0C83FF; animation-delay: 1.0s;
}
.sec-data .col-lg-4:nth-child(10) .box h3{
  color: #009999;
}
.sec-data .col-lg-4:nth-child(10) .box i{
  color: #009999;
}

.sec-data .col-lg-4:nth-child(11) .box {
  border-color: #E8A386; animation-delay: 1.1s;
}
.sec-data .col-lg-4:nth-child(11) .box h3{
  color: #000099;
}
.sec-data .col-lg-4:nth-child(11) .box i{
  color: #000099;
}

.sec-data .col-lg-4:nth-child(12) .box {
  border-color: #990099; animation-delay: 1.2s;
}
.sec-data .col-lg-4:nth-child(12) .box h3{
  color: #990099;
}
.sec-data .col-lg-4:nth-child(12) .box i{
  color: #990099;
}

/* Animation keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sec-data .box h3{ font-family: var(--heading-font); font-size:20px; font-weight:bold; text-align:left; text-transform:uppercase; line-height:30px; margin:10px 0 0 0;}
.sec-data .box h4{ font-family: var(--heading-font); font-size:14px; font-weight:400; color:var(--bg-color-menu); text-align:left; line-height:30px; margin:0;}
.sec-data .box .icon{ position:absolute; right:5px; top:20px; width:50px; height:50px; text-align:center; line-height:50px;}
.sec-data .box .icon{ font-size:32px; color:#000;}
/*--end-sec-data--*/

.cus2-box{ width:80%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #6a41d4 , #e772c4); border-radius:5px 5px 5px 5px;}
.cus2-box .icon-box{ width:80px; height:80px; border-radius:50%; background-image: linear-gradient(to bottom, #e772c4 , #6a41d4); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:22px;}
.cus2-box .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus2-box .icon-box i{ font-size:30px; text-align:center; color:#fff; line-height:70px; margin:0 auto; display:block;}
.cus2-box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#fff; line-height:30px; margin:12px 0 0px 0;}
.cus2-box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#fff; line-height:24px; margin:0 0 10px 0;}

.cus2-box:hover{background-image: linear-gradient(to bottom, #e772c4, #6a41d4 ); cursor:pointer;}
.cus2-box:hover .icon-box{background-image: linear-gradient(to bottom, #6a41d4, #e772c4); border:solid 5px #fff;}
.cus2-box:hover .icon-box h3{ color:#000;}

.cus2-box2{ width:80%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #e772c4, #6a41d4); border-radius:5px 5px 5px 5px;}
.cus2-box2 .icon-box{ width:80px; height:80px; border-radius:50%; background-image: linear-gradient(to bottom, #6a41d4 , #e772c4); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:22px;}
.cus2-box2 .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus2-box2 .icon-box i{ font-size:30px; text-align:center; color:#fff; line-height:70px; margin:0 auto; display:block;}
.cus2-box2 .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#fff; line-height:30px; margin:12px 0 0px 0;}
.cus2-box2 .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#fff; line-height:24px; margin:0 0 10px 0;}

.cus2-box2:hover{background-image: linear-gradient(to bottom, #6a41d4 , #e772c4 ); cursor:pointer;}
.cus2-box2:hover .icon-box{background-image: linear-gradient(to bottom, #e772c4, #6a41d4); border:solid 5px #fff;}
.cus2-box2:hover .icon-box h3{ color:#000;}



.cus3-box{ width:90%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #ffc89c , #fff); border-radius:5px 5px 5px 5px;}
.cus3-box .icon-box{ width:60px; height:60px; border-radius:10px; background-image: linear-gradient(to bottom, #fff , #e3a26e); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:-3px;}
.cus3-box .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus3-box .icon-box i{ font-size:30px; text-align:center; color:#7d1057; line-height:50px; margin:0 auto; display:block;}
.cus3-box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#7d1057; line-height:30px; margin:12px 0 0px 0;}
.cus3-box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#1c1c1c; line-height:24px; margin:0 0 10px 0;}

.cus3-box:hover{background-image: linear-gradient(to bottom, #fff, #ffc89c ); cursor:pointer;}
.cus3-box:hover .icon-box{background-image: linear-gradient(to bottom, #e3a26e, #fff); border:solid 5px #fff;}
.cus3-box:hover .icon-box h3{ color:#000;}

.cus3-box2{ width:90%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #fff, #ffc89c); border-radius:5px 5px 5px 5px;}
.cus3-box2 .icon-box{ width:60px; height:60px; border-radius:10px; background-image: linear-gradient(to bottom, #e3a26e , #fff); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:-3px;}
.cus3-box2 .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus3-box2 .icon-box i{ font-size:30px; text-align:center; color:#7d1057; line-height:50px; margin:0 auto; display:block;}
.cus3-box2 .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#7d1057; line-height:30px; margin:12px 0 0px 0;}
.cus3-box2 .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#1c1c1c; line-height:24px; margin:0 0 10px 0;}

.cus3-box2:hover{background-image: linear-gradient(to bottom, #ffc89c , #fff ); cursor:pointer;}
.cus3-box2:hover .icon-box{background-image: linear-gradient(to bottom, #fff, #e3a26e); border:solid 5px #fff;}
.cus3-box2:hover .icon-box h3{ color:#000;}





.cus4-box{ width:90%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #fff , #eee); border-radius:5px 5px 5px 5px; box-shadow: 5px 10px 8px #888888;}
.cus4-box .icon-box{ width:60px; height:60px; border-radius:10px; background-image: linear-gradient(to bottom, #6ed6ff , #00aef3); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:32px;}
.cus4-box .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus4-box .icon-box i{ font-size:30px; text-align:center; color:#fff; line-height:50px; margin:0 auto; display:block;}
.cus4-box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#3e3e3e; line-height:30px; margin:12px 0 0px 0;}
.cus4-box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#979797; line-height:24px; margin:0 0 10px 0;}

.cus4-box:hover{background-image: linear-gradient(to bottom, #eee, #fff ); cursor:pointer;}





#particles-js{
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


.loader {
position: relative;
top: 35%;
width: 80px;
height: 80px;
margin: 0 auto;	

/*width:50px;
height:50px;
display:inline-block;*/
padding:0px;
opacity:0.5;
border:3px solid #fff;
-webkit-animation: loader 1s ease-in-out infinite alternate;
animation: loader 1s ease-in-out infinite alternate;
}

.loader:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 3px solid #fff;
}

.loader:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid #fff;
}

@keyframes loader {
   from {transform: rotate(0deg) scale(1,1);border-radius:0px;}
   to {transform: rotate(360deg) scale(0, 0);border-radius:50px;}
}
@-webkit-keyframes loader {
   from {-webkit-transform: rotate(0deg) scale(1, 1);border-radius:0px;}
   to {-webkit-transform: rotate(360deg) scale(0,0 );border-radius:50px;}
}



.loader6 {
position: relative;
top: 35%;
width: 60px;
height: 60px;
margin: 0 auto;
/*display:inline-block;
width: 20px;
height:20px;*/
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #ffffff;
border-top: 3px solid #ffffff;
-webkit-animation: loader6 2.2s ease-in-out infinite alternate;
animation: loader6 2.2s ease-in-out infinite alternate;
}

.loader6:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 0px;
  right: 0px;
  bottom: 5px;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

@keyframes loader6 {
   from {transform: rotate(0deg);}
   to {transform: rotate(1440deg);}
}
@-webkit-keyframes loader6 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(1440deg);}
}


.page-loader{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	/*background: #272727;*/
	background:rgba(0, 0, 0, 0.9);
	z-index: 99999;
	bottom:0;
	top:0;
	left:0;
	overflow:hidden;
}

/* SPINNER ANIMATION */
.spinner {
	position: relative;
	top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.area{
	/*background: #4e54c8;  
	background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); */ 
	position: fixed;
	z-index:-1;
	left:0; 
	right:0;
	top:0; 
	height:100%;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


/*.body-bg{ background-color:#17056f !important;
width:100%; margin:0 auto; background: url(../images/body-bg.png) 0 no-repeat fixed; background-position:bottom center; background-size:cover; 
}*/

.welcome-note{ width:100%; height:100px; margin:0 auto; margin-top:20px; padding:20px 10px; background-image: linear-gradient(to right, #016999 , #3bbffd); border-radius:20px 20px 0 0; position:relative; overflow:hidden;}
.welcome-note h2{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; text-transform:uppercase; color:#fff; line-height:18px; margin:0 0 5px 0; }
.welcome-note h2 span{ float:right; color:#fff; font-size:18px; margin-top:9px;}
.welcome-note h4{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:left; color:#ff9a9a; line-height:16px; margin:0 0 0px 0; }
/*.welcome-note:after{
  background-image: linear-gradient(to right, #fff , #ffffff);
  position: absolute;
  content: "";
  left:0;
  right:0;
  top: 75px;
  height: 60px;
  border-radius:45% 45% 15% 15%;
}*/

/*.bg-1{ background-image: linear-gradient(to right, #85ccfb , #279ef0)}
.bg-2{ background-image: linear-gradient(to right, #a582fe , #7e52fd)}
.bg-3{ background-image: linear-gradient(to right, #fe88e9 , #f847dd)}
.bg-4{ background-image: linear-gradient(to right, #fcc09a , #f58e53)}
.bg-5{ background-image: linear-gradient(to right, #7da6f8 , #4d73fc)}
.bg-6{ background-image: linear-gradient(to right, #84f489 , #35d860)}

.fc-1{ color:#279ef0;}
.fc-2{ color:#7e52fd;}
.fc-3{ color:#f847dd;}
.fc-4{ color:#f58e53;}
.fc-5{ color:#4d73fc;}
.fc-6{ color:#35d860;}*/

.bg-1{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-2{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-3{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-4{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-5{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-6{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}

.fc-1{ color:#aea8ff;}
.fc-2{ color:#aea8ff;}
.fc-3{ color:#aea8ff;}
.fc-4{ color:#aea8ff;}
.fc-5{ color:#aea8ff;}
.fc-6{ color:#aea8ff;}





.body-content .sec-1{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-1 .box{ width:100%; margin:10px auto; padding:30px 20px; min-height:150px; max-height:150px; border-radius:10px; position:relative; overflow:hidden;}
.body-content .sec-1 .box .caption{ width:100%; padding:30px; position:absolute; top:0; left:0; z-index:2;}
.body-content .sec-1 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:300; text-align:left; color:#fff; line-height:30px; margin:0 0 20px 0;}
.body-content .sec-1 .box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:left; color:#fff; line-height:24px; margin:0 0 10px 0;}
.body-content .sec-1 .box .shape{width:100%; position:absolute; top:0; left:0; z-index:1;}
.body-content .sec-1 .box .shape img{width:100%; margin:0 auto; display:block;}

.body-content .sec-1 .bg1{ background-image: linear-gradient(to right, #f09b0c , #f06915);}
.body-content .sec-1 .bg2{ background-image: linear-gradient(to right, #eb4d0f , #fc48c5);}
.body-content .sec-1 .bg3{ background-image: linear-gradient(to right, #3e2cda , #fd2013);}
.body-content .sec-1 .bg4{ background-image: linear-gradient(to right, #087d6a , #69bb1a);}
.body-content .sec-1 .bg5{ background-image: linear-gradient(to right, #03a5f2 , #2e3af7);}
.body-content .sec-1 .bg6{ background-image: linear-gradient(to right, #3d3adb , #7e12e2);}

.body-content .sec-2{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-2 .box{ width:100%; margin:10px auto; padding:30px 20px; min-height:190px; max-height:190px; border-radius:10px; position:relative; overflow:hidden;}
.body-content .sec-2 .box .caption{ width:100%; padding:30px; position:absolute; top:0; left:0; z-index:2;}
.body-content .sec-2 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:300; text-align:left; color:#fff; line-height:30px; margin:0 0 20px 0;}
.body-content .sec-2 .box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:left; color:#fff; line-height:24px; margin:0 0 10px 0;}
.body-content .sec-2 .box .shape{width:100%; position:absolute; top:0; left:0; z-index:1;}
.body-content .sec-2 .box .shape img{width:100%; margin:0 auto; display:block;}

.body-content .sec-2 .bg1{ background-image: linear-gradient(to right, #ffba99 , #db3a50);}
.body-content .sec-2 .bg2{ background-image: linear-gradient(to right, #8fc9f7 , #087cdf);}
.body-content .sec-2 .bg3{ background-image: linear-gradient(to right, #8eccc8  , #0cbda3);}



.body-content .sec-3{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-3 .box{ width:100%; margin:10px auto; border-radius:3px; overflow:hidden;}
.body-content .sec-3 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px;}
.body-content .sec-3 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#fff; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-3 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#fff; text-align:center; line-height:30px; margin:0;}
.body-content .sec-3 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-3 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-3 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


.body-content .sec-3 .box .bg-1{ background:linear-gradient(to top, #7414b5, #1e1a1e);}
.body-content .sec-3 .box .bg-2{ background:linear-gradient(to top, #64bf4d, #6b8c1c);}
.body-content .sec-3 .box .bg-3{ background:linear-gradient(to top, #880c0c, #ee0b00);}
.body-content .sec-3 .box .bg-4{ background:linear-gradient(to top, #fecc00, #8a6d3b);}

.body-content .sec-3 .box .btm-bg-1{ background:#3a0062;}
.body-content .sec-3 .box .btm-bg-2{ background:#087306;}
.body-content .sec-3 .box .btm-bg-3{ background:#730000;}
.body-content .sec-3 .box .btm-bg-4{ background:#8a6d3b;}




.body-content .sec-4{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-4 .box{ width:100%; height:auto; margin:10px auto; padding:15px 15px; border-radius:5px; position:relative; overflow:hidden;}
.body-content .sec-4 .box .caption{ width:100%; padding:0;}
.body-content .sec-4 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:300; text-align:left; color:#000; line-height:28px; margin:0 0 0px 0;}
.body-content .sec-4 .box .caption a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:left; color:#fff; line-height:14px; margin:0 0 10px 0;}
.body-content .sec-4 .box .icon{ width:50px; height:40px; padding:0; border:solid 1px #fff; position:absolute; right:15px; top:10px; }
.body-content .sec-4 .box .icon i{ font-size:30px; color:#fff; line-height:40px; text-align:center; margin:0 auto; display:block;}
.body-content .sec-4 .box .icon:hover{ background:#fff;}
.body-content .sec-4 .box .icon:hover i{ color:#000;}

.body-content .sec-4 .bg1{ background-image: linear-gradient(to right, #2db9f5, #3042a1);}
.body-content .sec-4 .bg2{ background-image: linear-gradient(to bottom, #00b09b, #96c93d);}
.body-content .sec-4 .bg3{ background-image: linear-gradient(to right, #f6d365, #fda085);}
.body-content .sec-4 .bg4{ background-image: linear-gradient(to top, #ff0844, #ffb199);}


.body-content .sec-5{ width:100%; margin:10px auto; }
.body-content .sec-5 .custom-plr-8{ padding:0 9px;}
.body-content .sec-5 .p-box-outer {
  margin:0 auto;
  margin-bottom:50px;
  max-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-content .sec-5 .p-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
.body-content .sec-5 .p-box .p-box-inner{ position:relative; background:#9234a8; min-height:130px; padding:15px;	}
.body-content .sec-5 .p-box .p-box-inner h4{ font-family: 'Roboto', sans-serif; font-size:24px; color:#FFF; line-height:30px; margin:0; margin-bottom:20px;}
.body-content .sec-5 .p-box .p-box-inner h5{ font-family: 'Roboto', sans-serif; font-size:16px; color:#FFF; line-height:20px; margin:0; }
.body-content .sec-5 .p-box .p-box-inner i{ font-size:30px; line-height:30px; color:#E67EFF; float:right; }
.body-content .sec-5 .p-box .p-box-inner .p-bar{ width:100%; height:5px; background:#00000099; border-radius:3px; position:relative; overflow:hidden; margin-bottom:20px;}
.body-content .sec-5 .p-box .p-box-inner .p-bar .wl{ width:50%; height:5px; background:#fff; position:absolute; top:0; left:0; z-index:2;}


.body-content .sec-14{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-14 .box{ width:100%; margin:10px auto; border-radius:3px; overflow:hidden;}
.body-content .sec-14 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px;}
.body-content .sec-14 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:20px; font-weight:bold; color:#00494d; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-14 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#006077; text-align:center; line-height:30px; margin:0;}
.body-content .sec-14 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-14 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-14 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


/*.body-content .sec-14 .box .bg-1{ background:linear-gradient(to top, #d6f8fd, #02b9e3);}*/
.body-content .sec-14 .box .bg-1{ background:linear-gradient(to top, #fef3b1, #feac18);}
.body-content .sec-14 .box .bg-2{ background:linear-gradient(to top, #64bf4d, #6b8c1c);}
.body-content .sec-14 .box .bg-3{ background:linear-gradient(to top, #880c0c, #ee0b00);}
.body-content .sec-14 .box .bg-4{ background:linear-gradient(to top, #fecc00, #8a6d3b);}

/*.body-content .sec-14 .box .btm-bg-1{ background:#00aad2;}*/.body-content .sec-14 .box .btm-bg-1{ background:#ff5f2d;}
.body-content .sec-14 .box .btm-bg-2{ background:#087306;}
.body-content .sec-14 .box .btm-bg-3{ background:#730000;}
.body-content .sec-14 .box .btm-bg-4{ background:#8a6d3b;}


.body-content .sec-15{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-15 .box{ width:100%; margin:10px auto; border-radius:3px; overflow:hidden;}
.body-content .sec-15 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px;}
.body-content .sec-15 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:20px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-15 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#eee; text-align:center; line-height:30px; margin:0;}
.body-content .sec-15 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-15 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-15 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


/*.body-content .sec-15 .box .bg-1{ background:linear-gradient(to top, #d6f8fd, #02b9e3);}*/
.body-content .sec-15 .box .bg-1{ background:linear-gradient(to top, #fde3d2, #7f0141);}
.body-content .sec-15 .box .bg-2{ background:linear-gradient(to top, #64bf4d, #6b8c1c);}
.body-content .sec-15 .box .bg-3{ background:linear-gradient(to top, #880c0c, #ee0b00);}
.body-content .sec-15 .box .bg-4{ background:linear-gradient(to top, #fecc00, #8a6d3b);}

/*.body-content .sec-15 .box .btm-bg-1{ background:#00aad2;}*/.body-content .sec-15 .box .btm-bg-1{ background:#d54141;}
.body-content .sec-15 .box .btm-bg-2{ background:#087306;}
.body-content .sec-15 .box .btm-bg-3{ background:#730000;}
.body-content .sec-15 .box .btm-bg-4{ background:#8a6d3b;}


.body-content .sec-16{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-16 .box{ width:100%; margin:15px auto; border:solid 1px #f4f4f4; border-radius:3px; box-shadow: 5px 10px 8px #888888; overflow:hidden;}
.body-content .sec-16 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px; background:#fff;}
.body-content .sec-16 .box-top i{ font-size:40px; margin:5px auto; display:block; text-align:center;}
.body-content .sec-16 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:bold; color:#515356; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-16 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#a1a3a6; text-align:center; line-height:30px; margin:0;}
.body-content .sec-16 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-16 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-16 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


.body-content .sec-16 .box .f-cl-1{ color:#f54337 !important;}
.body-content .sec-16 .box .f-cl-2{ color:#ff9803 !important;}
.body-content .sec-16 .box .f-cl-3{ color:#2196f3 !important;}
.body-content .sec-16 .box .f-cl-4{ color:#30cc7b !important;}

.body-content .cl-1{ background:#f54337;}
.body-content .cl-2{ background:#ff9803;}
.body-content .cl-3{ background:#2196f3;}
.body-content .cl-4{ background:#30cc7b;}
.body-content .cl-5{ background:#DDEAFB; color:#6F7BAF;}
.body-content .cl-6{ background:#E6F1F3; color:#61B18A;}
.body-content .cl-7{ background:#FCE1EA; color:#F5628E;}


.body-content .sec-17{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-17 .box{ width:100%; margin:15px auto; padding:10px 20px; background:#c3ebf1; border:solid 0px #f4f4f4; border-radius:3px; box-shadow: 5px 4px 3px #a8a8a873; overflow:hidden; position:relative;}
.body-content .sec-17 .box h3{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; color:#000; text-align:left; text-transform:uppercase; line-height:40px; margin:10px 0 10px 0;}
.body-content .sec-17 .box h4{ font-family: 'Julius Sans One', sans-serif; font-size:17px; font-weight:300; color:#4f545a; text-align:left; line-height:30px; margin:0;}
.body-content .sec-17 .box h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:300; color:#4f545a; text-align:left; line-height:30px; margin:0;}
.body-content .sec-17 .box h5 span{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:600; padding:2px; border-radius:5px; margin-right:5px; }

.body-content .sec-17 .box .icon{ width:40px; height:40px; border-radius:50%; position:absolute; right:10px; top:10px; background:#D3E2F5;}
.body-content .sec-17 .box .icon i{ text-align:center; color:#5B71B3; line-height:40px; margin:0 auto; display:block;}


.body-content .sec-17{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-17 .box-2{ width:100%; margin:15px auto; padding:10px 20px; background:#180f64; border:solid 0px #f4f4f4; border-radius:3px; box-shadow: 5px 4px 3px #a8a8a873; overflow:hidden; position:relative;}
.body-content .sec-17 .box-2 h3{ font-family: 'Roboto', sans-serif; font-size:26px; font-weight:normal; color:#fff; text-align:left; text-transform:uppercase; line-height:40px; margin:10px 0 10px 0;}
.body-content .sec-17 .box-2 h4{ font-family: 'Julius Sans One', sans-serif; font-size:17px; font-weight:300; color:#ace4c9; text-align:left; line-height:30px; margin:0;}
.body-content .sec-17 .box-2 h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:300; color:#c8d1dd; text-align:left; line-height:30px; margin:0;}
.body-content .sec-17 .box-2 h5 span{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:600; padding:2px; border-radius:5px; margin-right:5px; }

.body-content .sec-17 .box-2 .icon{ width:40px; height:40px; border-radius:50%; position:absolute; right:10px; top:10px; background:#FFE9DA;}
.body-content .sec-17 .box-2 .icon i{ text-align:center; color:#5B71B3; line-height:40px; margin:0 auto; display:block;}

.body-content .news{ width:100%; min-height:330px; margin:20px auto; padding:15px; background:#fff; border-radius:5px;  box-shadow: 0 0 15px 0 #D0D0D0; overflow:hidden;}
.body-content .news h3{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:normal; color:#000; text-align:left; line-height:40px; margin:10px 0 10px 0;}
.body-content .news p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:500; color:#272a2e; text-align:left; line-height:30px; margin:0;}

.body-content .refer{ width:100%; min-height:290px; margin:20px auto; padding:15px; background:#fff; border-radius:5px;  box-shadow: 0 0 15px 0 #D0D0D0; overflow:hidden;}
.body-content .refer h3{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:normal; color:#000; text-align:left; line-height:40px; margin:10px 0 30px 0;}


.p-box img {
  width: 100%;
  height: auto;
  display: block;
}
.p-box:hover:before {
  bottom: 1.2rem;
  right: 1.2rem;
}
.p-box:hover:after {
  bottom: -1.2rem;
  right: -1.2rem;
}
.p-box:after{
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.3s ease;}
.p-box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.3s ease;
}
.p-box:before {
  /*background: #4c5871;*/
  border: solid 1px #bc88ff;
  bottom: 0.5rem;
  right: 0.5rem;
}
.p-box:after {
  background: #54278e;
  bottom: -0.5rem;
  right: -0.5rem;
}



@media (max-width: 990px){

}

@media (max-width: 767px){

}

@media (max-width: 575px){

}