@font-face {

    font-family: 'TB';

    src: url('../fonts/font/bold/TitilliumWeb-Bold.eot');

    src: url('../fonts/font/bold/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/font/bold/TitilliumWeb-Bold.woff2') format('woff2'),

        url('../fonts/font/bold/TitilliumWeb-Bold.woff') format('woff'),

        url('../fonts/font/bold/TitilliumWeb-Bold.ttf') format('truetype'),

        url('../fonts/font/bold/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'TR';

    src: url('../fonts/font/regular/TitilliumWeb-Regular.eot');

    src: url('../fonts/font/regular/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/font/regular/TitilliumWeb-Regular.woff2') format('woff2'),

        url('../fonts/font/regular/TitilliumWeb-Regular.woff') format('woff'),

        url('../fonts/font/regular/TitilliumWeb-Regular.ttf') format('truetype'),

        url('../fonts/font/regular/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus,

:focus,

a:focus {

  outline: 0;

  text-decoration: none;

  color: inherit;

}

.form-control:focus {

  box-shadow: none;

}

h1,

h2,

h3,

h4,

p {

  padding: 0;

  margin: 0;

}

a,

a:active,

a:hover,

button,

button:active {

  outline: 0;

  text-decoration: none;

  color: inherit;

}

a{

    font-family: "TB";

}

.no-padding{

    padding-left: 0 !important;

    padding-right: 0 !important;

}

*{

    font-family: "TR";

}

h1{

    font-family: "TB" !important;

    font-weight: 200;

    font-size: 30px;

    color: #ffffff;

    padding-bottom: 20px;

}

h1 span{

    color: #ffffff;

}

h2{

    font-family: 'TB';

    font-size: 32px;

    color: #00B48D;

    text-transform: uppercase;

    padding-bottom: 20px;

}

h2:after{

    content: "";

    height: 1px;

    width: 100px;

    background-color: #00B48D;

}

h3{

    font-family: 'TB';

    font-size: 18px;

    padding-bottom: 12px;

}

p{

    font-family: 'TR';

    font-size: 15px;

    line-height: 24px;

    color: #000000;

}

html {

    scroll-behavior: smooth;

  }

.cta{

    text-align: center;

}

.cta a{

    background-color: transparent;

    border: 1px solid #00B48D;

    font-size: 18px;

    color: #00B48D;

    text-transform: uppercase;

    padding: 10px 20px;

    display: inline-block;

    margin: 40px 0 20px;

}

.cta a:hover{

    background-color: #00B48D;

    color: #ffffff;

}

button:focus{

    outline: none;

}

.title{

    padding-bottom: 70px;

}

header{

    background-color: #164D92;

    width: 100%;

    padding: 20px 0;

}

.slick-disabled{

    opacity: 0;

}
#mobFoot{
    display: none;
}
#banner{
    background: url("../img/Gastroenterology-banner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    display: flex;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#banner .row{

    align-items: center;

}

#banner .banTxt{

    background-color: #00b48d99;

    padding: 20px;

}

#banner .banTxt p{

    color: #ffffff;

}

#banner .formSec{

    padding-left: 100px;

}

#banner .formBox{

    background-color: #ffffff;  

    padding: 30px;

    position: relative;

    top: -150px;

}

.form-group {

    margin-bottom: 2rem;

}

#banner .formBox .title h2{

    font-size: 32px;

    color: #00B48D;

}

.form-control{

    background-color: #EDEDED;

}

.formBox button{

    background-color: #00B48D;

    border: none;

    color: #ffffff;

    padding: 10px 20px;

    font-size: 18px;

    width: 100%;

}

.card-header .btn-header-link:after {

    content: "\f107";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    float: right;

}

.card-header .btn-header-link.collapsed:after {

content: "\f106";

}

.btn-header-link {

color: #fff;

display: block;

text-align: left;

color: #222;

width: 100%

}
#trt .badge{
    background-color: #E3F7F3;
    font-size: 16px;
    padding: 10px 15px;
    margin: 12px;
}
#coe, #feature, #treat, #Slid3, #about, #usp, #testimonial, #faq, #formCta, #trt{

padding: 50px 0;

}

#coe{

    padding-top: 80px;

}

#coe h2{

    line-height: 60px;

}

#coe .row{

    align-items: center;

}

.fa-chevron-left, .fa-chevron-right{

    font-size: 32px;

    color: #00B48D;

}

.item{

    padding: 0 25px;

}

.slick-prev:before, .slick-next:before{

    content: none;

}

#feature, #Slid3, #testimonial{

    background-color: #f7f7f7;

}

#feature .Fslide img{

    width: 100%;

}

.fBox{

    padding: 20px;

    border: 1px solid #00B48D;

    background-color: #00b48d0f;

}

.dBox{

    background-color: #165392;

    text-align: center;

    padding: 10px;

}

.dBox h3, .dBox p{

    color: #ffffff;

}

h3{

    font-family: "TB";

    font-size: 22px;

    color: #00B48D;

}

#faq .card{

    margin-bottom: 20px;

}

#faq .card-header{

    background-color: transparent;

    border: 1px solid #00B48D;

    border-radius: 0;

}

#faq .card-body{

    background-color: #00B48D;

    color: #ffffff;

}

#about{

    background-image: url(../img/aster-ban.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

#about .title{

    padding-bottom: 0;

}

#about .Atxt .title h2, #about .Atxt p{

    color: #ffffff;

}

#about .cta{

    text-align: left;

}

#about .numBox {

    background-color: #ffffff;

    margin-bottom: 30px;

    padding: 40px;

}

#about .numBox p{

    color: #00B48D;

}

#usp{

    background-image: url("../img/usp.jpg");

    background-position: center;

    background-repeat: no-repeat;

    background-size: auto;

}

#usp .uspBox h2{

    font-size: 20px;

    text-transform: inherit;

    padding-bottom: 15px;

}

#usp .uspBox{

    padding-bottom: 70px;

}

#usp .uspBox img{

    border: 1px solid #00B48D;

    border-radius: 100%;

}

#testimonial .item{

    padding: 0 80px;

}

#testimonial .itemBox{

    background-color: #00b48d33;

    padding: 50px;

}

#testimonial .itemBox .fas{

    padding-bottom: 30px;

}

#testimonial .itemBox h3{

    color: #000000;

    font-size: 18px;

    padding-top: 50px;

}

#testimonial .nav{

    justify-content: center;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    background-color: #00B48D;

}

.nav-tabs .nav-link{

    border: 1px solid #00B48D;

}

footer{

background-color: #000000;

color: #ffffff;

padding: 15px 0;

/*margin-top: 200px;*/

}
footer .watsapp {
    position: fixed;
    bottom: 20px;
    right: 0;
}
footer p{

color: #ffffff;

}

.mobBanner{

    display: none;

}

label.error {

    color: red;

    position: absolute;

}

#faq .btn{

    white-space: normal !important;

}

#formCta h2{

    color: #ffffff;

    font-size: 32px;

    text-align: center;

}

#formCta .ctaTxt .fas{

    color: #ffffff;

    font-size: 32px;

}

#formCta{

    background-image: linear-gradient(to bottom right, #00B48D, #165392);

}

#formCta .ctaForm{

    background-color: #ffffff;

    padding: 50px;

    /*position: relative;*/

    /*bottom: -150px;*/

    border: 1px solid #00B48D;

}

#formCta .title{

    padding-bottom: 50px;

}

#formCta .ctaForm h2{

    color: #00B48D;

}

#formCta .formField{

    width: 48%;

    display: inline-block;

}

#formCta .form-group:nth-child(even){

    float: right;

}

#formCta .formBox button{

    width: auto;

}

#treat .itemImg{

    padding-bottom: 15px;

}
#treat h3{
    font-size: 18px;
}
.iti--allow-dropdown {
    width: 100%;
}
@media (max-width:767px){
    footer .watsapp{
        bottom: 70px;
    }
    #mobFoot{
        display: block;
        position: fixed;
        bottom: 0;
        background-color: #00B48D;
        padding: 15px 0;
        width: 100%;
    }
    #mobFoot a{
        border: none;
        color: #ffffff;
        margin: 0;
        padding: 0;
        text-align: center;
        display: block;
        font-size: 12px;
    }
    #mobFoot .row{
        align-items: center;
    }

    #mobFoot .row >div:first-child{
        border-right: 1px solid #E3F7F3;
    }
    #banner .banTxt p{
        text-align: center;
    }

    .mobBanner{

        display: block;

    }

    #banner{

        background-image: none;

        padding: 0 0 30px;

        height: auto;

    }

    header{

        z-index: 9;

        padding: 5px 0;

    }

    header img{

        width: 36%;

        margin: 0 auto;

    }

    h1{

        font-size: 22px;

        text-align: center;

    }

    h1 span{

        color: #000000;

    }

    #banner .formBox{

        border: 1px solid #1E1E1E;

        margin-top: 20px;

        position: static;

    }

    #banner .formSec{

        padding: 0 15px;

    }

    .formBox button{

        font-size: 14px;

    }

    #coe {

        padding-top: 20px;

    }

    #coe h2{

        padding-bottom: 0;

    }

    #coe, #feature, #treat, #Slid3, #about, #usp, #testimonial, #faq, #formCta{

        padding-top: 30px;

    }

    h2{

        font-size: 20px;

    }

    h3{

        font-size: 18px;

        padding-bottom: 5px;

    }

    .slick-next {

        right: 0;

    }

    .slick-prev {

        left: 0;

    }

    .fa-chevron-left, .fa-chevron-right{

        font-size: 25px;

    }

    .cta a{
        font-size: 14px;
        padding: 7px 20px;
        margin: 30px 0 20px;
    }

    #about .numBox{

        padding: 20px;

    }

    #about .numBox h2{

        padding-bottom: 5px;

    }

    .title {

        padding-bottom: 15px;

    }

    p{

        font-size: 13px;

    }

    #story p{

        padding-bottom: 10px;

    }

    #num{

        padding: 30px 30px 0;

    }

    #num .numBox p {

        color: #EBBE40;

        font-size: 12px;

    }

    #num .numBox h2{

        font-size: 16px;

    }

    #num .numBox{

        padding: 38px 10px;

        margin-bottom: 30px;

    }

    #offer .offerBox{

        margin: 0 15px;

        padding: 25px;

    }

    #offer .offer {

        padding-bottom: 30px;

    }

    .workBox {

        margin: 0;

    }

    .workBox > div{

        padding-bottom: 20px;

        text-align: center;

    }

    .row{

        margin-left: 0;

        margin-right: 0;

    }

    #about .Anum{

        padding: 0;

    }

    #usp .uspBox h2{

        font-size: 17px;

    }

    #usp .uspBox {

        padding-bottom: 15px;

    }

    #usp{

        background-image: none;

    }

    #testimonial .item{

        padding: 0;

    }

    #testimonial .itemBox{

        padding: 30px;

    }

    #formCta h2{

        font-size: 20px;

    }

    #formCta .ctaForm{

        bottom: 0;

        margin-top: 20px;

        padding: 20px;

    }

    #formCta .ctaForm h2{

        padding-bottom: 5px;

    }

    #formCta .formBox{

        padding: 0;

    }

    #formCta .title{

        padding-bottom: 20px;

    }

    #formCta .formField{

        width: 100%;

    }

    footer{

        margin-top: 0;

    }

    #banner .formBox .title h2{

        font-size: 20px;

    }

    .form-group {

        margin-bottom: 1rem;

    }
    .Dslide .slick-slide img {
        width: 100%;
    }

  }

  @media (min-width:768px) and (max-width:991px){

    #banner .formSec{

        padding-left: 35px;

    }

    #banner .formBox .title h2{

        font-size: 23px;

        padding-bottom: 10px;

    }

    #banner .formBox{

        padding: 20px;

    }

    .title {

        padding-bottom: 25px;

    }

    .formBox button{

        font-size: 15px;

    }

    .formBox button{

        padding: 7px 20px;

    }

    .form-group {

        margin-bottom: 1rem;

    }

    h1{

        font-size: 24px;

        padding-bottom: 10px;

    }

    #coe {

        padding-top: 50px;

    }

    h2{

        font-size: 24px;

        padding-bottom: 10px;

    }

    #coe h2 {

        padding-bottom: 0;

    }

    #coe, #feature, #treat, #Slid3, #about, #usp, #testimonial, #faq, #formCta {

        padding: 40px 0;

    }

    h3{

        font-size: 18px;

    }

    .cta a{

        font-size: 16px;

    }

    #about .numBox{

        padding: 24px;

    }

    #usp{

        background-image: none;

    }

    #usp .uspBox h2{

        font-size: 15px;

        padding-bottom: 5px;

    }

    #usp .uspBox{

        padding-bottom: 30px;

    }

    #testimonial .itemBox{

        padding: 25px;

    }

    #formCta h2{

        font-size: 22px;

    }

    #formCta .ctaForm{

        bottom: 0;

        margin-top: 30px;

    }

    #formCta .ctaForm{

        padding: 30px;

    }

    footer{

        margin-top: 0;

    }

  }

  @media (min-width:992px) and (max-width:1200px){

    #banner .formBox{

        padding: 25px;

    }

    #banner .formBox .title h2{

        font-size: 24px;

        padding-bottom: 10px;

    }

    .title {

        padding-bottom: 20px;

    }

    #coe {

        padding-top: 50px;

    }

    h2{

        font-size: 26px;

    }

    h3{

        font-size: 18px;

    }

    .cta a{

        font-size: 14px;

    }

    #about .numBox{

        padding: 25px;

    }

    #formCta .ctaForm{

        bottom: -70px;

    }

    #formCta .ctaForm{

        padding: 35px;

    }

    #formCta .ctaForm h2{

        font-size: 26px;

    }

    footer{

        margin-top: 100px;

    }

  }