body{
    font-family: 'Inter-Regular' ;
    color: #212121;
    font-weight:normal;
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}
/* Fonts */
@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg'),
            url('../fonts/Inter-Regular.ttf') format('truetype'),
            url('../fonts/Inter-Regular.woff') format('woff'),
            url('../fonts/Inter-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg'),
            url('../fonts/Inter-Medium.ttf') format('truetype'),
            url('../fonts/Inter-Medium.woff') format('woff'),
            url('../fonts/Inter-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg'),
            url('../fonts/Inter-Bold.ttf') format('truetype'),
            url('../fonts/Inter-Bold.woff') format('woff'),
            url('../fonts/Inter-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('../fonts/Inter-ExtraBold.otf');
   font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-BoldItalic';
    src: url('../fonts/Inter-BoldItalic.otf');
   font-weight: normal;
    font-style: normal;
}

  
ul,li{
    margin:0;
    padding:0;
}
a, a:hover{
    text-decoration:none;
}
h1,h2, h3, h4, h6{
    font-family: 'Inter-Bold';
    margin:0;
    font-weight:normal;
}
img{max-width:100%;}
h1{
    font-size: 48px;
    line-height: 56px;
}
h2{
    font-size: 34px;
    line-height: 40px;
    margin-top:0;
    margin-bottom:32px;
}
h2 small{
    font-size:48px;
    line-height:56px;
    font-family: 'Inter-Regular';
    color:#212121;
}
h3{
    font-size: 24px;
    line-height: 30px;
}
h3 small{
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-family: 'Inter-Medium';
}
h4{
    font-size: 20px;
    line-height: 24px;
}

h6{
    font-size: 16px;
    line-height: 24px;
}
h2+p{
    font-size: 16px;
    line-height: 24px;
    margin-top:24px!important;
    font-family: 'Inter-Bold'!important;
}
section{
    padding:50px 0;
    position:relative;
}
.carousel{
    padding-bottom:60px;
}
.carousel-control{
    color:#000;
    opacity:1;
    width: 48px;
    height: 48px;
    bottom:0;
    top:auto;
}
.carousel-control.left, .carousel-control.right{background-image:none;}
.carousel-control.right{
    right:auto;
    left:50px;
}
.icon-nav{
    width:48px;
    height:48px;
    background-size:48px auto;
    display:inline-block;
}
.right-icon{
    background-image:url(../image/next.png);
}
.left-icon{
    background-image:url(../image/prev.png);
}

twitter-widget{
    width:100%!important;
}
.news-section h2{
    margin-bottom:40px;
}
.news-section ul{
    list-style:none;
    margin-top:4px;
    font-weight:500;
}
.news-section h6.subTitle{
    font-size:18px;
    line-height:24px;
    margin-bottom:0;
    border-bottom:#EE2A24 solid 3px;
    display:inline-block;
}
.date-wrapper{
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 16px;
    margin-top:8px;
}
.news-section ul li{
    margin-bottom: 40px;
    display: inline-block;
    float: none;
    width: 48%;
    vertical-align: top;
}
.news-section ul li h6{
    margin:0;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Inter-Medium';
}
.news-section ul li a{
    color:#212121;
    display:block;
}
.news-section ul li a:hover h6, .news-section ul li a:focus h6{
   text-decoration:underline;
}
.news-container+.subTitle{
    margin-top:40px;
}
/* Oyo Reach */
  .btn{
    border-radius: 6px;
    font-family: 'Inter-Medium'!important;
    padding: 13px 18px;
  }
  .btn-primary{
    background-color: #EE2A24;
    border-color: #EE2A24;
  }
  .btn-primary:hover{
    background-color: #EE2A24;
    border-color: #EE2A24;
    transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.1)!important;
  }
  .no-bold{
    font-family: 'Inter-Medium'!important;
    padding-right: 40px;
    margin-bottom:0;
  }
  .normal{
    font-family: 'Inter-Medium'!important;
    margin-top:0!important;
  }
  /* header */
  header{
      border-top:#EE2A24 solid 6px;
      padding:16px 0;
      background:#fff;
  }
  .brand-logo{
      display:inline-block;
      padding: 5px 0;
  }
  .nav > li > a{
    font-size: 14px;
    color: #212121;
    font-family: 'Inter-Regular';
  }
  .navbar-nav > li > a.btn{
    padding: 13px 18px;
    color:#fff;
  }
  .nav li:last-child{
      padding-left:15px;
  }
  .nav > li > a:hover , .nav > li > a.active{
      background:transparent;
      color: #EE2A24;
  }
  .nav > li > a.btn-primary:hover{
    background:#EE2A24;
    color: #fff;
}
  /* banner */
.banner{
    position:relative;
    height:580px;
    color:#fff;
  }
.banner h1{
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.08), 0px 2px 1px rgba(0, 0, 0, 0.04), 0px 1px 1px rgba(0, 0, 0, 0.06);
    font-size: 54px;
    line-height: 60px;
    font-family: 'Inter-ExtraBold';
  }
.banner p{
    font-size: 18px;
    line-height: 24px;
    font-family: 'Inter-BoldItalic';
  }
.banner-cuts{
    position:absolute;
    width:50%;
    top:0;
    height:100%;
    background-size:cover;
}
.height440{
    height:440px;
}
.text-wrapper{
    position:absolute;
    bottom:0;
}

.investor-banner {
    min-height: 580px;
    display: flex;
    padding: 10px 0;
    position: unset;
}

.investor-banner .left-investor {
    background:url(../image/ritesh-freesize.png);
    flex-basis: 50%;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

.investor-banner .right-investor {
    background:url(../image/aditya.jpeg);
    flex-basis: 50%;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner .left{
    left:0;
    background-image:url(../image/banner-left.jpg);
}
.banner .right{
    right:0;
    background-image:url(../image/banner-right.jpg);
    border-left:#ffff solid 10px;
}
 
  /* highlight */
  .investor-highlight {
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.08), 0px 5px 22px rgba(0, 0, 0, 0.04), 0px 12px 17px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    background: #FFFFFF;
    position:absolute;
    padding:24px;
    padding-left:156px;
    min-height:167px;
    bottom: -70px;
    width: 95%;
    left: 0;
    right: 0;
    margin:auto;
  }

  .highlight{
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.08), 0px 5px 22px rgba(0, 0, 0, 0.04), 0px 12px 17px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    background: #FFFFFF;
    position:relative;
    padding:24px;
    padding-left:156px;
    min-height:148px;
    top: -32px;
  }
  .highlight p{
      margin-top:16px;

  }
  .board-photo{
    border-radius: 16px;
    width: 100px;
    height: 100px;
    left:24px;
    top:24px;
    overflow:hidden;
    position:absolute;
  }
  .board-photo img{max-width:100%;}
/* Vision */
.vision h2{
    margin-bottom:16px;
}
.vision h6{
    margin-top:24px;
}
.vision ul{
    margin-top:10px;
    padding-left:15px;
}
.vision ul li{
    color: rgba(0, 0, 0, 0.5);
}
  /* Covi19 */
  .covid19{
      background:#F8F8F8;
      padding:100px 0
  }
  .covid19 .container{position:relative;}
  .cc{
      display:inline-block;
      vertical-align:middle;
  }
  .corona-virus{
      position:absolute;
      right:0;
      width:131px;
      height:100px;
      bottom: -100px;
  }
  /* Donate a night */
  .donate-a-night{
      border-radius:16px;
      color:#fff;
      margin-top:100px;
      padding: 30px 0;
  }

  .donate-a-night img {
      width: 100%;
  }

  .donate-a-night h2{
      margin-top:40px;
  }
  
  .donate-a-night .btn, .covid19 .btn{
    margin-top:32px;
  }
  .fight-banner{
      width:100%;
      height:400px;
      background-image:url(../image/donate-now-banner.png);
      background-position-y: center; 
    background-repeat:no-repeat;
    background-size:contain;
  }
  /* Project List */
  .panel{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  }
 
  .project-item h4 a{
    color: #EE2A24;
    padding:32px 0;
    position:relative;
    margin:0;
    cursor:pointer;
    display:block;
    text-decoration:none;
  }
  .project-item h4 a:before{
      content:'';
      width:26px;
      height:14px;
      position:absolute;
      right:10px;
      top:calc(50% - 7px);
      background-image:url(../image/arrow-up.png);
      background-size:26px auto;
  }
  .project-item h4 a.collapsed:before{
    background-image:url(../image/arrow-down.png);
  }
  .project-details{
      padding-bottom:32px;
  }
 
  .project-details p{
      margin-bottom:0;
      font-size:16px;
      line-height:24px;
  }
  .img-wrapper{
    width:100%;
    height:260px;
    position:relative;
    padding:23px;
    border-radius:16px;
    margin-top:24px;
    background-repeat:no-repeat;
    background-size:cover;
  }
  .img-wrapper:after{
    content:'';
    background: linear-gradient(359.6deg, #000000 0.77%, rgba(0, 0, 0, 0) 98.68%);
    height:121px;
    left:0;
    right:0;
    position:absolute;
    bottom:0;
    z-index:1;
    border-radius:0 0 16px 16px;
  }
  .img-wrapper h4{
      position:absolute;
      bottom:23px;
      z-index:10;
      color:#fff;
      padding: 0 23px;
    left: 0;
  }
  .uplift{
      background-image:url(../image/uplift.jpg);
      
    }
  .donate{background-image:url(../image/donate.jpg);}
  .plantation{background-image:url(../image/plantation.jpg);}
  .heat{background-image:url(../image/heat.jpg);}
  .support{background-image:url(../image/support.png);}
  .cultural{background-image:url(../image/cultural.png);}
  .food-packages{background-image:url(../image/food-packages.png);}
  .donation-drive{background-image:url(../image/donation-drives.png);}
  .social-engagement{background-image:url(../image/social-engagement.png);}
  .covid-tanks{background-image:url(../image/covid-tanks.png);}


  .partner-list{
      margin:0 -8px;
  }
  .partner-list ul{
      list-style:none;
  }
  .partner-list ul:before,  .partner-list ul:after{
      content:'';
      clear:both;
      display:table;
  }
  .partner-list li{
      padding:0 8px;
      width:20%;
      float:left;
  }
  .block {
    height: 150px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.box {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align:center;
}
.box img{
   max-width:calc(100% - 30px);
   max-height:calc(100% - 30px);
   display:inline-block;
   vertical-align:middle;
}
  .section .subsection:first-of-type h3{
      margin-top:32px;
  }
  .subsection h3{
      margin-top:100px;
      margin-bottom:24px;
  }

.p-100 {
    padding: 100px 0 0;
}


/* footer */
footer{
    background:#F8F8F8;
    padding:32px 0 0;
    
}
footer h6{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Inter-Bold';
    margin-bottom:16px;
    margin-top:0;
}
footer p{
    color: rgba(0, 0, 0, 0.5);
}
footer p+p{
    margin-top:32px;
}
footer .about a{
    font-family: 'Inter-Bold';
    color: rgba(0, 0, 0, 0.5);
}

.social-links a{
    width:16px;
    height:16px;
    display:inline-block;
    margin-left:18px;
}
.social-links a:first-child{
    margin-left:22px;
}
.social-links a:hover img{
    opacity:0.5;
}
.social-links a img{
    max-width:100%;
    max-height:100%;
}

.copyright{
    padding:10px 0;
    font-size: 9px;
    line-height:16px;
    text-transform:uppercase;
    border-top:1px #dfdfdf solid;
    color: rgba(0, 0, 0, 0.5);
    margin-top:24px;
}
.mailto a{margin-left:0!important;color:#2398DA;}
.mailto a:hover{text-decoration:underline;}
@media only screen and (max-width: 767px) {
.not-for-mobile{display:none!important;}
header{padding:15px;}
.brand-logo img{max-width:150px;}
.navbar-toggle{border:#EE2A24 solid 1px;margin: 4px 0 0;}
.navbar-collapse{padding:0;}
.nav li:last-child{padding-right:15px;}
.navbar-toggle .icon-bar{background:#EE2A24}
h1, h2, h3, h5, h6{line-height:1.1;}
h4 {font-size: 16px;line-height: 24px;}
h2{font-size:28px;}
h3{font-size:20px;}
    /* Banner */
.banner{height: 380px;}
.banner-cuts{width:100%;}
.banner-cuts.right{display:none;}
.height440 {height: 300px;} 
.text-wrapper{position:static;} 
.banner h1{font-size: 34px;line-height: 40px;} 
.banner p {font-size: 16px;margin-top: 32px;}
.investor-highlight {position: unset; bottom: unset;}
.highlight , .investor-highlight {padding-left:24px;text-align:center;}
.highlight .board-photo, .investor-highlight .board-photo{position: static;margin: 0 auto 20px;}
h3 small{display:block;margin-top: 10px;}
.cc{max-width:80%;}
.covid19{padding:50px 0;}
.donate-a-night{margin-top:50px;background-size: cover;}
.no-bold{padding-right:0;}  
.fight-banner{width:100%;height:200px;display: inline-block;margin: 20px 0 0;}  
.project-item h4{padding: 24px 45px 24px 0;}
.project-item h4:before{height: 9px;background-size: 16px auto;background-repeat: no-repeat;}
.partner-list li{width:50%;margin-top:20px;}
    /* Footer */
    .social-links {
        margin-top: 30px;
    }
    .active{
        white-space:nowrap;
    }
    .active .col-md-4{
        float:left;
    }
    iframe{
        width:100%;
    }
    .news-section ul li{
        width:100%;
        float:left;
    }
    footer {
        padding: 20px 0 0;
        margin-top: 30px;
    }
    
    .active{white-space: normal;}
    #insta_gallery .carousel-inner{
        height:500px;
    }

    .corona-virus{
    right: 0;
    width: 80px;
    height: 60px;
    bottom: -63px;
    }

    .project-item h4 a:before {
        right: -35px;
    }

    .investor-banner {
        flex-wrap: wrap;
    }

    .left-investor, .right-investor {
        flex-basis: 100% !important;
        margin: 15px 5px;
        background:none !important;
    }

    .p-100 {
        padding: 50px 0;
    }

}