@tailwind base;
@tailwind components;
@tailwind utilities;


:root {
  --white: '#FFFFFF',
    --blue: '#216FED',
    --navy: '#003366',
    --coral: '#FFA500',
    --grey: '#E5EAF4'
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'mic-32-new-web', sans-serif ;
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}
button, a {
  user-select: none;
}
.hs-button {
border-radius: .25rem;
}

.gradientBackground
{
  background-color:hsla(210,100%,20%,1);
  background-image:
  radial-gradient(at 69% 31%, hsla(216,68%,43%,1) 0px, transparent 50%),
  radial-gradient(at 2% 22%, hsla(210,100%,20%,1) 0px, transparent 50%),
  radial-gradient(at 16% 100%, hsla(14,77%,70%,1) 0px, transparent 50%),
  radial-gradient(at 88% 74%, hsla(198,71%,52%,1) 0px, transparent 50%),
  radial-gradient(at 0% 55%, hsla(333,72%,71%,1) 0px, transparent 50%),
  radial-gradient(at 64% 87%, hsla(256,30%,71%,1) 0px, transparent 50%);
}

/*# Tiny slider */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

.language-switcher-header{
  
}

/* for new button in features and icons module*/
.btn-primaryOutline {
  border: 2px solid #0A00FF;
  color: #0A00FF;
  background: transparent;
  transition: all 0.3s ease;
}

.btn-primaryOutline:hover {
  background: #FFFFFF;
  color: #0A00FF;
}

.btn-primaryBlue {
  border: 2px solid #0A00FF;
  color: #0A00FF;
  background: transparent;
  border-radius: 5px;
  padding: 5px 20px !important;
  font-weight: 700;
  font-size: 24px;
  transition: all 0.3s ease;
  display: inline-block !important;
}

.btn-primaryBlue:hover {
  background: #0A00FF;
  color: #ffffff;
}

.btn-poster-cyan {
  border: 2px solid #21D3FB !important;
  color: #21D3FB !important;
  background: transparent !important;
  border-radius: 5px;
  padding: 5px 20px !important;
  font-weight: 700;
  font-size: 24px !important;
  transition: all 0.3s ease;
  display: inline-block !important;
}

.btn-poster-cyan:hover {
  background: #21D3FB !important;
  color: #ffffff !important;
}

.btn-primaryBluefill {
  color: #ffffff;
  background: #0A00FF;
  border-radius: 5px;
  padding: 5px 20px !important;
  font-weight: 700;
  font-size: 24px;
  transition: all 0.3s ease;
  display: inline-block !important;
}

.btn-primaryBluefill:hover {
  border: 2px solid #0A00FF;
  background: #FFFFFF;
  color: #0A00FF;
}
}