/* Fonts */

:root {

  --font-default: 'Roboto Flex', sans-serif;

  --font-primary: 'Poppins', sans-serif;

  --font-secondary:'Nunito', sans-serif ;

/*  --font-size:20px;*/
}



/* Colors */

:root {

  --color-default: #262626;

  --color-primary: #007fed;

  --color-secondary: #41246d;

}



/* Smooth scroll behavior */

:root {

  scroll-behavior: smooth;

}





/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

html, body {

  height: 100%;

}



body {

  font-family: var(--font-default);

  color: var(--color-default);

  overflow-x: hidden;

  display: flex;

  flex-direction: column;

  font-size: 1rem;

  font-weight: 400;

/*  font-size: .85rem;*/

}



a {

  color: var(--color-primary);

  text-decoration: none;

}



a:hover {

  color: #ffc732;

  text-decoration: none;

}



h1

{

  font-family: var(--font-primary);

}



h2,

h3,

h4,

h5,

h6 

{font-family: var(--font-secondary)}



h1{font-size: 3.5rem}



section{padding-top: 80px; padding-bottom: 80px}



p{line-height: 1.8}



.btn{padding: 0rem 3.75rem !important; line-height: 2.7}

.btn-outline-primary{

  border:2px solid var(--color-primary);

  color:var(--color-primary);

}







/*--------------------------------------------------------------

# Scroll bar

--------------------------------------------------------------*/

/* width */

::-webkit-scrollbar {

  height: 6px;              /* height of horizontal scrollbar ← You're missing this */

  width: 8px;               /* width of vertical scrollbar */

  border: 1px solid #d5d5d5;

}



/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1; 

}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background: #ccc; 

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #555; 

}







/*--------------------------------------------------------------

# General class

--------------------------------------------------------------*/

.bg-bg{background-size: cover; background-repeat: no-repeat; background-position: center center;}

.cmpad{padding-left: 80px; padding-right: 80px}

.l-0{left:0px}

.t-0{top:0px}

.r-0{right:0px}

.b-0{bottom: 0px}

.line{width: 80px;

    height: 3px;

    background: var(--color-primary);}

.line1{    width: 600px;

    height: 1px;

    background: #ffffff47;}

.overlay{position: absolute;width: 100%; height: 100%; left:0px; top:0px;}

.blk{background:  rgb(2 0 36 / 67%);

 /* background: linear-gradient(45deg, rgb(2 0 36) 0%, rgb(9 9 121 / 72%) 29%, rgb(0 145 255 / 59%) 63%, 

    rgb(239 0 255 / 57%) 93%);*/



/*

  background: rgb(238,174,202);

background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);*/

}

.list-style-none{list-style-type: none;}



.gen-list{padding-left: 0px}



.gen-list li {

  position: relative;

  padding-left: 25px;

  margin-bottom: 5px;

}

.gen-list li:before {

  content: "";

  position: absolute;

  left: 0px;

  top: 6px;

  background-image: url(../img/icons/check-mark.svg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  width: 13px;

  height: 13px;



}



/*--------------------------------------------------------------

# Swiper

--------------------------------------------------------------*/



.swiper {

      width: 100%;

      height: 100%;

    }



    .swiper-slide {

      text-align: center;

      font-size: 18px;

      background: #fff;

      display: flex;

      justify-content: center;

      align-items: center;

    }



    .swiper-slide img {

      display: block;

      width: 100%;

      height: 100%;

      object-fit: cover;

    }



    .autoplay-progress {

      position: absolute;

      right: 16px;

      bottom: 16px;

      z-index: 10;

      width: 48px;

      height: 48px;

      display: flex;

      align-items: center;

      justify-content: center;

      font-weight: bold;

      color: var(--swiper-theme-color);

    }



    .autoplay-progress svg {

      --progress: 0;

      position: absolute;

      left: 0;

      top: 0px;

      z-index: 10;

      width: 100%;

      height: 100%;

      stroke-width: 4px;

      stroke: var(--swiper-theme-color);

      fill: none;

      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));

      stroke-dasharray: 125.6;

      transform: rotate(-90deg);

    }







    .slider-item{height: 100vh;}





/*--------------------------------------------------------------

# Landing Image

--------------------------------------------------------------*/



.lnd-cont{height: 65vh}

.location{width: 70px; margin-right: 8px}

.cnt-box{height: 100%;

    border-radius: 20px;

    box-shadow: 2px 1px 30px -10px #1e24403b;

    padding: 3rem 2rem;}

.sld-txt{opacity: .7;

    font-family: var(--font-secondary);

    font-size: 1.4rem;}

.fw-bolder{font-weight: 800 !important}

.sld-img{position: absolute;width: 100%; height: 100%; object-fit: cover;}



@keyframes sldrzm {

  0% {

    transform: translateX(6%) scale(1.2);

  }

  100% {

    transform: translateX(-2%) scale(1.1);

  }

}



.ov-hidden{overflow: hidden;}

 .sld-img{animation: sldrzm ease-in-out 20s alternate infinite;}







 @media (max-width: 575px){

  h1{font-size: 1.8rem}

  .sld-txt{font-size: 1.2rem;  line-height: 1.2;}



  section {

    padding-top: 40px;

    padding-bottom: 40px;

}

 }