@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');

#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;	
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%;
	position: fixed;
	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, #a0dc40, #47c9b7);}
.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, #01e9b5, #077691);}
.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, #0c8878, #add927);}
.body-content .sec-3 .box .bg-4{ background:linear-gradient(to top, #5bf79b, #26a570);}

.body-content .sec-3 .box .btm-bg-1{ background:#095964;}
.body-content .sec-3 .box .btm-bg-2{ background:#087306;}
.body-content .sec-3 .box .btm-bg-3{ background:#81934b;}
.body-content .sec-3 .box .btm-bg-4{ background:#208759;}




.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;}


.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){

}