/* Header*/
@media (min-width: 1200px){
    .container {
        width: 1000px;
    }
}

body{
    font-family: 'Inter-Regular' ;
    color: #212121;
    font-weight:normal;
}
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;
}
  
ul,li{
    margin:0;
    padding:0;
}
a, a:hover{
    text-decoration:none;
}
h1,h2, h3, h4{
    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;
}
h2 small{
    font-size:48px;
    line-height:56px;
    font-family: 'Inter-Regular';
    color:#212121;
}
h3{
    font-size: 34px;
    line-height: 40px;
    
    
}
h6{
    font-size: 16px;
    line-height: 22px;
}
h2+p{
    font-size: 16px;
    line-height: 22px;
    margin-top:12px!important;
    font-family: 'Inter-Regular'!important;
}
.section{
    padding:40px 0;
    position:relative;
}


.btn-link{
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    border-radius: 6px;
    min-width: 126px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size: 14px;
    font-family: 'Inter-Medium';
    color: #212121;
    padding: 0 10px;
}
.btn-link:hover, .btn-link:focus{
    border: 1px solid rgba(0, 0, 0, 1);
    color: #212121;
    text-decoration:none;
    outline:0!important;
}
/* Banner */
header{
    padding:24px 0;
    margin-bottom:32px;
}
.banner{
    padding:120px 0 45px;
    position:relative;
    
}
.banner-image{

}
.banner-right{
    position:absolute;
    height:145.5px;
    width:241px;
    background-size:cover;
    left: -259px;
    bottom: -30px;
    background-image:url(../image/banner-right.png);
}
.banner h1{
    font-size:24px;
    line-height:30px;
    font-family: 'Inter-Bold';
    margin:0;
}
.banner p{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Inter-Bold';
    margin-top:48px;
}
.banner-image{
    width:287px;
    height:289px;
    background-image:url(../image/c-banner.png);
    background-repeat:no-repeat;
    background-size:287px auto;
    display:inline-block;
}
.banner-text{
    padding-top:32px;
}
.advisory{
    padding-top:55px;
}
.advisory h6{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Inter-Bold';
    margin:0 0 16px;
}
.advisory ul{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.advisory ul:before, .advisory ul:after{
    clear:both;
    content:'';
    display:table;
}
.advisory ul li{
    float:left;
    margin-right:16px;
    width:112px;
}
.advisory ul li:last-child{
    margin-right:0;
}
.advisory ul li p{
    font-family:'Inter-Medium';
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
}
.icon-wrapper{
    background: #F8F8F8;
    border-radius: 6px;
    width:112px;
    height:80px;
    line-height:80px;
    text-align:center;
    margin-bottom:8px;
}

/*  OYO Desk */
.withbutton{
    position:relative;
    padding-right: 155px;
}
.withbutton .btn, .dropdown-container{
    position:absolute;
    right:0;
    top: calc(50% - 20px);
} 
.dropdown-container{
    top: calc(50% - 0px);
}
.dropdown-menu{
    right: 0;
    left: auto;
    top:19px;
    border:1px solid rgba(0, 0, 0, 1);
    box-shadow:none;

}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-menu > li > a{
    font-size: 14px;
    font-family: 'Inter-Medium';
    color: #212121;
}
.oyo-desk{
    padding-top:110px;
}
.desk-wrapper{
    position:relative;
    background: #F8F8F8;
    border-radius: 8px;
    height: 312px;
    padding:24px;
    margin-top:32px;
    width:100%;
    background-repeat:no-repeat;
    display:block;
    background-size:470px auto;
    color:#fff;
}
.desk-wrapper:hover, .desk-wrapper:focus{
    color:#fff;
}
.stronger{
    background-image:url(../image/desk/desk-1.png);
}
.advisory-bg{
    background-image:url(../image/desk/desk-2.png);
}
.medical{
    background-image:url(../image/desk/desk-3.png);
}
.apollo{
    background-image:url(../image/desk/apollo.png);
}
.ritesh{
    background-image:url(../image/desk/ritesh.png);
}
.oyohotels{
    background-image:url(../image/desk/desk-3.png);
}
.welfare{
    background-image:url(../image/desk/welfare.png);
}
.atithi{
    background-image:url(../image/desk/athiti.png);
}
.donate-a-night{
    background-image:url(../image/desk/donate-a-night.png);
}
.free-stay{
    background-image:url(../image/desk/free-stay.png);
}
.undertake{
    background-image:url(../image/desk/undertake.png);
}
.preparedness{
    background-image:url(../image/desk/sanitised-stays.png);
}
.sanitised-stays{
    background-image:url(../image/desk/sanitised-stays-image.png);
}
.safety_priority{
    background-image:url(../image/desk/safety-priority.png);
}
.covid-cure{
    background-image:url(../image/desk/covid-cure.png);
}
.desk-wrapper h4{
    position:relative;
    font-size: 34px;
    line-height: 40px;
    margin-bottom:0;
    
}
.bottom-aligned{
    position:absolute;
    bottom:24px;
}
.date{
    font-size: 14px;
    line-height: 24px;
    /* color:#fff; */
    margin-top:16px;
}
.date span{
    color:rgba(255, 255, 255, 0.5);
}
.oyo-partners{
    padding-top:86px;
}
.oyo-partners h5{
    font-size: 24px;
    line-height: 30px;
    font-family: 'Inter-Bold';
    margin:0;
    padding-right: 20px;
    padding-bottom: 322px;
}
.oyo-partners h5 strong{
    font-size: 48px;
    line-height: 56px;
    display:block;
    font-weight:normal;
    margin-bottom:32px;
}
.oyo-partners h5 span{
    color:#EE2E24;
}
.oyo-partner{
    height:322px;
    width:472px;
    background-image:url(../image/oyo-helpdesk.png);
    background-repeat:no-repeat;
    background-size:472px auto;
    position:absolute;
    bottom:0;
    right:15px;
}
.oyo-customer{
    height:388px;
    width:354px;
    background-image:url(../image/customer-icon.png);
    background-repeat:no-repeat;
    background-size:354px auto;
    position:absolute;
    left: -229px;
    top: 124px;
}
.oyo-partners p{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Inter-Bold';
}
.oyo-partners ul{
    list-style:none;
    margin-top:16px;
}
.oyo-partners ul li{
    font-size: 16px;
    line-height: 24px;
    margin-top:16px;
    position:relative;
    padding-left:38px;
}
.oyo-partners ul li:before{
    position:absolute;
    content:'';
    left:0;
    width:21px;
    height:22px;
    background-image:url(../image/tick.png);
    background-size: 21px auto;
}
.customer-wrapper h5{
    padding-bottom: 262px;
}
.oyo-knowledge{
    padding-top:124px;
}
.box{
    border-radius: 8px;
    height: 268px;
    position: relative;
    padding:24px 16px 74px;
    font-family: 'Inter-Bold';
    color:#000;
    margin-top:32px;
    cursor:pointer;
}
.box h6{
    font-size: 14px;
    line-height: 24px;
    color:#000;
    
}
.box p{
    font-size: 23px;
    line-height: 30px;
    margin-top:0;
}
.btn-more{
    background: #FFFFFF;
    border-radius: 6px;
    min-width: 109px;
    height:40px;
    line-height:40px;
    padding:0 10px;
    text-align:center;
    position:absolute;
    bottom:24px;
    font-size: 14px;
    color:#212121;
    font-family: 'Inter-Medium';
    border:1px #fff solid;
}
.bg-g{background: rgba(0, 178, 138, 0.08);}
.bg-r{background: rgba(238, 42, 36, 0.08);}
.bg-y{background: rgba(223, 150, 65, 0.08);}
.bg-b{background: rgba(34, 152, 218, 0.08);}
.bg-g:hover .btn-more{
    border: rgba(0, 178, 138, 1) solid 1px;
    color: rgba(0, 178, 138, 1);
}
.bg-r:hover .btn-more{
    border: rgba(238, 42, 36, 1) solid 1px;
    color: rgba(238, 42, 36, 1);
}
.bg-y:hover .btn-more{
    border: rgba(223, 150, 65, 1) solid 1px;
    color: rgba(223, 150, 65, 1);
}
.bg-b:hover .btn-more{
    border: rgba(34, 152, 218, 1) solid 1px;
    color: rgba(34, 152, 218, 1);
}
.social-feed{
    padding:96px 0 56px;
}
.slider{
    margin-top:22px;
}
.carousel-control{
    color:#000;
    opacity:1;
    width: 48px;
    height: 48px;
    top:calc(50% - 24px);
}
.carousel-control.left, .carousel-control.right{background-image:none;}
.linkedin-post{
    margin-top:32px;
}
/* .iframe-wrapper{
    border:#eef5fb solid 1px;
    border: #eee solid 1px;
    border-radius: 5px;
    padding: 10px;
} */
#social_feed .carousel-inner{
    height:680px;
}
iframe{
    border:0;
    height: 590px;
    /* width: 100%; */
}
.icon-nav{
    width:48px;
    height:48px;
    background-size:48px auto;
    display:inline-block;
}
.right-icon{
    background-image:url(../image/next.png);
}
.right{
    right:-56px!important;
}
.left-icon{
    background-image:url(../image/prev.png);
    }
.left{
    left: -56px;
}
#oyo_desk .left{
    left: -72px;
}
#oyo_desk .right{
    right: -72px !important;
}
#news{
    padding-bottom: 92px;
}
#news .carousel-control{
    top:auto;
    bottom: -8px;
}
#news .left{
    left:-7px;
}
#news .right {
    right: auto!important;
    left: 58px!important;
}
/* iframe .public-post__actor-info{
    margin-right:0!important;
} */
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-top: 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-weight:500;
}
.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;
}
.social-feed p{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Inter-Bold';
    margin-top:64px;
}
.social-feed p a{
    color:#2398DA;
}
.social-feed p a:hover{
    text-decoration:underline;
}
/* 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{

}
.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;
}
#heroes{
    
}
.heroes-container{
    margin-top:48px;
}
.heroes-container .nav-tabs{
    margin-top:40px;
}
.hereos-box{
    margin-top:32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    background: #FFFFFF;
    position:relative;
    padding:42px 32px 32px 32px;
    background-image:url(../image/circle-right.png);
    background-size: 159px auto;
    background-repeat: no-repeat;
    background-position: left 177px;
    margin-bottom:30px;
}
.hero-image{
    position:relative;
    width:152px;
    height:152px;
    border-radius:50%;
}
.hero-image img{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:50%;
    position: relative;
    z-index:2;
}
.img-circle{
    border: 2px solid #EE2E24;
    width:152px;
    height:152px;
    position:absolute;
    top: -10px;
    right: -15px;
}
.box-bg{
    width:76px;
    height:107px;
    position:absolute;
    background-image:url(../image/box-bg.png);
    right:32px;
    top:32px;
    background-size:76px auto;
    background-repeat: no-repeat;
}
.hereos-box h6{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Inter-Bold';
}
.hereos-box h6 small{
    display:block;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Inter-Medium';
    color: rgba(0, 0, 0, 0.5);
}
.hereos-box p{
    margin-bottom:0;
}
.u-links{
    margin-top:10px;
}
.u-links a{
    border: 1px solid rgba(0, 0, 0, 0.1);
    background:#fff;
    color: #212121;
    font-size: 14px;
    font-family: 'Inter-Medium';
    border-radius: 6px;
    height:40px;
    line-height:40px;
    padding:0 10px 0 40px;
    position:relative;
    display:inline-block;
    margin-right:10px;
}
.u-links a:before{
    content:'';
    position:absolute;
    left:12px;
    width:15px;
    height:15px;
    background-size:30px auto;
    background-repeat:none;
    background-position:center center;
    top:calc(50% - 7.5px);
}
.u-links a.linkedin-p:before{
    background-image:url(../image/linkedin-i.png);
}
.u-links a.youtube-p:before{
    background-image:url(../image/youtube-i.png);
}
.u-links a.facebook-p:before{
    background-image:url(../image/facebook-i.png);
}
.u-links a.news-p:before{
    background-image:url(../image/news-i.png);
}
.video-gallery{
    position:relative;
    margin-top:90px;
}
.video-gallery .nav-tabs{
    margin-top:30px;
}
.video-gallery:before, .video-gallery:after{
    content:'';
    clear:both;
    display:block;
}
.video-gallery .left {
    left: -72px;
}
.video-gallery .right {
    right: -72px;
}
.active{display:block;}
.video-gallery .item{
    margin-top:30px;
}
.video-wrapper{
    overflow: hidden;
    position: relative;
    height: 154px;
    display: block;
    background: #000;
    text-align: center;
}
.active{display:block;}
.video-wrapper img{
    width: 100%;
    height: auto;
}
.video-gallery h6{
    color: #212121;
    margin-top:10px;
}
.video-gallery h6 small{
    font-size: 12px;
    line-height: 16px;
    font-family: 'Inter-Medium';
    display:block;
    margin-top:8px;
}
.play-icon{
    /* width:100%; */
    height:100%;
    background-image:url(../image/play-icon.png);
    background-color:rgba(0,0,0,0.5);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:16px auto;
    visibility:hidden;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.video-gallery .carousel{
    position:relative;
}
.video-wrapper:hover .play-icon{
    visibility:visible;
}
.video-link{
    margin-top:20px;
}
.video-link strong{
    font-family: 'Inter-Bold';
}
.video-link a{text-decoration:underline;}
.links-section{
    margin-top:40px;
}
.links-section h3{
    font-size:24px;
    margin:0;
}
.links-section ul{
    /* list-style:none; */
    font-family: 'Inter-Bold';
    margin-top:20px;
    display:block;
    margin-left: 15px;
}
.links-section ul li{
    margin-top:10px;
}
.links-section ul li a:hover{
   text-decoration:underline;
}
/* tab */
.nav-tabs{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs > li > a{
    color: #212121;
    font-size: 14px;
    line-height: 24px;
    border-radius:0;
    margin:0;
    padding: 10px 11px;
    font-family: 'Inter-Medium';
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color:transparent;
    border-color:transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border:0;
    color: #EE2A24;
    border-bottom: #EE2A24 solid 3px;
}
.nav-tabs > li{
    float:left!important;
    width:auto!important;
}
/* .news-container {
    padding-bottom: 80px;
} */

.news-container .carousel-control{
    top:auto;
    bottom:-80px;
}
.news-container  .left{
    left: -15px;
}
.news-container .right{
    left: 68px!important;
    right:auto!important;
}
.num{
    position: absolute;
    bottom: -66px;
    left: 37px;
}
.carousel-indicators{
  bottom: -87px;
}
.carousel-indicators .active{
    background-color:#212121;
}
.carousel-indicators li{
    border:#212121 solid 1px;
}


  
@media only screen and (max-width: 991px) {
    .banner{padding:60px 0 50px;}
    .banner-right{
        left:0;
        bottom: 127px;
        
    }
}
@media only screen and (max-width: 767px) {
    .not-for-mobile{display:none!important;}
    .section {
        padding: 50px 0 0;
    }
    .logo img{
        width:200px;
    }
    h3{
        font-size: 24px;
        line-height: 1.1;
    }
    /* Banner */
   
    .banner p {
        font-size: 16px;
        margin-top: 32px;
    }
    .advisory ul li{
        margin-right: 0;
        width: 50%;
        padding: 0 15px;
        margin-bottom:32px;
    }
    .icon-wrapper{
        display: inline-block;
    }
    .desk-wrapper{
        height: 252px;
    }
    .desk-wrapper h4{
        font-size: 28px;
        line-height: 37px;
    }
    .oyo-partners h5{
        font-size: 22px;
        line-height: 28px;
        padding-right: 0;
    }
    .oyo-customer{
        background-size: 254px auto;
        left: 0;
        top: 137px;
    }
    .oyo-knowledge {
        padding-top: 84px;
    }
    .box {
        min-height: 268px;
        height:auto;
    }
    .social-feed {
        padding: 56px 0;
    }
    /* 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;
    }
    .box p{
        font-size: 20px;
        line-height: 28px;
    }
    h2{
        font-size: 30px;
        line-height: 38px;
    }
    .oyo-partners h5 strong{
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 10px;
    }
    .oyo-customer{
        top: 138px
    }
    .oyo-partners p{margin-top: 20px;}
    .social-links a:first-child, .social-links a {
        margin-left: 10px;
    }
    .active{white-space: normal;}

}



#newsIndia{
    position:relative;
}
.news-wrapper{
    position:relative;
    padding-bottom:60px;
}
.carousel-1 {
    overflow:hidden;
    padding-bottom: 80px;
  }
  
  .flickity-page-dots{display:none;}
  .carousel-1 .carousel-cell {
    width: 100%;
    height: auto;
    margin-right: 0;
    counter-increment: gallery-cell;
  }
  
  /* cell number */
  .carousel-1 .carousel-cell:before {
    display: block;
    text-align: center;
  }
  
  .carousel-status {
   position:absolute;
   color: rgba(0, 0, 0, 0.5);
   font-family: 'Inter-Medium';
   font-size: 16px;
   bottom: 13px;
   left: 59px;
  }
.flickity-enabled {
    position: relative;
  }
  
  .flickity-enabled:focus { outline: none; }
  
  .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  /* draggable */
  
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  
 
  .flickity-button:focus {
    outline: none;
  }
  
  .flickity-button:disabled {
    opacity: 0.6;
    cursor: auto;
    pointer-events: none;
  }
  
  .flickity-button-icon {
    fill: currentColor;
    display:none;
  }
  
  .flickity-prev-next-button {
   top: auto;
   position:absolute;
    bottom:0;
    width: 48px;
    height: 48px;
    background-size: 48px auto;
    display: inline-block;
    background-color: transparent;
    border: 0;
  }
  
  .flickity-prev-next-button.previous {
      left:-6px; 
      background-image: url(../image/prev.png);
}
  .flickity-prev-next-button.next {
      left:100px;
      background-image: url(../image/next.png);
}
  
  .flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
  }
  .flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
  }