:root { 
  --green-color: #183d2b;
  --green-color2:#386C44;
  --green-color3:#8ca993;
  --green-color4:#ccd6cb;
}

  @font-face {
  font-family: 'Aptos';
  src:url('fonts/Aptos.ttf') format('ttf'); 
  font-weight: normal;
  font-style: normal;
}
  body {
  font-family: "Lato", sans-serif; 
}
.lato {
  font-family: "Lato", sans-serif;
 
  font-style: normal;
}
.bg-theme{background:var(--green-color); }
.bg-theme2{background:var(--green-color2); }
.bg-theme3{background:var(--green-color3); }
.text-theme{color:var(--green-color); }
.text-theme2{color:var(--green-color2); }
.text-theme3{color:var(--green-color3); }
.text-theme4{color:var(--green-color4); }
.header{background:var(--green-color);    height: 110px;}
.header .logo{    width: 150px;    border-radius: 0 0 10px 10px;    z-index: 9;
    box-shadow: 0 0px 5px #5353534a;background:#fff;    position: relative;}
.header p a,.header p{color:#fff;    text-decoration: none;}
.header .btn{background:#fff;color:#333;padding: 5px 15px;border-radius:0;}
.banner-section .caption{position:absolute;top:50px;}
.banner-section .caption p{color:#fff;text-shadow: 0 0 16px #000;}
.banner-section .overlay{position:absolute;right:0;left:0;bottom:0;top:0;background:radial-gradient(transparent, #070707d4);}
.banner-section .display-4{  /*  background: url(../images/greenbg.png);*/
    background-repeat: no-repeat;    background-position: bottom left;    padding: 7px 0;    display: inline-block;background-size:contain;}
    .banner-section .title1{    font-size: 2em;}
    .banner-section .title1 span{    font-size: 2em;}
    .section-1 span{opacity: 0.10;    color: transparent;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: #000;
    font-size: 3em;    font-size: 100px;    font-weight: 800;position:absolute;    top: -56px;z-index: 9;
    width: 100%;    text-align: center;}
    .section-1 img{    border-radius: 20px;
    border-top: 7px solid #386C44;    height: 350px;
    object-fit: cover;}
    .test{  background: url(../images/greenbg.png);
    background-repeat: no-repeat;     background-size: cover;    color: #fff;    padding: 26px 20px;    text-align: center; }
    .about-us p.title{ background: url(../images/greenbg.png);
    background-repeat: no-repeat;     background-size: cover;    color: #fff;   padding: 14px 38px;   display: inline-block;}
    .green-btn{background:var(--green-color);color:#fff;border-radius:30px;padding:7px 20px;text-decoration:none;text-transform:uppercase;border:4px solid #fff;
        outline:1px solid var(--green-color);transition:0.5s;
    }
    .green-btn:hover{background:var(--green-color2);}
    .section-title span{opacity: 0.10;    color: transparent;    -webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: #000;
    font-size: 3em;    font-size: 100px;    font-weight: 800;position:absolute;    top: -56px;z-index: 9;
    width: 100%;    text-align: center;    left: 0;}
    .about-us{background:url(../images/about-us-2.jpg);background-size: cover;
    background-position: bottom;
    background-attachment: fixed;}
    .set-us-apart{background:url(../images/img-12.jpeg);background-size: cover;
    background-position: bottom;
       border-top: 10px solid var(--green-color2);}
    .set-us-apart .inner{background:#fff;border-radius:10px;    padding: 15px;height:100%;}
     .set-us-apart  .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);}
.set-us-apart ul{list-style:none;    padding-left: 17px;}

    .our-vision .bg-green-section{    position: absolute;    width: 50%;    background: var(--green-color);    height: 100%;
    z-index: -9;    top: 0;    bottom: 0;    right: 0;}
    .why-hinjewadi-club .img-wrapper img{width:500px;border-radius:50%;-webkit-mask-image: url(../images/image-shape-mask-1.png);
    -webkit-mask-size: 105%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;}
    .why-hinjewadi-club{background:#eee;}
    .why-hinjewadi-club .inner{background:#fff;position:relative;box-shadow: 0 0 10px #00000033;}
    .why-hinjewadi-club .inner ul li{  background-image: url('../images/dot.png');
        background-repeat: no-repeat;    padding-left: 28px;    padding-top: 6px;}
    
    footer a{color:#fff;text-decoration:none;}
    footer .social-media i{    width: 35px;    margin-right: 10px;    height: 35px;    border: 1px solid #fff;    padding: 10px;
    text-align: center;    border-radius: 50%;transition:0.5s;}
    footer .social-media a:hover i{background:var(--green-color3);}
    .offcanvas p a{    color: #333;
    text-decoration: none;
    font-size: 1.5em;}
    .caption-bottom{font-size:2em;    text-align: center;    position: absolute;    bottom: 20px;    left: 0;right:0;    color: #faca76;
    text-shadow: 0px 0px 10px #836a3d;}
    .caption-bottom span{font-size:0.6em;text-transform: uppercase;}
    .section-2 .card-header{    border: none;    background: none;    padding-left: 0;border-bottom:1px solid #ccc;}
    .section-2 .card-header a{ padding-left: 0;    border: none;    outline: none;}
    .section-2 .card-header [aria-expanded="true"] i {            -webkit-transform: rotate(180deg);            -moz-transform: rotate(180deg);
            transform: rotate(180deg);        }
            .section-2 .card{    border: none;}
            .section-2 .card-header i {    position: absolute;    right: 10px;}
            .section-2 .card-body{    background: #eee;    border-radius: 10px;    margin-top: 10px;}
            .inner-page-header{background:url(https://hinjewadisportsclub.com/images/banner-1.jpg);background-size:cover;background-position:center;}
            .inner-page-header .overlay{position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;
    background: rgba(0, 0, 0, 0.4);}
    .text-justify{text-align:justify;}
    .contact-page .inner img{width:30px;}
    .contact-page .inner{text-align:center;}
    .contact-page .inner .wrapper{width: 70px;    background: #183d2b;    height: 70px;border-radius:50%;    margin: auto;
    margin-bottom: -48px;}
    .rooms-page img{width:100%;height:250px;object-fit:cover;margin-bottom:15px;}
    .club-experience .inner{transition:0.5s;}
    .club-experience .inner img{width:100%;    height: 200px;
    object-fit: cover;}
    .club-experience .inner .icon img{width:50px;height:50px;}
    .club-experience .inner .icon-wrapper{ transition:0.5s;  border: 5px solid #fff;    border-radius: 50%;width:80px;height:80px;
               background: var(--green-color2, black);    display: block;    position: relative;    margin: auto;    margin-top: -45px;  }
    .club-experience .inner .icon{    margin-top: -65px;    text-align: center;    position: relative;}
    .club-experience .inner p{    text-align: center;    font-size: 1.2em;    margin-top: 25px;}
    .club-experience .inner:hover .icon-wrapper{  background: var(--green-color, black);  }
    .sports-page img{width: 100%;
    height: 330px;
    object-fit: cover;}
    
      @media only screen and (max-width: 600px) {
          .logo{width:100px;}
          .why-hinjewadi-club .img-wrapper img{width:100%;}
          .section-title span{font-size:50px;top:-25px;}
          .banner-section .title1{    font-size: 1em;        font-weight: normal !important;}
          .banner-section .title1 span{font-size:1.4em;}
          .banner-section .title2{    font-size: 1em !important;        font-weight: normal !important;}
          .banner-section .caption{top:45px;        height: max-content;}
          .caption-bottom{    font-size: 1.1em;}
          .why-hinjewadi-club .inner{    background: url(../images/img-14.jpeg);    background-size: cover;}
    .why-hinjewadi-club .inner::before {    content: '';    background: rgba(0, 0, 0, 0.6);    position: absolute;
    left: 0;    right: 0;    top: 0;    bottom: 0;}
    .why-hinjewadi-club .inner .title{color:#fff !important;}
    .why-hinjewadi-club .inner ul li{    filter: invert(1);}
      }