/*New changes on 15/03/2021 
    Line no 92 and line no 105
 */
 /* bg  new changes*/  
    .orange-bg { 
        background: rgb(255,188,81);
        background: linear-gradient(180deg, rgba(255,188,81,1) 0%, rgba(255,159,47,1) 51%, rgba(255,143,31,1) 100%);
        background: linear-gradient(180deg, rgba(255,143,31,1) 0%, rgba(255,159,47,1) 51%, rgba(255,188,81,1) 100%);
    }

    .blue-bg  { 
        background: rgb(128,218,231);
        background: linear-gradient(180deg, rgba(128,218,231,1) 0%, rgba(134,224,224,1) 51%, rgba(107,204,246,1) 100%);
        background: linear-gradient(180deg, rgba(107,204,246,1) 0%, rgba(134,224,224,1) 51%, rgba(128,218,231,1) 100%);
    }
    .orange-bg_1 { 
        background: linear-gradient(180deg, rgba(255,143,31,1) 0%, rgba(255,159,47,1) 51%, rgba(255,188,81,1) 100%);
    }
    .blue-bg_1 { 
        background: linear-gradient(180deg, rgba(107,204,246,1) 0%, rgba(134,224,224,1) 51%, rgba(128,218,231,1) 100%);
    }
    .modal-body .btn-warnings {
    position: absolute;
    top: -11px;
    right: -11px;
    border-radius: 50%;
    padding: 8px 10px;
}
.btn-warnings  { 
    color: #fff;
    background-color: #ef761b;
    border-color: #fb720c;
    border-radius: 25px;
}
/*.fa {
    padding: 8px;
    font-size: 24px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    color: #2c2c2c;
    border-radius: 4px;
}*/
.fa-times  {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    width: auto;
    padding: 0;
}

i.fa-times:hover{
    box-shadow: none;
}


.fa-times:hover, .fa-times:focus, .fa-times:active  {
    color: #fff;
    outline: none;
}

.video-banner .top-container {
    height: 60%;
    text-align: left;
    top:120px;
   
}

.top-container--txt {
    margin-left: 50px;
}

.nav > li > a { 
    padding: 8px 8px !important;
}
.plan-img-blue { 
    text-align: center;
}
.plan-img-orange { 
    text-align: center;
}
.plan-img-blue:after  { 
    content: "";
    width: 40px;
    height: 40px;
    /*background-image: url(https://www.s10health.com/appointmentapi/assets/img/BuyNow-blue.png);*/
    top: 0px;
    right: 25px; /*New changes on 15/03/2021*/
    position: absolute;
    display: inline-block;
    background-size: contain;
    /*filter: sepia(100%) hue-rotate(190deg) saturate(500%);*/
    /*z-index: 1000;*/
}
.plan-img-orange:after  { 
    content: "";
    width: 40px;
    height: 40px;
    /*background-image: url(https://www.s10health.com/appointmentapi/assets/img/BuyNow-orange.png);*/
    top: 0px;
    right: 25px; /*New changes on 15/03/2021*/
    position: absolute;
    display: inline-block;
    background-size: contain;
    /*z-index: 1000;*/
}
.line-horizontal  { 
    width: 100%;
    height: 2px;
    background-color: white;
}
.button:after { 
    display:none;
}
.button-orange  { 
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    border-radius: 30px;
    border: none;
    outline: none;
    background: white;
    color: #F7941D;
    font-weight: bold;
}
.button-blue  { 
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    border-radius: 30px;
    border: none;
    outline: none;
    background: white;
    color: rgb(128,218,231);
    font-weight: bold;
}
.button-orange:hover  { 
    background: rgb(255,188,81);
    background: linear-gradient(90deg, rgba(255,188,81,1) 0%, rgba(255,159,47,1) 51%, rgba(255,143,31,1) 100%);
    color: white;
    text-decoration: none;
}
.button-blue:hover  { 
    background: rgb(128,218,231);
    background: linear-gradient(90deg, rgba(128,218,231,1) 0%, rgba(134,224,224,1) 51%, rgba(107,204,246,1) 100%);
    color: white;
    text-decoration: none;
}
.margin-r-l  { 
    margin: 0 15px;
}
.downloadbutton  { 
    display: inline;
}
@media (max-width:992px)  { 
    .video-banner .top-container  { 
    height: 100%;
    text-align: left;
   
}
}
@media (max-width:767px)  { 
    .video-banner .top-container  { 
    height: 100%;
    text-align: left;

   
}
    .top-container--txt { 
    margin-left: 30px;
    top:50px;
}
.video-banner .top-container--txt h2  { 
    color: #ffffff;
    font-size: 30px;
    margin: 0 auto !important;
    max-width: 700px;
}
}
.play-img { 
    width:100px;
    margin-left: -18px;
}
@media (max-width: 600px) { 
    .video-banner .top-container  { 
    height: 101%;
    text-align: left;
    top:35px;
   
}
.video-banner .top-container--txt h2  { 
    color: #ffffff;
    font-size: 20px;
    margin: 0 auto !important;
    max-width: 700px;
}
.play-img { 
    width:50px;
    margin-left: -10px;
}
}
@media (max-width:450px)  { 
    .video-banner .top-container  { 
    height: 101%;
    text-align: left;
    top:0px;
   
}
}