@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     font-size:16px;
     color:#505050;
     background: url(../images/bg.webp);
}
 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
.whats-app {
  width: 50px;
}
.whats-app img {
  opacity: 1;
  max-width: 50px;
}


@font-face {
  font-family: 'FML-Sruthy';
  src: url('../fonts/FML-Sruthy.eot');
  src: url('../fonts/FML-Sruthy.eot?#iefix') format('embedded-opentype'),
      url('../fonts/FML-Sruthy.woff') format('woff'),
      url('../fonts/FML-Sruthy.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FMLTTAathira';
  src: url('../fonts/FMLTTAathira-Bold.eot');
  src: url('../fonts/FMLTTAathira-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/FMLTTAathira-Bold.woff') format('woff'),
      url('../fonts/FMLTTAathira-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  
  src: url('../fonts/LGSmart.eot');
  src: url('../fonts/LGSmart.eot?#iefix') format('embedded-opentype'),
      url('../fonts/LGSmart.woff') format('woff'),
      url('../fonts/LGSmart.ttf') format('truetype');
      font-family: 'LG Smart';
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}


 .clear {
     clear: both 
}
 audio, ::selection {
     background:#387ed1;
     color: #fff;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:25%;
     padding-right:25% 
}

.desk-view{
    display: block 
}
.mob-view{
    display: none 
}
.banner-wraper{
  width: 100%;
  height: auto;
  position: relative;
}
.banner-caption-outer{
  width: 100%;
  height: auto;
}
.banner-caption{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: -35%;
}
.caption-logo{
  width: auto;
  height: auto;
  float: right;
}
.logo-name{
  width: auto;
  height: auto;
  color: #fff;
  font-size: 6.438em;
  font-family: 'FMLTTAathira';
  font-weight: bold;
    font-style: normal;
    font-display: swap;
    line-height: 0.7;
}
.site-nam{
  width: auto;
  height: auto;
  float: left;
  color: #fff;
  font-size: 1.625em;
  line-height: 1;
  font-family: 'LG Smart';
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
.coming-soon{
  width: auto;
  height: auto;
  float: left;
  color: #fff;
  font-size: 1.625em;
  padding-left: 0.5em;
  margin-left: 0.5em;
  border-left: 1px solid #fff;
  line-height: 1;
  font-family: 'LG Smart';
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
.category-container{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 30px 15%;
  position: relative;
}
.category{
  width: 24.81%;
  height: auto;
  float: left;
  margin-right: 0.25%;
}
.category:nth-child(4){ margin-right: 0%;}
.category-pic{
  width: 100%;
  height: auto;
}
.category-name{
  width: 100%;
  height: auto;
  text-align: center;
  color: #fff;
  padding-top: 10px;
  font-size: 1.875em;
  font-family: 'FML-Sruthy';
  font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.joining-group{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 35px 0px;
  align-items: center;
  padding-bottom:0px;
}
.joining-scanner{
  width: auto;
  height: auto;
  float: left;
}
.joining-for{
  width: auto;
  height: auto;
  float: left;
  padding-left: 0.5em;
}
.joining-for p{
  color: #fff;
  font-size: 1.563em;
  font-weight: normal;
  line-height: 1;
  font-family: 'LG Smart';
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
.welcome-container{
  width: 100%;
  height: auto;
  padding: 45px 0px;
  padding-top: 0px;
}
.welcome-title{
  width: auto;
  height: auto;
  color: #fff;
  font-size:3em;
  font-family: 'FMLTTAathira';
  font-weight: bold;
    font-style: normal;
    font-display: swap;
    line-height:1;
    text-align: center;
}
.welcome-container p{
  width: 100%;
  height: auto;
  text-align: center;
  color: #fff;
  font-size: 1.875em;
  font-family: 'FML-Sruthy';
  font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.google-ads{
  width: 100%;
  height: 90px;
  background-color: #333;
}
.social-for {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px 0px;
  margin-bottom: 30px;
}
.social-media{
  width: auto;
  height: auto;
  float: left;
}

 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
         font-size:13px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
    
}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
         font-size:15px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
    
}
 @media (min-width: 1360px) and (max-width: 1399px) {
    
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
    
}
 @media (min-width: 1400px) and (max-width: 1441px) {
    
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
     
}




@media (max-width:992px) {
  .desk-view{display:none}
.mob-view{display: block }
body{ background-size: inherit;}
  
}
 @media (max-width:420px) {
     body {font-size:14px !important;}
    .container{width:100%; padding-left:3%;padding-right:3% }
    .category{ width: 49.5%; margin-right: 1%; margin-bottom: 1em;}
    .category:nth-child(2n+2){ margin-right: 0%;}
    .category-container{ display: inherit;}
    .social-media{ width: 28%;}
    .social-media img{ max-width: 100%;}
    .site-nam{ font-size: 1.25em;}
    .coming-soon{ font-size: 1.25em;}
    .logo-name{ text-align: right; font-size: 3.5em;}
    .category-name{ font-size: 1.5em;}
    .welcome-title{font-size: 2em;}
    .welcome-container p{ font-size: 1.35em;}
    .joining-group{ padding: 35px 0px; padding-bottom:0px}
    .welcome-container{padding: 30px 0px; padding-top: 0px;}
    .whats-app img{max-width: 45px;}
    
    

}
 @media (min-width:421px) and (max-width:460px){
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }

    .container{width:100%; padding-left:3%;padding-right:3% }
    .category{ width: 49.5%; margin-right: 1%; margin-bottom: 1em;}
    .category:nth-child(2n+2){ margin-right: 0%;}
    .category-container{ display: inherit;}
    .social-media{ width: 28%;}
    .social-media img{ max-width: 100%;}
    .site-nam{ font-size: 1.25em;}
    .coming-soon{ font-size: 1.25em;}
    .logo-name{ text-align: right; font-size: 3.5em;}
    .category-name{ font-size: 1.5em;}

    .welcome-title{font-size: 2em;}
    .welcome-container p{ font-size: 1.35em;}
    .joining-group{ padding: 35px 0px;}
    .welcome-container{padding: 30px 0px; padding-top: 0px;}
    .whats-app img{max-width: 45px;}
    
    
}
 @media (min-width:461px) and (max-width:560px){
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }

    .container{width:100%; padding-left:3%;padding-right:3% }
    .category{ width: 49.5%; margin-right: 1%; margin-bottom: 1em;}
    .category:nth-child(2n+2){ margin-right: 0%;}
    .category-container{ display: inherit;}
    .social-media{ width: 28%;}
    .social-media img{ max-width: 100%;}
    .site-nam{ font-size: 1.25em;}
    .coming-soon{ font-size: 1.25em;}
    .logo-name{ text-align: right; font-size: 3.5em;}
    .category-name{ font-size: 1.5em;}
    .welcome-title{font-size: 2em;}
    .welcome-container p{ font-size: 1.35em;}
    .joining-group{ padding: 35px 0px;}
    .welcome-container{padding: 30px 0px; padding-top: 0px;}
        
}
 @media (min-width:561px) and (max-width:680px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }

   .container{width:100%; padding-left:3%;padding-right:3% }
   .category{ width: 49.5%; margin-right: 1%; margin-bottom: 1em;}
   .category:nth-child(2n+2){ margin-right: 0%;}
   .category-container{ display: inherit;}
   .social-media{ width: 28%;}
   .social-media img{ max-width: 100%;}
   .site-nam{ font-size: 1.25em;}
   .coming-soon{ font-size: 1.25em;}
   .logo-name{ text-align: right; font-size: 3.5em;}
   .category-name{ font-size: 1.5em;}
   
   
}
 @media (min-width:681px) and (max-width: 768px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
   .container{width:100%; padding-left:3%;padding-right:3% }
   .category-container{ display: inherit;}
   .social-media{ width: 28%;}
   .social-media img{ max-width: 100%;}
   .site-nam{ font-size: 1.25em;}
   .coming-soon{ font-size: 1.25em;}
   .logo-name{ text-align: right; font-size: 3.5em;}
   .category-name{ font-size: 1.5em;}
   
   
}
 @media (min-width:769px) and (max-width:991px){
    body {
        font-size:14px !important;
   }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
   }
   .container{width:100%; padding-left:3%;padding-right:3% }
   .category-container{ display: inherit;}
   .social-media{ width: 28%;}
   .social-media img{ max-width: 100%;}
   .site-nam{ font-size: 1.25em;}
   .coming-soon{ font-size: 1.25em;}
   .logo-name{ text-align: right; font-size: 3.5em;}
   .category-name{ font-size: 1.5em;}
   
   
}
 @media (min-width:992px) and (max-width:1199px){
 
}