*{
    padding: 0;
    margin: 0;
}
ol, ul{
    padding-left: 0px;
}
body {
    font-family: 'Rubik', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Top Bar */
.interventions-section h3{
    font-weight: 600;
    color: #5e3294;
    margin-bottom: 25px;
}
.top-bar{
    padding: 10px;
    background: #5e3294;
    height: 48px;
}
.top-contact{
    float:left;
}
.top-bar ul li a{
    color:white;
    text-decoration: none;
    transition: all 0.5s ease;
}
.top-bar ul li a:hover{
    color: #f8ae95;
}
.top-contact ul li{
    display: inline-block;
    font-size: 15px;
    color: #fff;
    margin-right: 25px;
}
.top-social{
    float:right;
}
.top-social ul li{
    display: inline-block;
    margin-right: 9px;
}
.top-social ul li a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #5e3294;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    background: #ffffff;
}
.top-social ul li a:hover{
    background-color: #f8ae95;
    color: #5e3294;
}
@media screen and (max-width:920px) {
    .top-bar{
        height: 60px;
    }
    .top-contact ul li{
        font-size: 25px;
    }
    .top-contact ul li a span{
        display: none;
    }
}
@media screen and (max-width:600px) {
    .top-bar{
        height: 48px;
    }
    .top-contact ul li{
        font-size: 16px;
    }
    .top-contact ul li a span{
        display: none;
    }
    .top-social ul li a{
        font-size: 14px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
}

/* Main Menu */
@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown-menu.show {
    -webkit-animation: fadeIn 0.3s alternate;
    /* Safari 4.0 - 8.0 */
    animation: fadeIn 0.3s alternate;
}
.nav-item.dropdown.dropdown-mega {
    position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 90%;
    top: auto;
    left: 5%;
} 
.navbar-toggler {
    border: none;
    padding: 0;
    outline: none;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    z-index: 11;
    float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
    position: absolute;
    transform: translate(-50%, -50%) rotate(0deg);
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
    pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
    width: 100%;
    height: 4px;
    position: absolute;
    background: #333;
    border-radius: 2px;
    z-index: 1;
    transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
    left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
    top: 10%;
    transform-origin: 50% 50%;
    transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
    top: 50%;
    transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
    left: 0px;
    top: auto;
    bottom: 10%;
    transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
    position: absolute;
    margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
    top: 45%;
    transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
    left: 50%;
    width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
    top: 45%;
    transform: rotate(-45deg);
}
.navbar-nav .nav-item a{
    font-weight: 600;
    color: #5e3294;
    transition: all 0.5s ease;
}
.navbar-nav .nav-item a:hover{
    color: #f05522;
}
.btn.btn-appointment{
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #fff !important;
    background: #5e3294;
    text-align: center;
    padding: 10px 36px;
    border-radius: 40px;
    z-index: 1;
    transition: all 0.5s ease;
}
.btn.btn-appointment:hover{
    background: #f05522;
}

/* Home Hero Section */
.hero{
    position: relative;
    overflow: hidden;
    top: 0px;
}
.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
    display: none !important;
}
.banner-carousel .owl-nav .owl-prev{
    position: absolute;
    left: 150px;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    background: #5e3294;
    text-align: center;
    line-height: 65px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    opacity: 0.2;
    transition: all 500ms ease;
}
.banner-carousel .owl-nav .owl-next{
    position: absolute;
    right: 120px;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    background: #5e3294;
    text-align: center;
    line-height: 65px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    opacity: 0.2;
    transition: all 500ms ease;
}
.banner-carousel:hover .owl-nav .owl-prev,
.banner-carousel:hover .owl-nav .owl-next{
    opacity: 1;
}
.banner-carousel .owl-nav .owl-prev:hover,
.banner-carousel .owl-nav .owl-next:hover{
    color: #fff;
}

/* Welcome Section */
.welcome-section{
    position: relative;
    top: -45px;
    padding: 114px 0px 140px 0px;
    background: #5e3294;
}
.welcome-section .pattern-layer{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 607px;
    background-repeat: no-repeat;
}
.welcome-section .sec-title p{
    color: #fff !important;
}
.welcome-section .single-box .inner p{
    color: #ffffff;
}  
.welcome-section .single-box{
    margin: 0px;
}
.welcome-section .sec-title h2 {
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #ffffff;
}
.single-box {
    position: relative;
    margin-bottom: 22px;
}
.single-box .inner {
    position: relative;
    display: block;
    padding-bottom: 34px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-left: 90px;
}
.single-box .inner .icon-box {
    position: absolute;
    left: 0px;
    top: 7px;
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    background: #ffdc78;
    color: #5e3294;
}
.single-box .inner p {
    color: #d899af;
}

/* certified-section */
.certified-section{
    position: relative;
}
.certified-section .inner-container{
    position: relative;
    margin-top: -100px;
}
.certified-section .content-box{
    position: relative;
    display: block;
    background: #fff;
    padding: 54px 350px 60px 60px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.certified-section .content-box.timing{
    background: #f6db7d;
    align-items: center;
    text-align: center;
}
.certified-section .content-box .image-box{
    position: absolute;
    top: 60px;
    right: 60px;
}  
.certified-section .content-box .image-box:before{
    position: absolute;
    top: 0;
    left: -80%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}  
.certified-section .content-box:hover .image-box:before{
    -webkit-animation: shine 1s;
    animation: shine 1s;
}  
.certified-section .content-box .image-box img{
    width: 100%;
} 
.certified-section .content-box .inner-box h3{
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 12px;
} 
.certified-section .content-box .inner-box p{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 34px;
    padding-bottom: 23px;
    border-bottom: 1px solid #ecebe3;
}  
.certified-section .content-box .inner-box .inner{
    position: relative;
    padding: 3px 0px 8px 185px;
}  
.certified-section .content-box .inner-box .inner .video-inner{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 156px;
    padding: 21px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}  
.certified-section .content-box .inner-box .inner .video-inner:before{
    position: absolute;
    content: '';
    background: #22272b;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.3;
} 
.certified-section .content-box .inner-box .inner .video-inner a{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
}  
.certified-section .content-box .inner-box .inner .video-inner a:after, 
.certified-section .content-box .inner-box .inner .video-inner a:before {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.certified-section .content-box .inner-box .inner .video-inner a:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
@-webkit-keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
              box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
.certified-section .content-box .inner-box .inner .counter-block .count-outer{
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #22272b;
    margin-bottom: 5px;
}
.certified-section .content-box .inner-box .inner .counter-block h5{
    font-size: 18px;
    color: #717577;
    line-height: 26px;
}  
.certified-section .certified-section .content-box{
    margin-left: -30px;
}  
.certified-section .content-box{
    position: relative;
    overflow: hidden;
    padding: 33px 40px 40px 40px;
}
.certified-section .content-box .icon-layer {
    position: absolute;
    top: -25px;
    right: -65px;
    font-size: 150px;
    line-height: 100px;
    color: #2a2e32;
    opacity: 0.1;
}
.certified-section .content-box .shediul-list li {
    position: relative;
    display: block;
    margin-bottom: 21px;
} 
.certified-section .content-box .shediul-list li:last-child{
    margin-bottom: 0px;
    padding-top: 8px;
} 
.certified-section .content-box h4{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 16px;
} 
.certified-section .content-box .shediul-list li span{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #22272b;
    text-transform: uppercase;
    letter-spacing: 3px;
} 
.certified-section .content-box .shediul-list li h6{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #f05a21;
}
.certified-section .content-box .inner-box .video-inner{
    background-image: url(https://www.drsatishortho.com/public/images/small-bg1.jpg);
}

/* About Section */
.about-section{
    position: relative;
    padding: 120px 0px;
}
.image-column .image-box{
    position: relative;
    display: block;
}
.image-column .image-box img{
    width: 100%;
}
.image-column .image-box .image-2{
    position: absolute;
    bottom: 0px;
    left: -140px;
}
.image-column .image-box .icon-box{
    position: absolute;
    left: 132px;
    top: 252px;
    width: 146px;
    height: 146px;
    line-height: 146px;
    text-align: center;
    border-radius: 50%;
    background: #f05a21;
    animation-name: rotateme;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 30s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 30s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }
    to { 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }
    to { 
        -o-transform: rotate(360deg);
    }
}
.image-column .image-box .image-1{
    position: relative;
    display: block;
    overflow: hidden;
}
.image-column .image-box .image-1:before{
    position: absolute;
    top: 0;
    left: -80%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.image-column .image-box:hover .image-1:before{
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
.image-column .image-box img {
    width: 100%;
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.about-section .content-box .text{
    margin-bottom: 40px;
}
.about-section .content-box .inner-box{
    position: relative;
    display: block;
    margin-bottom: 52px;
}
.about-section .content-box .inner-box .single-item{
    margin-bottom: 40px;
}
.about-section .content-box .inner-box .single-item h5{
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    padding-left: 16px;
}
.about-section .content-box p{
    font-size: 18px;
    line-height: 36px;
}
.about-section .content-box .sec-title p{
    color: #f05a21;
}
.about-section .content-box .single-item p i, .about-section .content-box .single-item p span{
    color: #f05a21;
}
.about-section .content-box .single-item p span{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    padding-left: 16px;
}
.about-section .content-box .single-item p{
    font-size: 20px;
    line-height: 36px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
}
.about-section .content-box .sec-title{
    margin-bottom: 36px;
}
.about-section .content-box .lower-box .support-box{
    position: relative;
    padding: 11px 0px 7px 80px;
}
.about-section .content-box .lower-box .support-box i{
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 24px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    background: #f6db7d;
    color: #f05a21;
}
.about-section .content-box .lower-box .support-box p{
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 2px;
}
.about-section .content-box .lower-box .support-box h3{
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 30px;
}  
.about-section .content-box .lower-box .support-box h3 a{
    text-decoration: none;
    display: inline-block;
    color: #22272b;
}
.btn.btn-know{
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #fff !important;
    background: #f05a21;
    text-align: center;
    padding: 22px 56px;
    border-radius: 40px;
    z-index: 1;
    transition: all 0.5s ease;
}
.btn.btn-know:hover{
    background: #f05522;
}

/* Service Section */
.service-section{
    position: relative;
    padding: 113px 0px 120px 0px;
}
.service-section .sec-title p {
    color: #ffdc78;
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 3px;
}
.service-section .sec-title{
    color: #ffffff;
    margin-bottom: 57px;
}
.service-section .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}
.service-section:before{
    position: absolute;
    content: '';
    background: #000711;
    width: 100%;
    height: 521px;
    left: 0px;
    top: 0px;
}
.service-section .pattern-layer{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 521px;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-block-one .inner-box {
    position: relative;
    display: block;
    background: #fff;
    transition: all 500ms ease;
}
.service-block-one .inner-box .image-box {
    position: relative;
    display: block;
}
.service-block-one .inner-box .image-box .image {
    position: relative;
    display: block;
    overflow: hidden;
    background: #22272b;
}
.service-block-one .inner-box .image-box .image img {
    width: 100%;
    transition: all 500ms ease;
}
.service-block-one .inner-box .image-box .icon-box {
    position: absolute;
    left: -10px;
    bottom: 20px;
    width: 86px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 55px;
    color: #ffdc78;
    background: #f05a21;
    transition: all 500ms ease;
}
.service-block-one .inner-box .image-box .icon-box:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 0px;
    bottom: -10px;
    background: #f05a21;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
    transition: all 500ms ease;
}
.service-block-one .inner-box .lower-content {
    position: relative;
    display: block;
    padding: 22px 30px 19px 30px;
    border: 1px solid #ecebe3;
    border-top: none;
}
.service-block-one .inner-box .lower-content h4 {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 12px;
}
.service-block-one .inner-box .lower-content h4 a {
    display: inline-block;
    text-decoration: none;
    color: #22272b;
}
.service-block-one .inner-box .lower-content p {
    margin-bottom: 10px;
    position: relative;
    color: #717577;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
}
.service-block-one .inner-box .lower-content .link a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #22272b;
}

/* Who We Are */
.weare-section{
    position: relative;
    padding-bottom: 120px;
} 
.weare-section .sec-title {
    position: relative;
    display: block;
    margin-bottom: 57px;
}
.weare-section .sec-title p {
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #f05a21;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 3px;
}
.weare-section .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}
.weare-section .single-item .inner-box{
    position: relative;
    display: block;
    border: 1px solid #ecebe3;
    padding: 5px 10px 10px 140px;
    background: #fff;
    min-height: 148px;
    transition: all 500ms ease;
} 
.weare-section .single-item .inner-box:hover{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
} 
.weare-section .single-item .inner-box .image-box{
    position: absolute;
    left: 20px;
    top: 0px;
    width: 108px;
    height: 128px;
    background: #22272b;
} 
.weare-section .single-item .inner-box .image-box:before{
    position: absolute;
    content: '';
    background: #22272b;
    width: 100%;
    height: 10px;
    left: 0px;
    top: -10px;
}  
.weare-section .single-item .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
}  
.weare-section .single-item .inner-box:hover .image-box img{
    opacity: 0.5;
} 
.weare-section .single-column:first-child .single-item .inner-box .image-box:before {
    background: #f05a21;
}
.weare-section .single-column:nth-child(2) .single-item .inner-box .image-box:before {
    background: #ffdc78;
}
.weare-section .single-item .inner-box h5{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 13px;
} 
.weare-section .inner-content{
    position: relative;
    margin: 0px 7.5px;
} 
.weare-section .single-column{
    padding: 0px 7.5px;
}  
.weare-section .sec-title{
    margin-bottom: 57px;
}
  
/* Testimonial Section */
.testimonials .sec-title {
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.testimonials .sec-title p {
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #f05a21;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: 3px;
}
.testimonials .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}
.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border:1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}
.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #f05a21;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
    text-align: center;
    padding: 36px;
    margin-bottom:10px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #f05a21;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #f05a21;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}

/* FAQ Section */
.faq-section{
    position: relative;
    background: #f8f7f3;
    padding: 113px 0px 120px 0px;
}
.faq-section .image-layer {
    position: absolute;
    top: 0px;
    right: 0px;
    border-bottom: 4px solid #f05a21;
}
.faq-section .image-layer img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.faq-section .sec-title {
    position: relative;
    display: block;
    margin-bottom: 36px;
}
.faq-section .sec-title p {
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400;
    color: #f05a21;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 3px;
}
.faq-section .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #f05a21;
}
.accordion-box .block{
    position: relative;
    display: block;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 500ms ease;
}
.accordion-box .block:last-child{
    margin-bottom: 0px;
}
.accordion-box .block .acc-content.current{
    display:block;  
}
.accordion-box .block .acc-btn .icon-outer{
    position: absolute;
    top: 24px;
    right: 40px;
    text-align: center;
    font-size: 20px;
    color: #22272b;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 1;
}
.accordion-box .block .acc-btn .icon-outer i:before{
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    font: var(--fa-font-solid);
    content: "\f106";
}
.accordion-box .block .acc-btn.active .icon-outer i:before{
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    font: var(--fa-font-solid);
    content: "\f107";
}
.accordion-box .block .acc-btn{
    position: relative;
    display: block;
    padding: 22px 70px 25px 40px;
    cursor: pointer;
    background: transparent;
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn h5{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.accordion-box .block .acc-btn.active h5{
    color: #f05a21;
}
.accordion-box .block .acc-content{
    position:relative;
    display:none;
    padding: 30px 30px 24px 40px;
    border-top: 1px solid #ecebe3;
}
.accordion-box .block .acc-content p{
    font-size: 18px;
    line-height: 34px;
}
.acc-content .text {
    margin-bottom: 42px;
    position: relative;
    display: block;
}
.acc-content .text p {
    font-size: 18px;
    line-height: 36px;
    position: relative;
    color: #717577;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
}

/* Team Section */
.team-section{
    position: relative;
}
.team-section .title-inner .sec-title,
.team-section .title-inner .text{
    width: 50%;
}
.team-section .title-inner .sec-title{
    margin-bottom: 56px;
    float: left
}
.team-section .title-inner .sec-title p{
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 3px;
    color: #f05a21;
}
.team-section .title-inner .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}
.team-section .title-inner .text{
    padding-left: 100px;
    float: right;
}
.team-section .title-inner .text p{
    font-size: 18px;
    line-height: 34px;
}
.team-inner .team-block-one{
    float: left;
    width: 25%;
}
.team-block-one .inner-box{
    position: relative;
    display: block;
    background: #fff;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.team-block-one .inner-box .image-box{
    position: relative;
    display: block;
    background: #22272b;
    overflow: hidden;
}
.team-block-one .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
}
.team-block-one .inner-box:hover .image-box img{
    opacity: 0.1;
    transform: scale(1.1);
}
.team-block-one .inner-box .image-box .social-links{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.team-block-one .inner-box .image-box .social-links li{
    position: relative;
    display: inline-block;
    margin: 0px 3px;
}
.team-block-one .inner-box .image-box .social-links li a{
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    color: #7c8389;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #1f2327;
    text-align: center;
    border-radius: 50%;
    transform: scale(0,0);
}
.team-block-one .inner-box .image-box .social-links li a:hover{
    color: #22272b;
}
.team-block-one .inner-box:hover .image-box .social-links li a{
    transform: scale(1,1);
    text-decoration: none;
}
.team-block-one .inner-box .lower-content{
    position: relative;
    padding: 23px 15px 25px 15px;
}
.team-block-one .inner-box .lower-content h5{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
.team-block-one .inner-box .lower-content h5 a{
    display: inline-block;
    text-decoration: none;
    color: #22272b;
}
.team-block-one .inner-box .lower-content .designation{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}
.team-section .team-inner{
    position: relative;
    margin-bottom: -96px;
    z-index: 1;
}

/* News Section */
.news-section{
    position: relative;
    padding-top: 150px;
} 
.news-section:before{
    position: absolute;
    content: '';
    background: #f8f7f3;
    width: 100%;
    height: 544px;
    left: 0px;
    top: 0px;
} 
.news-section .sec-title {
    position: relative;
    display: block;
    margin-bottom: 50px;
    text-align: center;
}
.news-section .sec-title p{
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 3px;
    color: #f05a21;
}
.news-section .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}
.news-block-one .inner-box{
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
} 
.news-block-one .inner-box .lower-content .post-info li{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #717577;
    margin-right: 8px;
} 
.news-block-one .inner-box .lower-content .post-info li:last-child{
    margin: 0px !important;
} 
.news-block-one .inner-box .lower-content .post-info li a{
    color: #748196;
    text-decoration: none;
}
.news-block-one .inner-box .lower-content .post-info li i{
    margin-right: 4px;
    text-decoration: none;
    color: #f05a21;
} 
.news-block-one .inner-box .lower-content .post-info{
    margin-bottom: 5px;
} 
.news-block-one .inner-box .lower-content h3{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 24px;
} 
.news-block-one .inner-box .lower-content h3 a{
    display: inline-block;
    text-decoration: none;
    color: #22272b;
}
.news-block-one .inner-box .image-box{
    position: relative;
    display: block;
    background: #22272b;
    overflow: hidden;
} 
.news-block-one .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
} 
.news-block-one .inner-box:hover .image-box img{
    transform: scale(1.1);
    opacity: 0.7;
} 
.news-block-one .inner-box .image-box .post-date{
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #22272b;
    line-height: 34px;
    text-align: center;
    padding: 3px 26px;
    background: #ffdc78;
} 
.news-block-one .inner-box .lower-content{
    position: relative;
    padding: 34px 30px 34px 40px;
} 
.news-block-one .inner-box .lower-content p{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 37px;
} 
.news-block-one .inner-box .lower-content .link a{
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #22272b;
    transition: all 0.5s ease;
} 
.news-block-one .inner-box .lower-content .link:hover a{
    color: #f05a21;
} 
.news-block-one .inner-box .lower-content .link a i{
    margin-right: 4px;
    font-size: 15px;
}

/* CTA Section */
.cta-style-two{
    position: relative;
}
.cta-style-two .inner-container{
    position: relative;
    padding: 80px 80px;
    margin-bottom: -110px;
    z-index: 1;
    background: #f05a21;
}
.cta-style-two .inner-container .text{
    position: relative;
    padding-left: 80px;
    min-height: 68px;
}
.cta-style-two .inner-container .text i{
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 60px;
    line-height: 60px;
    color: #f6db7d;
}
.cta-style-two .inner-container .text h3{
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
}
.cta-style-two .inner-container .subscribe-form .form-group{
    position: relative;
    margin: 0px;
}
.cta-style-two .inner-container .subscribe-form .form-group input[type='email']{
    position: relative;
    display: block;
    max-width: 470px;
    width: 100%;
    height: 70px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 40px;
    padding: 10px 30px 10px 30px;
    font-size: 14px;
    font-weight: 500;
    color: #717577;
    transition: all 500ms ease;
}
.btn.btn-subscribe{
    position: absolute;
    top: 0px;
    right: 0px;
    color: #22272b;
    transition: all 500ms ease;
    background: #f6db7d;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    padding: 22px 56px;
    border-radius: 40px;
    z-index: 1;
}
.btn.btn-subscribe:hover{
    color: white;
    background: #22272b;
}

/* Map Section */
.google-map-section {
    position: relative;
    width: 100%;
}
.google-map-section .google-map {
    position: relative;
    width: 100%;
    height: 550px;
}

/* Footer Section */
.main-footer{
    position: relative;
} 
.footer-top{
    background-image: url(https://www.drsatishortho.com/public/images/footer.jpg);
    position: relative;
    padding: 132px 0px 100px 0px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border-bottom: 1px solid #2d3236;
} 
.footer-top:before{
    position: absolute;
    content: '';
    background: #000711;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.94;
}
.footer-top .icon-layer{
    position: absolute;
    bottom: 0px;
    left: 80px;
}
.footer-top .icon-layer img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.footer-top .logo-widget{
    position: relative;
    margin-top: -32px;
}
.footer-top .logo-widget img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}
.footer-top .logo-widget .logo-box{
    position: relative;
    display: inline-block;
    margin-bottom: 31px;
}
.footer-top .logo-widget .logo-box img{
    width: 100%;
}
.footer-top .logo-widget .text p{
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
}
.footer-top .logo-widget .text{
    margin-bottom: 18px;
}
.footer-top .logo-widget .info li{
    position: relative;
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 8px;
}
.footer-top .logo-widget .info li:last-child{
    margin-bottom: 0px;
}
.footer-top .logo-widget .info{
    margin-bottom: 20px;
}
.footer-top .logo-widget .info li a{
    text-decoration: none;
    display: inline-block;
    color: #fff;
}
.footer-top .logo-widget .info li i{
    margin-right: 10px;
    color: #ffdc78;
}
.footer-top .logo-widget .support-box{
    position: relative;
    display: block;
    background: #1f2327;
    padding: 22px 30px 19px 90px;
}
.footer-top .logo-widget .support-box i{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: #fff;
    background: #f05a21;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}
.footer-top .logo-widget .support-box p{
    font-size: 15px;
    line-height: 22px;
    color: #ffffff;
}
.footer-top .logo-widget .support-box h5{
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
}
.footer-top .logo-widget .support-box h5 a{
    text-decoration: none;
    display: inline-block;
    color: #fff;
}
.footer-top .widget-title{
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.footer-top .widget-title h4{
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
}
.footer-top .links-widget{
    margin-left: 70px !important;
}
.footer-top .links-widget .links-list li{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 16px;
    transition: all 0.5s ease;
}
.footer-top .links-widget .links-list li:last-child{
    margin-bottom: 0px;
}
.footer-top .links-widget .links-list li a{
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    padding-left: 10px;
    transition: all 0.5s ease;
}
.footer-top .links-widget .links-list li a:before{
    position: absolute;
    font: var(--fa-font-solid);
    content: "\f0da";
    font-weight: 700;
    font-size: 13px;
    color: #7c8389;
    left: 0px;
    top: 7px;
    transition: all 500ms ease;
}
.footer-top .links-widget .links-list li:hover a{
    color: #f8ae95
}
.footer-top .appointment-widget{
    position: relative;
    display: block;
    overflow: hidden;
    background: #1f2327;
    margin-left: -30px;
    margin-top: -34px;
    padding: 34px 40px 40px 40px;
    text-align: center;
}
.footer-top .appointment-widget .icon-layer{
    position: absolute;
    top: -25px;
    right: -195px;
    font-size: 150px;
    line-height: 100px;
    color: #2a2e32;
    bottom: 0px;
    left: 80px;
}
.footer-top .appointment-widget .shediul-list li{
    position: relative;
    display: block;
    margin-bottom: 21px;
}
.footer-top .appointment-widget .shediul-list li:last-child{
    margin-bottom: 0px;
    padding-top: 11px;
}
.footer-top .appointment-widget .shediul-list li span{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #7c8389;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 0px;
}
.footer-top .appointment-widget .shediul-list li h6{
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
}
.btn.btn-fappointment{
    padding: 12px 30px;
    display: block;
    width: 100%;
    background: #ffdc78;
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #f05a21;
    text-align: center;
    padding: 22px 30px;
    border-radius: 40px;
    z-index: 1;
    transition: all 0.5s ease;
}
.btn.btn-fappointment:hover{
    background: #f05a21;
    color: #ffffff;
}
.footer-top .appointment-widget .widget-title{
    margin-bottom: 17px;
}
.footer-botton{
    position: relative;
    display: block;
    background: #1f2327;
    padding: 5px 0px;
}
.footer-botton .copyright p{
    font-size: 16px;
    line-height: 60px;
    color: #ffffff;
}
.footer-botton .copyright p a{
    color: #ffffff;
}
.footer-botton .social-links li{
    position: relative;
    display: inline-block;
    margin-right: 7px;
}
.footer-botton .social-links li:last-child{
    margin: 0px !important;
}
.footer-botton .social-links li a{
    position: relative;
    display: inline-block;
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: #22272b;
    border-radius: 50%;
    transition: all 0.5s ease;
}
.footer-botton .social-links li a:hover{
    background: #ffffff;
    color: #22272b;
}

.content-block-7 .social-links li{
    position: relative;
    display: inline-block;
    margin-right: 7px;
}
.content-block-7  .social-links li:last-child{
    margin: 0px !important;
}
.content-block-7  .social-links li a{
    position: relative;
    display: inline-block;
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: #22272b;
    border-radius: 50%;
    transition: all 0.5s ease;
}
.content-block-7  .social-links li a:hover{
    background: #ffffff;
    color: #22272b;
}

/* Click to Top */
.scroll-top {
    font-weight: 400;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: fixed;
    bottom: 50%;
    right: 30px;
    font-size: 20px;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    transition: .5s ease;
    background: #f05a21;
}
.scroll-top:hover{
    background: #ffdc78;
    color: #f05a21;
}
.scroll-top.open {
    bottom: 50px;
}

/* Contact Section */
.contact-section{
    position: relative;
    padding-top: 150px;
}
.contact-section .title-inner .sec-title,
.contact-section .title-inner .text{
    width: 50%;
}
.contact-section .title-inner .sec-title{
    position: relative;
    display: block;
    margin-bottom: 50px;
    float: left;
}
.contact-section .title-inner .sec-title p{
    position: relative;
    display: block;
    font-size: 16px !important;
    line-height: 26px !important;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 3px;
    color: #f05a21;
}
.contact-section .title-inner .sec-title h2{
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}
.contact-section .title-inner .text{
    padding-left: 100px;
    float: right;
}
.contact-section .title-inner .text p{
    font-size: 18px;
    line-height: 34px;
}
.contact-section .title-inner{
    position: relative;
    margin-bottom: 20px;
}
.contact-section .info-inner{
    background-image: url(https://www.drsatishortho.com/public/images/info.jpg);
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 42px 50px 50px 50px;
}
.contact-section .info-inner:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.9;
    background: #f05a21;
}
.contact-section .info-inner .content-box .text{
    position: relative;
    margin-bottom: 19px;
}
.contact-section .info-inner .content-box .text p{
    position: relative;
    color: #fff;
    line-height: 32px;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
}
.contact-section .info-inner .content-box .info-list{
    position: relative;
    margin-bottom: 30px;
}
.contact-section .info-inner .content-box .info-list li{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 9px;
    padding-left: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.contact-section .info-inner .content-box .info-list li i{
    position: absolute;
    left: 0px;
    top: 0px;
}
.contact-section .info-inner .content-box .info-list li:last-child{
    border-bottom: none;
    margin-bottom: 0px;
}
.contact-section .info-inner .content-box .info-list li a{
    text-decoration: none;
    display: inline-block;
    color: #fff;
}
.default-form {
    position: relative;
    margin: 0px 10px;
}  
.contact-section .default-form .form-group textarea{
    height: 195px;
}
.default-form .form-group {
    position: relative;
    padding: 0px 5px;
    margin-bottom: 10px;
}
.default-form .form-group:last-child{
    margin-bottom: 0px;
}
.default-form{
    position: relative;
    margin: 0px 10px;
}
.default-form .form-group select,
.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group input[type='file'],
.default-form .form-group textarea{
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    background: #f8f7f3;
    font-size: 14px;
    font-weight: 500;
    color: #717577;
    border: none;
    border-bottom: 1px solid #717577;
    padding: 10px 30px;
    transition: all 500ms ease;
}
.box-fileupload {
    background: #d3e7ff;
    width: 100%;
    padding: 15px;
    border: 3px dashed #8fd9ea;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    cursor: pointer;
}
.file-upload-input {
    display: none;
}
label.file-upload-btn {
    width: 150px;
    height: 100px;
    cursor: pointer;
    background-image: url(../../wp-content/uploads/2/Upload-PNG-Image-File.png);
    background-size: cover;
    background-position: center center;
    background-origin: border-box;
    background-repeat: no-repeat;
}
.default-form .form-group textarea{
    height: 230px;
    resize: none;
}
.btn.btn-submit{
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 10px 50px;
    border-radius: 40px;
    z-index: 1;
    background: #f05a21;
}
.btn.btn-submit:hover{
    color: #f05a21;
    background: #f6db7d;
}

/* Inner Page Header */
.page-banner-area {
    position: relative;
    z-index: 1;
    background-image: url(../images/banners/inner-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 120px;
    padding-bottom: 120px;
    background-attachment: fixed;
}
.page-banner-area::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #5e3294;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: .70;
}
.page-banner-area.item-bg1 {
    background-image: url(https://www.drsatishortho.com/assets/img/page-banner/page-banner-2.jpg);
}
.page-banner-area.item-bg2 {
    background-image: url(https://www.drsatishortho.com/assets/img/page-banner/page-banner-3.jpg);
}
.page-banner-area.item-bg3 {
    background-image: url(https://www.drsatishortho.com/assets/img/page-banner/page-banner-4.jpg);
}
.page-banner-area.item-bg4 {
    background-image: url(https://www.drsatishortho.com/assets/img/page-banner/page-banner-5.jpg);
}
.page-banner-content {
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-banner-content h1 {
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 42px;
}
.page-banner-content h2{
    color: #ffffff;
    margin-bottom: 15px;
    font-size: 25px;
}
.page-banner-content ul {
    text-align: center;
    padding-left: 0;
    margin-bottom: 0;
}
.page-banner-content ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 15px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
}
.page-banner-content ul li::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 6px;
    height: 12px;
    width: 1px;
    background: #ffffff;
}
.page-banner-content ul li:first-child {
    margin-left: 0;
}
.page-banner-content ul li:first-child::before {
    display: none;
}
.page-banner-content ul li a {
    display: block;
    color: #ffffff;
}

/* About Page */
.education-block-one .inner-box {
    position: relative;
    display: block;
    background: #fff;
    transition: all 500ms ease;
}
.member-fellow .sec-title{
    margin-bottom: 25px;
}
.member-fellow .sec-title span{
    position: relative;
    display: block;
    font-size: 33px;
    line-height: 60px;
    font-weight: 700;
    color: #f05a21;
}
.education-block-one .inner-box .image-box .image {
    display: block;
    overflow: hidden;
    background: #22272b;
}
.education-block-one .inner-box .image-box .image img {
    width: 100%;
    transition: all 500ms ease;
}
.education-block-one .inner-box .lower-content {
    position: relative;
    display: block;
    padding: 22px 25px 19px 25px;
    min-height: 180px;
    max-height: 100%;
}
.education-block-one .inner-box .lower-content h4 {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #f05a21;
}
.education-block-one .inner-box .lower-content h4 a {
    display: inline-block;
    text-decoration: none;
    color: #22272b;
}
.education-block-one .inner-box .lower-content p {
    margin-bottom: 10px;
    position: relative;
    color: #717577;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
}
.education-block-one .inner-box .lower-content .link a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #22272b;
}
.member-fellow ul li{
    margin-bottom: 7px;
    color: #000711;
    font-size: 16px;
    font-weight: 500;
}

/* Orthopedic Conditions */
.conditions-section .sec-title{
    margin-bottom: 36px;
}
.conditions-section .sec-title p {
    color: #f05a21;
}
.conditions-section .sec-title h2 {
    font-size: 30px;
    line-height: 40px;
}
.conditions-section .service-block-one h4 a{
    font-weight: 600;
}
.conditions-section .lower-content p span{
    font-size: 12px;
}

/* Get to Hospital */
.module-content {
    color: #4b4b4b
}
.module-content h4 {
    font-size: 20px;
    line-height: 30px;
    color: #6b439a;
    font-weight: 700
}

/* Details Page */
.detail-section .content-box {
    margin-top: 50px;
}
.detail-section .content-box p, .detail-section .content-box ul li {
    font-size: 16px;
    line-height: 27px;
}
.detail-section .content-box h2{
    color: #f05a21;
    font-weight: 700;
}
.detail-section .content-box h3{
    color: #f05a21;
}
.detail-section .content-box h4{
    color: #5e3294;
}
.side-section{
    padding-top: 33px;
    padding-bottom: 33px;
}
.accordion{
    -webkit-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
}
.accordion ul{
    list-style: none;
}
.accordion ul li{
    margin-left: 15px;
}
.accordion ul li a{
    text-decoration: none;
    color: #5e3294;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.accordion ul li:hover a{
    letter-spacing: 0.7px;
}
.accordion ul li:hover{
    border-right: 5px solid #f05a21;
}
.accordion ul li.active{
    border-right: 5px solid #f05a21;
}
.accordion dl dt {
    cursor: pointer;
    padding: 5px;
    color: #fff;
    transition-duration: 1s;
    transition-property: background;
    background: #5e3294;
    border-bottom: 1px solid #fff;
}
.accordion dl dd {
    display: none;
    height: auto;
    margin-left: 0;
    padding: 1em;
}
.accordion dl dd.active{
    display: block;
}
.accordion-nested {
    margin: -1em;
}
.accordion-nested dl {
    width: 100%;
    margin-left: 0;
}
.accordion-nested dl dt {
    padding: 5px;
    background: #9769cf;
}
.accordion-nested .accordion-nested dl dt {
    padding: 1px;
    margin-left: 18px;
    background: white;
}
.accordion-nested .accordion-nested dl dt a{
    text-decoration: none;
}
.accordion-nested .accordion-nested dl dt p{
    color: #5e3294;
    -webkit-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.accordion-nested .accordion-nested dl dt:hover p{
    letter-spacing: 0.6px;
    border-right: 5px solid #f05a21;
}
.accordion-nested .accordion-nested dl dt .other-treatment-item.active p{
    border-right: 5px solid #f05a21;
}
a.other-treatment-item{
    color: white;
    text-decoration: none;
}
.side-section h3{
    color: #5e3294;
    font-weight: 600;
}
.appointment{
    background: #fff;
    -webkit-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
}
.appointment-form, .working-time{
    padding: 10px;
}
.form-content{
    padding-right: 15px;
    padding-left: 15px;
}
.form-content label{
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #5e3294;
    padding-bottom: 14px;
}
.form-content input{
    line-height: 28px;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    border-color: lightgrey;
    background-color: #f5f5f5;
    color: #303030;
    border-radius: 0;
    padding: 5px 23px;
    margin-bottom: 15px;
}
.btn.btn-appointment{
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 1;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    padding: 15.5px 36px;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize;
    color: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #f05a21;
    background-color: #f05a21;
    background-image: none;
    background-size: inherit;
    background-position: inherit;
    background-attachment: inherit;
    border-radius: 5px;
    -webkit-transition: all 300ms linear 0ms !important;
    -khtml-transition: all 300ms linear 0ms !important;
    -moz-transition: all 300ms linear 0ms !important;
    -ms-transition: all 300ms linear 0ms !important;
    -o-transition: all 300ms linear 0ms !important;
    transition: all 300ms linear 0ms !important;
}
.btn.btn-appointment:hover{
    color: #fff;
    border-color: #5e3294;
    background-color: #5e3294;
    border-width: 2px 2px 2px 2px;
    background-size: inherit;
    background-position: inherit;
    background-attachment: inherit;
}
.working-time{
    background: #fff;
    -webkit-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
}
.working-time ul{
    padding: 15px 23px 14px;
}
.working-time ul li{
    font-size: 14px;
    border-bottom: #e6e6e6 solid 1px;
    padding: 15px 0px 14px;
    width: 100%;
}
.contacts{
    background: #fff;
    -webkit-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
    box-shadow: 8px 0 35px rgba(0, 0, 0, 0.2);
}
.contacts ul{
    padding: 15px 25px;
}
.contacts ul li{
    font-size: 15px;
    border-bottom: #e6e6e6 solid 1px;
    padding: 15px;
    width: 100%;
}
.contacts ul li a{
    text-decoration: none;
    color: #5e3294;
    font-weight: 500;
    -webkit-transition: all 300ms linear 0ms !important;
    -khtml-transition: all 300ms linear 0ms !important;
    -moz-transition: all 300ms linear 0ms !important;
    -ms-transition: all 300ms linear 0ms !important;
    -o-transition: all 300ms linear 0ms !important;
    transition: all 300ms linear 0ms !important;
}
.contacts ul li i{
    margin-right: 15px;
}
.contacts ul li:hover a{
    letter-spacing: 0.5px;
}
.text-mark{
    font-weight: 700;
    color: #6b439a;
}

/* Blogs */

@media screen and (max-width:1365px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2px;
        padding-left: 2px;
    }
    .btn.btn-appointment{
        padding: 15px 10px;
    }
    .navbar-brand {
        margin-right: 0rem;
    }
    .btn.btn-fappointment {
        padding: 10px;
    }
}
@media screen and (max-width:1280px) {
    .btn.btn-appointment {
        padding: 15px 10px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2px;
        padding-left: 2px;
    }
    .navbar-nav li a {
        font-size: 14px;
    }
    .navbar-brand {
        margin-right: 0rem;
    }
    .btn.btn-fappointment {
        padding: 10px;
    }
    .footer-top .logo-widget .support-box {
        padding: 15px 15px 15px 70px;
    }
}
@media screen and (max-width:1024px) {
    .navbar-brand{
        width: 220px;
    }
    .btn.btn-appointment {
        padding: 5px;
    }
    .navbar-nav li a {
        font-size: 12px;
    }
    .top-contact ul li {
        margin-right: 10px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3px;
        padding-left: 3px;
        font-size: 14px;
    }
    .welcome-section .sec-title h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .single-box .inner {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-left: 70px;
    }
    .certified-section .btn.btn-appointment {
        padding: 20px;
    }
    .btn.btn-know {
        padding: 20px 30px;
    }
    .footer-top .links-widget {
        margin-left: 0px;
    }
    .footer-top .appointment-widget {
        margin-left: 0px;
        margin-top: 10px;
        padding: 20px;
    }
    .footer-top .links-widget .links-list li {
        font-size: 14px;
        line-height: 25px;
    }
    .certified-section .content-box .image-box {
        display: none;
    }
    .certified-section .content-box.timing {
        padding: 45px 50px 55px 45px;
    }
    .btn.btn-fappointment {
        padding: 20px 25px;
    }
    .footer-top .logo-widget .support-box {
        padding: 15px 15px 15px 70px;
    }
    .about-section .content-box{
        margin-top: 0px
    }
    .about-section .sec-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .about-section .sec-title h3 {
        font-size: 23px;
    }
    .about-section .text p {
        font-size: 15px;
        line-height: 25px;
    }
    .scroll-top {
        right: 60px;
    }
}
@media screen and (max-width:920px){
    .footer-top{
        padding: 50px 100px;
    }
    .footer-column{
        margin-top: 50px;
    }
    .footer-botton {
        padding: 0px;
    }
    .footer-botton .copyright p {
        font-size: 13px;
        line-height: 50px;
    }
}
@media screen and (max-width:820px){
    .certified-section .content-box.timing {
        padding: 20px;
    }
    .contact-section {
        padding-top: 50px;
    }
    .news-section {
        padding-top: 50px;
    }
    .footer-botton .copyright p {
        font-size: 12px;
    }
}
.lower-box{
    display: flex;
    justify-content: space-evenly;
}
@media screen and (max-width:600px){
    .lower-box{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer-top{
        padding: 10px;
    }
    .certified-section .content-box.timing {
        padding: 20px;
    }
    .contact-section {
        padding-top: 50px;
    }
    .news-section {
        padding-top: 50px;
    }
    .footer-botton .copyright p {
        font-size: 12px;
    }
    .testimonials{
        padding: 50px 0px;
    }
    .testimonials .testimonial-content .inner-box {
        padding: 6px 0px 14px 100px;
    }
    .testimonials .testimonial-content .inner-box .image-box {
        display: none;
    }
    .testimonials .testimonial-content .inner-box .text h2 {
        font-size: 25px;
    }
    .team-section .title-inner .text, .contact-section .title-inner .text {
        padding-left: 33px;
    }
    .team-inner .team-block-one {
        width: 50%;
    }
    .btn.btn-subscribe{
        padding: 21px 7px;
    }
    .footer-botton .container {
        flex-direction: column;
        text-align: center;
    }
    .welcome-section .pattern-layer {
        width: 100%;
    }
}
@media screen and (max-width:420px){
    .lower-box{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .certified-section .content-box .inner-box .inner .counter-block .count-outer {
        font-size: 18px;
        line-height: 18px;
    }
    .certified-section .content-box .inner-box .inner .counter-block h5 {
        font-size: 16px;
        line-height: 16px;
    }
    .about-section .content-box .lower-box{
        flex-direction: column;
        text-align: center;
    }
    .about-section .content-box .lower-box .btn-box{
        margin-bottom: 25px;
    }
    .testimonials .testimonial-content .inner-box .text h2 {
        font-size: 16px;
    }
    .team-section .title-inner .sec-title h2, .contact-section .title-inner .sec-title h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .team-section .title-inner .text p, .contact-section .title-inner .text p {
        font-size: 16px;
        line-height: 25px;
    }
    .team-inner .team-block-one {
        width: 100%;
    }
    .cta-style-two .inner-container{
        padding: 40px;
    }
    .cta-style-two .inner-container .text i {
        font-size: 30px;
        line-height: 30px;
    }
    .cta-style-two .inner-container .text h3 {
        font-size: 16px;
        line-height: 20px;
    }
    .cta-style-two .inner-container .subscribe-form .form-group input[type='email'] {
        padding: 5px 15px 5px 15px;
    }
    .footer-top {
        padding: 10px;
    }
}

.facebook, .instagram, .linkedin, .twitter, .whatsapp, .youtube, .calling {
    background-color: #5e3294;
}
.instagram {
    border-top-right-radius: 10px;
}
.instagram:hover {
    background-color: #E4405F;
    border-top-right-radius: 10px;
}
.facebook:hover {
    background-color: #2f55a4;
}
.linkedin:hover {
    background-color: #0A66C2;
}
.twitter:hover {
    background-color: #1DA1F2;
}
.whatsapp:hover {
    background-color: #128c7e
}
.youtube:hover {
    background-color: #CD201F;
}
.calling:hover{
    background-color: #f05a21;
}
.calling{
    border-bottom-right-radius: 10px;
}
.s-item {
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    transition: all linear .2s
}
.s-item:hover {
    width: 60px;
    border-radius: 0 15px 15px 0
}
.s-soft {
    position: fixed;
    top: 20%;
    left: 0px;
    z-index: 1000;
    transition: all linear .2s
}
.s-soft a {
    color: #fff;
}
.widget-content .form-control{
    height:60px;
}

/* Chatbot Styling */
.botIcon {bottom: 45px;left: 15px;position: fixed;z-index: 9999;cursor: pointer;}
.iconInner {-webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-position: 50%;
    background-size: 300%;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.5em;
    justify-content: center;
    box-shadow: 0 0 0 rgb(244,157,22);
	animation: pulse 2.5s infinite;
}
@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(244,157,22, 0.7);
    }
    35% {
        -webkit-box-shadow: 0 0 0 10px rgba(244,157,22, 0);
    }
    65% {
        -webkit-box-shadow: 0 0 0 20px rgba(244,157,22, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(244,157,22, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(244,157,22, 0.7);
        box-shadow: 0 0 0 0 rgba(244,157,22, 0.7);
    }
    35% {
        -moz-box-shadow: 0 0 0 10px rgba(244,157,22, 0);
        box-shadow: 0 0 0 10px rgba(244,157,22, 0);
    }
    65% {
        -moz-box-shadow: 0 0 0 20px rgba(244,157,22, 0);
        box-shadow: 0 0 0 20px rgba(244,157,22, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 30px rgba(244,157,22, 0);
        box-shadow: 0 0 0 30px rgba(244,157,22, 0);
    }
}
.botSubject, .messages, .showBotSubject .botIconContainer, .showMessenger .botIconContainer {display: none;}
.botIcon .Messages, .botIcon .Messages_list {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.chat_close_icon {color: #fff;cursor: pointer;font-size: 16px;position: absolute;right: 12px;z-index: 9;}
.chat_on {background-color: #8a57cf;bottom: 20px;border-radius: 50%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;color: #fff;cursor: pointer;display: block;height: 45px;padding: 9px;position: fixed;right: 15px;text-align: center;width: 45px;z-index: 10;}
.chat_on_icon {color: #fff;font-size: 25px;text-align: center;}
.botIcon .Layout {-webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-ms-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;background-color: rgb(63, 81, 181);bottom: 20px;border-radius: 10px;box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);box-sizing: content-box !important;color: rgb(255, 255, 255);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;max-height: 30px;max-width: 300px;min-width: 50px;opacity: 0;pointer-events: auto;position: fixed;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;z-index: 999999999;}
.botIcon .Layout-open {border-radius: 10px;color: #fff;height: 500px;max-height: 500px;max-width: 300px;overflow: hidden;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);width: 100%;}
.botIcon .Layout-expand {display: none;height: 400px;max-height: 100vh;min-height: 300px;}
.showBotSubject.botIcon .Layout-expand {display: block;}
.botIcon .Layout-mobile {bottom: 10px}
.botIcon .Layout-mobile.Layout-open {min-width: calc(100% - 20px);width: calc(100% - 20px);}
.botIcon .Layout-mobile.Layout-expand {border-radius: 0 !important;bottom: 0;height: 100%;min-height: 100%;min-width: 100%;width: 100%;}
.botIcon .Messenger_messenger {height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;width: 100%;}
.botIcon .Messenger_header, .botIcon .Messenger_messenger {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.botIcon .Messenger_header {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background-color: rgb(22, 46, 98);color: rgb(255, 255, 255);-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: 40px;padding-left: 10px;padding-right: 40px;}

.botIcon .Messenger_header span {color:white;-webkit-animation: slidein .15s .3s;-ms-animation: slidein .15s .3s;animation: slidein .15s .3s;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;font-size: 16px;opacity: 0;}
.botIcon .Messenger_prompt {font-size: 16px;font-weight: 400;line-height: 18px;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.botIcon .Messenger_content {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;height: 80px;}
.botIcon .Messages {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;overflow-x: hidden;overflow-y: auto;padding: 10px;position: relative;-webkit-overflow-scrolling: touch;}
.botIcon .Input {background-color: #fff;border-top: 1px solid #e6ebea;color: #96aab4;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;padding-bottom: 15px;padding-top: 17px;position: relative;width: 100%;}
.botIcon .Input-blank .Input_field {max-height: 20px;}
.botIcon .Input_field {background-color: transparent;border: none;outline: none;padding-left: 20px;padding-right: 45px;resize: none;width: 100%;font-size: 14px;line-height: 20px;min-height: 20px !important;}
.botIcon .Input_button-emoji {right: 45px;}
.botIcon .Input_button {background-color: transparent;border: none;bottom: 15px;cursor: pointer;height: 25px;outline: none;padding: 0;position: absolute;width: 25px;}
.botIcon .Input_button-send {right: 15px;}
.botIcon .Input-emoji .Input_button-emoji .Icon, .botIcon .Input_button:hover .Icon {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.botIcon .Input-emoji .Input_button-emoji .Icon path, .botIcon .Input_button:hover .Icon path {fill: #2c2c46;}
.Icon svg {height: auto;width: 100%;}
.Messages_list .widget-wrap{
    padding: 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.4);
}
#the-filter {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
}
#the-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#the-list li, #the-list li a {
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    color: black;
    cursor: pointer;
    font-weight: 600;
}
#the-list li:hover { background: #fffed6; }
#the-list li.hide { display: none; }

.msg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.msg.user {-webkit-box-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.msg + .msg {margin-top: 15px;}
span.responsText {color: #000;display: inline-block;margin-left: 10px;vertical-align: top;max-width: calc(100% - 50px);}
.msg.user span.responsText {margin-left: 0;margin-right: 10px;}
span.avtr {display: inline-block;width: 30px;}
span.avtr figure {background-color: black;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 50%;display: block;margin: 0;padding-bottom: 100%;}

.responsText input, .responsText select{
    height: 50px;
}
@-webkit-keyframes appear {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-ms-keyframes appear {
    0% {opacity: 0;-ms-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-ms-transform: scale(1);transform: scale(1);}
}
@keyframes appear {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes slidein {
    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-ms-keyframes slidein {
    0% {opacity: 0;-ms-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-ms-transform: translateX(0);transform: translateX(0);}
}
@keyframes slidein {
    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}

@media only screen and (max-width: 412px) {
	.botIcon .Layout-open {width: 250px;}
}
#button {
    display: inline-block;
    background-color: #ed090b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color:white;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 25px;
    right: 25px;
    transition: background-color .5s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button:hover, #button:active {
    cursor: pointer;
    background-color: #003b5f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#button.show {
    opacity: 1;
    visibility: visible;
}
@media (min-width: 500px){
    #button {
        margin: 30px;
    }
}