@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.hero-bg{
    background:url('');
    background-size:cover;
    background-position:bottom center;
    padding-top:60px;
    display: flex;
    align-items:end;
}


@media only screen and (max-width: 992px) {


/* Hero Section For MObile and Tablet */
.hero-red-bg-text{
    width:100% !Important;

  }

  .s-hero{
    font-family:Source Sans 3;
    font-size:2.55rem;
    line-height:2.9rem !important;
    font-weight:800;
}
}

.hero-red-bg-text{
   background-color:rgba(0,0,0,0.50);
    padding:25px;
    max-width:580px !important;
  }


/* Typography */
@media only screen and (min-width: 992px) {
.s-hero{
    font-family:Source Sans 3;
    font-size:3.11rem;
    line-height:3.2rem !Important;
    font-weight:900;
}
}

.s-h1{
    font-family:Source Sans 3;
    font-size:2.5rem;
    font-weight:700;
}

.s-h2{
    font-family:Source Sans 3;
    font-size:2rem;
    font-weight:600;
}

.s-h3{
    font-family:Source Sans 3;
    font-size:1.75rem;
    font-weight:600;
}

.s-h4{
    font-family:Source Sans 3;
    font-size:1.5rem;
    font-weight:600;
}

.s-h5{
    font-family:Source Sans 3;
    font-size:1.25rem;
    font-weight:500;
}

.s-h6{
    font-family:Source Sans 3;
    font-size:1rem;
    font-weight:500;
}

.s-p{
    font-family:Source Sans 3;
    font-size:1rem;
}

.s-p-lg{
    font-family:Source Sans 3;
    font-size:1.2rem;
}

.k-h1{
    font-family:Kanit;
    font-size:2.5rem;
    font-weight:700;
}

.k-hero{
    font-family:Kanit;
    font-size:2.91rem;
    line-height:1.2em;
    font-weight:700;
}

.k-h2{
    font-family:Kanit;
    font-size:2rem;
    font-weight:600;
}

.k-h3{
    font-family:Kanit;
    font-size:1.75rem;
    font-weight:600;
}

.k-h4{
    font-family:Kanit;
    font-size:1.5rem;
    font-weight:600;
}

.k-h5{
    font-family:Kanit;
    font-size:1.25rem;
    font-weight:500;
}

.k-h6{
    font-family:Kanit;
    font-size:1rem;
    font-weight:500;
}

.k-small-h{
    font-family:Kanit;
    font-size:0.75rem;
    font-weight:500;
}


.k-p{
    font-family:Kanit;
    font-size:1rem;
}

.k-p-lg{
    font-family:Kanit;
    font-size:1.2rem;
}

/* Open Sans */
.op-h1{
    font-family:Open Sans;
    font-size:2.5rem;
    font-weight:700;
}

.op-hero{
    font-family:Open Sans;
    font-size:2.91rem;
    line-height:1.2em;
    font-weight:700;
}

.op-h2{
    font-family:Open Sans;
    font-size:2rem;
    font-weight:600;
}

.op-h3{
    font-family:Open Sans;
    font-size:1.75rem;
    font-weight:600;
}

.op-h4{
    font-family:Open Sans;
    font-size:1.5rem;
    font-weight:600;
}

.op-h5{
    font-family:Open Sans;
    font-size:1.25rem;
    font-weight:500;
}

.op-h6{
    font-family:Open Sans;
    font-size:1rem;
    font-weight:500;
}

.op-small-h{
    font-family:Open Sans;
    font-size:0.75rem;
    font-weight:500;
}


.op-p{
    font-family:Open Sans;
    font-size:1rem;
}

.op-p-lg{
    font-family:Open Sans;
    font-size:1.2rem;
}

/* Montserrat */

.m-s-hero{
    font-family:Montserrat;
    font-size:3.9rem;
    line-height:1.2em;
    font-weight:700;
}


.m-hero{
    font-family:Montserrat;
    font-size:2.9rem;
    line-height:1.2em;
    font-weight:700;
}

.m-h1{
    font-family:Montserrat;
    font-size:2.5rem;
    font-weight:700;
}

.m-h2{
    font-family:Montserrat;
    font-size:2rem;
    font-weight:600;
}

.m-h3{
    font-family:Montserrat;
    font-size:1.75rem;
    font-weight:600;
}

.m-h4{
    font-family:Montserrat;
    font-size:1.5rem;
    font-weight:600;
}

.m-h5{
    font-family:Montserrat;
    font-size:1.25rem;
    font-weight:500;
}

.m-h6{
    font-family:Montserrat;
    font-size:1rem;
    font-weight:500;
}

.m-p{
    font-family:Montserrat;
    font-size:1rem;
}

.m-p-lg{
    font-family:Montserrat;
    font-size:1.2rem;
}

/* Font for Text-Decoration Uppercase */
.text-up{
    text-transform:uppercase;
}

/* Font Weight Controller */
.w-400{
    font-weight:400 !important;
}

.w-500{
    font-weight:500 !important;
}

.w-600{
    font-weight:600 !important;
}

.w-700{
    font-weight:700 !important;
}

.w-800{
    font-weight:800 !important;
}

.w-900{
    font-weight:900 !important;
}


/* Color Scheme


*/
:root{
    --brown-1:#ceb096;
   --white:#fff;
   --blue:#203469;
   --h-blue:#007bc7;
   --gray:#726f72;
   --btn-bg:#bdb7b7;
   --bg-offwhite:#f1f1f1;
   --grey:#bdb7b7;
   --slate:#65605f;
   --s-blue:#009cdf;

}

.s-blue-c{
    color:var(--s-blue);
}

.brown-1-c{
    color:var(--brown-1);
}

.bg-offwhite{
    background:var(--bg-offwhite);
}
.white-c{
    color:#fff;
}

.blue-c{
  color:var(--blue);
}

.h-blue-c{
   color:var(--h-blue);
}

.gray-c{
 color:var(--gray);
}

.btn-std{
    border:0px;
    padding:15px 25px;
    color:var(--white);
    background:var(--grey);
}

.btn-std:hover{
    background:var(--slate);
}


/* General Formatting */

p{
    margin:0px 0xp 10px 0px;
}

h1, h2, h3, h4, h5, h6{
    margin-bottom:0px !Important;
}
/* Div Boxes */

.grey-box{
  background:var(--slate);
}

/* Button Styling */

.btn-std{
    border:0px;
    padding:15px 25px;
    color:var(--white);
    background:var(--grey);
}

.btn-std:hover{
    background:var(--slate);
}

/* Background Color */

.bg-offwhite{
    background-color:var(--offwhite);
    
}

/* Code For Video Poster */
.video-section video {
    object-fit: cover;
}

.play-icon {
    width: 80px; /* Set width for the play icon */
    height: 80px;
    cursor: pointer;
}

.play-icon img {
    width: 100%;
    height: 100%;
}

.no-text{
    text-decoration:none;
}

/* Customize Code Only for Activ Ice - Hero Section */

@media only screen and (min-width: 992px) {
.logo-adjust-active-fix{
    max-width:380px;
    height:100%;
    width:100%;
}
}

@media only screen and (max-width: 992px) {
    .logo-adjust-active-fix{
        max-width:300px;
        margin-bottom:0px !Important;
    }
    .img-sp{
        width:100%;
        margin-bottom:0px;
    }
    .spacer-600{
        min-height:350px !important;   
     }
     .sp-container{
        margin-top:-80px !Important;
    }
}

[data-animation] {
    opacity: 0;
    visibility: hidden;
  }

  .text-justify{
    text-align:justify;
  }


  .new-bg-shape
  {
   background:url('./assets/images/epilise-images/2.png');
   background-size:cover;
   background-repeat:no-repeat;
   background-position:center center;

  }

  .new-bg-shape-2{
    background:url('./assets/images/epilise-images/bg-3.png');
   background-size:cover;
   background-repeat:no-repeat;
   background-position:center center;
  }

  .new-bg-shape-3{
    background:url('./assets/images/epilise-images/bg-5.png');
   background-size:cover;
   background-repeat:no-repeat;
   background-position:top center;
   
  }

  .new-bg-shape-4{
    background:url('./assets/images/epilise-images/Layer-11.png');
    background-size:400px !Important;
    background-repeat:no-repeat;
    background-position:center center;
  }

  .new-bg-shape-5{
    background:url('./assets/images/poolbike-images/bg-last.png');
   background-size:cover;
   background-repeat:no-repeat;
   background-position:center center;
  }

.img-sp{
    width:130%;
    margin-bottom:-100px;
}

.sp-container{
    margin-top:-340px;
    background:url('./assets/images/infrakebike/db615a288f19578cba5430732aa216b2.png');
    background-size:contain;
    background-position:center right;
    background-repeat:no-repeat;
}

.spacer-600{
   min-height:850px;   
}

.c-ul li{
    padding-bottom:15px;
}
.c-ul li:last-child{
    padding-bottom:0px;
}

@media only screen and (min-width: 992px) {
    .padding-left-fix{
      padding-left:50px;
    }
    .padding-right-fix{
      padding-right:50px;
    }
  }


  @media only screen and (max-width: 992px) {
  .splash-bg{
    background:url('./assets/images/poolbike-images/splash-bg.png');
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center center;
  }
}