/*------scroll bar---------------------*/
	::-webkit-scrollbar {
	  width: 15px;
	  height: 7px;
	  cursor: pointer;
	}
	::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}

	::-webkit-scrollbar-thumb {
	  background: #2e55a2;
	  border: 0px none #ffffff;
	  border-radius: 0px;
	}
	::-webkit-scrollbar-thumb:hover {
	  background: #5aadef;
	  transition: 1200ms;
	  cursor: pointer;
	}
	::-webkit-scrollbar-thumb:active {
	  background: #24446c;
	  cursor: pointer;
	}
	
	::-webkit-scrollbar-track {
	  background: transparent;
	  border: 0px none #ffffff;
	  border-radius: 50px;
	}
	::-webkit-scrollbar-track:hover {
	  background: transparent;
	}
	::-webkit-scrollbar-track:active {
	  background: transparent;
	}
	::-webkit-scrollbar-corner {
	  background: transparent;
	}

	.cwd8-row,
	.cwd8-row-content {
		position: relative
	}

	.cwd8-row-1 .cwd8-row-content,
	.cwd8-row-3 .cwd8-row-content {
    background: rgb(2,0,36);
		background-position: center top;
		color: #000;
		background-repeat: no-repeat
	}

/* Font Style */
	.italic {font-style: italic;}
	.font-weight-bold{font-weight: bold;}	

/* line-height */
	.lh-1{line-height:16px;}

/* Margin */
	.mt-5 {margin-top: 5px;}
	.mt-10 {margin-top: 10px;}		
	.mt-15 {margin-top: 15px;}		
	.mt-20 {margin-top: 20px;}		
  .mt-25 {margin-top: 25px;}
	.mb-5 {margin-bottom: 5px;}
	.mb-10 { margin-bottom: 10px;}
	.mb-15 { margin-bottom: 15px;}	
	.mb-20 { margin-bottom: 20px;}
	.mr-5 {margin-right:5px;}

	.pt-15 {padding-top:15px!important;}
	.pb-15 {padding-bottom:15px!important;}
	.pl-5 {padding-left:5px!important;}
	.pl-20 {padding-left:20px!important;}
	.pl-30 {padding-left:30px!important;}
	.pr-5 {padding-right:5px!important;}
	.pr-20 {padding-right:20px!important;}
	.pr-30 {padding-right:30px!important;}


/* Letter Space */
	.ls-1{letter-spacing: 1px;}
	.ls-2{letter-spacing: 2px;}
	.ls-3{letter-spacing: 3px;}
	.ls-4{letter-spacing: 4px;}
	.ls-5{letter-spacing: 5px;}	
	.ls-6{letter-spacing: 6px;}
	.ls-7{letter-spacing: 7px;}
	.ls-8{letter-spacing: 8px;}
	.ls-9{letter-spacing: 9px;}
	.ls-10{letter-spacing: 10px;}

/* Font Size */
	.fs-14{font-size: 14px;}
	.fs-18{font-size: 18px;}	
	.fs-19{font-size: 19px;}
	.fs-20{font-size: 20px;}
	.fs-23{font-size: 23px;}
	.fs-32{font-size: 32px;}	
	.fs-35{font-size: 35px;}
	.fs-60{font-size: 60px;}

/*Line height*/
.lh-21{line-height: 21px;}
.lh-35{line-height: 35px;}

/* Collors  */
	.color-default-03{color:#a3acc1;}
	.color-default-05{color:#5aadef;}
	.color-default-10{color:#ced4da;}
	.color-default-11{color:#ffffff;}
	.color-default-12{color:#863ae0;}
	.color-default-13{color:#9a92ff;}
	.color-default-14{color:#979696;}
	.color-default-15{color:#2e55a2;}
	.color-white{color: #ffffff;}
	.color-black{color: #000000;}
	.bg-color-01{background-color: #863ae0;}
	.bg-color-02{background-color: #2e55a2;}
	.bg-color-03{background-color: #67c0d8;}
	.bg-color-04{background-color: #ea55a1;}
	.bg-color-05{background-color: #00afef;}
	.bg-color-06{background-color: #45a12c;}
	.bg-color-07{background-color: #3b72b4;}


	.save{padding: 0 0 0 0px!important;}

	.center{display: flex; flex-direction: column; align-items: center;}
	.center-justify{align-content: space-between; justify-content: flex-start; align-items: center;}
	.center-2{display:flex; justify-content: center; align-items: center; height: 100vh;}
	.center-text{text-align:center;}

	body {
		background-color: #fff;
		color: #000;
		font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    height: 100vh;
	}

	a {color: #0068a5}
	* {box-sizing: border-box}

	body,
	h1,
	h2,
	p {
		margin: 0
	}

	.txt-style-font-1{
			color:#ffffff;
			direction:ltr;
			font-family:'Oswald', Arial, 'Helvetica Neue', Helvetica, sans-serif;

			font-weight:normal;
			letter-spacing:normal;
			line-height:120%;
			text-align:center;
			margin-top:0;
			margin-bottom:0;
	}

	.txt-style-font-2{
			font-size: 14px;
			line-height: 150%;
			color: #555555;
			font-family: inherit;
	}
	.txt-style-font-2 p {line-height: 21px; text-align: center;}
	.txt-style-font-2 p span{line-height: 18px;}

	.align-txt-and-icon{display: flex; justify-content: center;}

	.cwd8-row-content {
		max-width: 480px;
		margin: 0 auto;
		display: flex;
	}

	.cwd8-row-content .cwd8-col-w6 {flex-basis: 50%;}
	.cwd8-row-content .cwd8-col-w12 {flex-basis: 100%;}
	.cwd8-button .content {text-align: center;}

	.cwd8-button a,
	.cwd8-icon .cwd8-icon-label-right a {text-decoration: none;}
	.cwd8-divider,
	.cwd8-image {overflow: auto;}
	.cwd8-divider .center,
	.cwd8-image .cwd8-center {margin: 0 auto;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-5,
	.cwd8-row-2 .cwd8-col-1 .cwd8-block-1,
	.cwd8-row-2 .cwd8-col-2 .cwd8-block-1 {width: 100%;}
	.cwd8-icon {display: inline-block; vertical-align: middle;}
	.cwd8-icon .cwd8-content {display: flex; align-items: center;}
	.cwd8-image img {display: block; width: 100%;}
	.cwd8-social .icon img {max-height: 32px;}
	.cwd8-text {overflow-wrap: anywhere}

	@media (max-width:500px) {.cwd8-row-content:not(.no_stack){display: block;}}

	.cwd8-row-1,
	.cwd8-row-2,
	.cwd8-row-3 {background-color: #0a0a19; background-repeat: no-repeat;}

	.cwd8-row-1 .cwd8-row-content {
		background-image: url('../../__assets/_img/banner/banner-1.png')}


	.cwd8-row-1 .cwd8-col-1,
	.cwd8-row-4 .cwd8-col-1 {padding-bottom: 5px; padding-top: 5px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-1,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-2 {padding: 60px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-12,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-4 {padding: 15px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-13,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-6,
	.cwd8-row-3 .cwd8-col-1 .cwd8-block-1 {text-align: center; width: 100%;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-7 {padding: 10px 50px;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-10,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-11,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-8,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-9 {padding: 10px 20px; text-align: center;}
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-14 {padding: 10px;}
	.cwd8-row-2 .cwd8-row-content,
	.cwd8-row-4 .cwd8-row-content {background-repeat: no-repeat; color: #000;}
	.cwd8-row-3 .cwd8-col-1 {padding-bottom: 15px; padding-top: 15px;}
	.cwd8-row-3 .cwd8-col-1 .cwd8-block-2 {padding: 10px; text-align: center;}
	.cwd8-row-4 {background-repeat: no-repeat;}

	.cwd8-row-1 .cwd8-col-1 .cwd8-block-15,
	.cwd8-row-1 .cwd8-col-1 .cwd8-block-16 {padding: 5px;}

	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 {
		color: #9d9d9d;
		font-family: inherit;
		font-size: 15px;
		padding-bottom: 5px;
		padding-top: 5px;
		text-align: center;
	}

	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon-image {padding: 2px 2px 2px 2px;}
  .cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon-image img {height:32px;}
	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon:not(.cwd8-icon-first) .cwd8-content {margin-left: 0;}
	.cwd8-row-4 .cwd8-col-1 .cwd8-block-1 .cwd8-icon::not(.cwd8-icon-last) .cwd8-content {margin-right: 0;}

	.button-default{
	font-size: 16px;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-radius: 29px;
	border-right: 0px solid transparent;
	border-top: 0px solid transparent;
	color: #ffffff;
	font-family: inherit;
	letter-spacing: 0px;
	max-width: 95%;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 80%;
	}

.pointer-btn{cursor: pointer;}

/* Effect Hover Forward */
	.hvr-forward {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
	.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
	  -webkit-transform: translateX(8px);
	  transform: translateX(8px);
	}

.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem;
}

.card.card-cascade.narrower .view.view-cascade {
    margin-top: -1.25rem;
    margin-right: 4%;
    margin-left: 4%;
}

.card.card-cascade .view.view-cascade.gradient-card-header {
    color: #fff;
    text-align: center;
}

.card.card-cascade .view.view-cascade {
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.green-gradient {background: linear-gradient(0deg,#91cf80,#45a12c) !important;}
.blue-gradient {background: linear-gradient(180deg,#97bdf8,#0a64b0) !important;}

@media (min-width: 280px) and (max-width: 359px){.size-map{width:265px; height:300px;}}
@media (min-width: 360px) and (max-width: 410px){.size-map{width:330px; height:300px;}}
@media (min-width: 411px) and (max-width: 539px){.size-map{width:360px; height:300px;}}
@media (min-width: 540px) and (max-width: 1920px){.size-map{width:420px; height:300px;}}

.gradient-1 {
  transition: 0.5s;
  border: none;
  background-size: 200% auto;
  background-image: linear-gradient(0deg, #30CDFF 0%, #0460ad 51%, #a1c4fd 100%);
      -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.gradient-2 {
  transition: 0.5s;
  border: none;
  background-size: 200% auto;
  background-image: linear-gradient(0deg, #e9a83c 0%, #95631f 51%, #ffa52b 100%);
  -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.gradient-3 {
  transition: 0.5s;
  border: none;
  background-size: 200% auto;
  background: linear-gradient(180deg,#ffa52b 0%,#e9a83c 49%,#95631f 51%,#e9a83c 100%);
  -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}


/* COLORS */
.green { 
  background: -webkit-linear-gradient(#bfff00,transparent,#bfff00);
  background: -moz-linear-gradient(#bfff00,transparent,#bfff00);
  background: -o-linear-gradient(#bfff00,transparent,#bfff00);
  background: linear-gradient(#bfff00,transparent,#bfff00)
}

.blue {
  background: -webkit-linear-gradient(#3cf,transparent,#3cf);
  background: -moz-linear-gradient(#3cf,transparent,#3cf);
  background: -o-linear-gradient(#3cf,transparent,#3cf);
  background: linear-gradient(#3cf,transparent,#3cf)
}

.red {
  background: -webkit-linear-gradient(#cd5c5c,transparent,#cd5c5c);
  background: -moz-linear-gradient(#cd5c5c,transparent,#cd5c5c);
  background: -o-linear-gradient(#cd5c5c,transparent,#cd5c5c);
  background: linear-gradient(#cd5c5c,transparent,#cd5c5c)
}

.purple {
  background: -webkit-linear-gradient(#e166e1,transparent,#e166e1);
  background: -moz-linear-gradient(#e166e1,transparent,#e166e1);
  background: -o-linear-gradient(#e166e1,transparent,#e166e1);
  background: linear-gradient(#e166e1,transparent,#e166e1)
}

.linear-gradient-blue{
  background-image: -webkit-linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
  background-image: -moz-linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
  background-image: -o-linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
  background-image: linear-gradient(0deg, #30cdff 0%, #0460ad 51%, #a1c4fd 100%);
}

.circle-container {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
/*   height: 100vh; */
}

.outer-circle {
	position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);
  transform-origin: center;
  transform: translate(-50%, -50%);
  animation: rotate 5s linear infinite;
  z-index: 2;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.inner-circle {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-circle img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  z-index: 2;
}

/*Animation effect transition collors*/
.animation-10-sec{
  -webkit-animation: animation-10-seconds 10s infinite linear;
  -moz-animation: animation-10-seconds 10s infinite linear;
  -o-animation: animation-10-seconds 10s infinite linear;
  animation: animation-10-seconds 10s infinite linear;
}

@keyframes animation-10-seconds { from { 
    -webkit-filter: hue-rotate(0deg);
    -moz-filter: hue-rotate(0deg);
    -o-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
 	to {
    -webkit-filter: hue-rotate(-360deg);
    -moz-filter: hue-rotate(-360deg);
    -o-filter: hue-rotate(-360deg);
    filter: hue-rotate(-360deg);
  }
}

.pulse{
    background: linear-gradient(0deg, #58cb6a 0%, #227b30 51%, #6bef7f 100%);
    animation: animate 2s linear infinite;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgba(35, 197, 60, 0.7), 0 0 0 0 rgba(35, 197, 60, 0.7);
    }
    40% {
        box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 0 rgba(35, 197, 60, 0.7);
    }
    80% {
        box-shadow: 0 0 0 50px rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(35, 197, 60, 0), 0 0 0 30px rgba(35, 197, 60, 0);
    }
}

/*----------------------------------------------*/  
/*------------------- START --------------------*/
/*--------------- ANIMATION TEXT ---------------*/
.txt-anim-1{
  background: 50% 100% / 50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: reveal 3000ms ease-in-out forwards 200ms,
             glow 2500ms linear infinite 2000ms;
}

  @keyframes reveal {
     40% {letter-spacing: 5px;}
    100% {background-size: 300% 280%;}
  }
  @keyframes glow {
     40% {text-shadow: 0 0 8px #fff;}
  }
/*--------------- ANIMATION TEXT --------------*/
/*-------------------- END --------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

.outer-circle-2 {
	position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);
  transform-origin: center;
  transform: translate(-50%, -50%);
  animation: rotate 5s linear infinite;
  z-index: 2;
}

.effect-shadow-1 {
    filter: drop-shadow(0px 0px 10px #ffffff) drop-shadow(-2px -2px 50px #025bc0);
		animation: glow 500ms linear infinite 10000ms;

	}