/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

:root {
  --medium-dark:#171515;
  --black:#000;
  --white:#fff;
  --bg:#D8E1E7;  
  --yellow:#F39B1D;
  --red:#EE0900;
  --heading:#230709;
  --p:#848484;
  --gray:#C0C0C0;
}

*{margin: 0; padding: 0; box-sizing: border-box;} 
body,html{font-size: 16px; color:var(--black); font-family: "Pathway Extreme", sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box;}
html{scroll-padding-top: 10rem;}
a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:var(--sky-blue);}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}
.paddTop0{padding-top: 0 !important;}
.btn-group-box .btn{margin-right: 15px;}
.btn-group-box .btn:last-child{margin-right: 0;}
.section-padding{padding:100px 0px;}
.white{color: var(--white);}
.btn{height: 46px; line-height: 46px; padding:0px 25px; font-size: 15px; border: none; border-radius:50px; background:var(--medium-dark); color: var(--white); font-weight: 600;}
.btn:hover{background: var(--black); color: var(--white);}

h1 { font-size:34px; }
h2 { font-size:28px }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:20px; }
h6 { font-size:18px; }

p{color: var(--p); font-size: 16px; line-height: 28px;}

.transform-scale-07{transform: scale(0.7);}
.transform-scale-08{transform: scale(0.8);}
.transform-scale-09{transform: scale(0.9);}
.transform-scale-1{transform: scale(1);}
.transform-scale-1-1{transform: scale(1.1);}
.transform-scale-1-2{transform: scale(1.2);}
.transform-scale-1-3{transform: scale(1.3);}
.transform-scale-1-4{transform: scale(1.4);}
.transform-scale-1-5{transform: scale(1.5);}
.mr-bot0{margin-bottom: 0 !important;}
.border0{border: none !important;}
.padd-left-35{padding-left: 35px;}
.mar-top50{margin-top: 50px;}
.mar-bot50{margin-bottom: 50px;}
.mar-top80{margin-top: 80px;}
.mar-left-right50{margin-left: 50px; margin-right:50px;}
.mar-left-right80{margin-left: 80px; margin-right:80px;}
.mar-top-bottom50{margin-top: 50px; margin-bottom:50px;}
.mar-top-bottom30{margin-top: 30px; margin-bottom:30px;}
.padd-top-bottom50{padding-top: 50px; padding-bottom:50px;}
.mr-left-right45{margin-left: 45px; margin-right: 45px;}
.padd0{padding: 0 !important;}
.mr0{margin: 0 !important;}
.padd-top89{padding-top: 89px !important;}
hr{margin: 25px 0px;}
.padd20{padding: 20px;}
.padd30{padding: 30px;}
.padd-bot0{padding-bottom: 0;}
.ml-50{margin-left: 50px}

.white-bg{background:var(--white); border: 1px solid var(--border); border-radius: 30px;}
.light-bg{background: var(--white) !important;}
.marTop40{margin-top: 40px;}
.form-check-input:checked{background-color: var(--brown); border-color: var(--brown);}
/* .site-bg{padding-top: 88px;} */

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

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/


header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 15px 15px;}
.header-inner{display: grid; grid-template-columns:repeat(3,1fr); align-items: center;}
.head-right{margin-left: auto;}
#navbarNavDropdown{justify-content: center;}
.fixed header{background:var(--light-yellow);}
.header-inner{
  & nav{
    & ul{
      & li{
        & a{
          color: var(--heading); font-size: 15px; font-weight: 600; padding-left: 10px !important; padding-right: 10px !important;
          &:hover{color: var(--yellow);}
      }
      & .active{color: var(--yellow) !important;}
    }
  }
 } 
}

/*--------------------------------------------------------------------------------------*/
/*home-page-css-here
/*--------------------------------------------------------------------------------------*/

.slider-section{background:var(--bg); min-height: 100vh; padding: 65px 15px 0px 15px; position: relative; display: flex; align-items: center;
.shape-box01{position: absolute; left: 0; bottom: 100px;}
.shape-box02{position: absolute; right: 0; bottom: 0px;}
}
.slider-des-box{position: relative; z-index: 1;}
.slider-des-row{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center;
 & h1{color: var(--heading); font-size: 80px; font-weight: 600; line-height: normal; margin-bottom: 15px;
   span{color: var(--red);}
}

 @media only screen and (max-width: 768px) {
    grid-template-columns: 1fr;
 }
}
.app-download-btn{display: flex; gap: 15px; margin-top: 30px;
 a{
  display: flex;
  align-items: center;
  span{font-size: 15px; padding-right: 5px;}
  i{font-size: 24px;}
 }
}
.modal-content{position: relative;
 .btn-close{position: absolute; right: 15px; top: 15px; z-index: 9; color: var(--black); opacity: 1;}
}
.device-image-box{text-align: center;}