.carousel-control-next,
.line {
    right: 0
}

.captionButton,
.formButton {
    border-image: initial;
    font-size: 15px
}

.navbar .dropdown-menu div[class*=col],
dl,
ol,
ul {
    margin-bottom: 1rem
}

.button,
.centered,
.imgpro,
.makeALink:hover {
    cursor: pointer
}


.floating-button {
    position: fixed;
    bottom: 50%;
    right: -3%;
    transform: rotate(270deg);
    background-color: #0c4e9a;
    color: white;
    border: none;
    padding: 15px 20px;
    /* border-radius: 50px 0 0 50px; */
    cursor: pointer;
    z-index:9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.floating-form.active {
            background: #0c4e9a; /* Light gray background when active */
        }
        .floating-form {
            position: fixed;
            bottom: 5%;
            right: 60px;
            background: #004aad;
            padding: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            width: 250px;
            display: none;
            z-index: 9999999999 !important;
        }
        .floating-form input, .floating-form select {
            width: 100%;
            padding: 8px;
            margin: 5px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            
            border-color:#fff !important;
            background: transparent !important;
        }
        .floating-form button {
            width: 100%;
            padding: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }



.page {
    padding-left: 10px;
    padding-right: 10px
}

.aniwork {
    top: 50%;
    transform: translateY(50%)
}

.img-parallax {
    width: 100vmax;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none
}

.line {
    height: 2px;
    background: #0e4e98;
    position: absolute;
    top: 80px;
    -webkit-animation: .75s forwards dude;
    -moz-animation: .75s forwards dude;
    -o-animation: .75s forwards dude;
    animation: .75s forwards dude
}

.carousel,
.carousel-inner,
.carousel-item,
.movetxt,
.tab .nav-tabs li a,
.tab .tab-content {
    position: relative
}

@-webkit-keyframes dude {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes dude {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-o-keyframes dude {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes dude {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.animate-first {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0
}

.animate-second {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.animate-reveal {
    opacity: 0;
    -webkit-animation: 1s cubic-bezier(0, 1, .5, 1) forwards reveal;
    -moz-animation: 1s ease-in forwards reveal;
    -o-animation: 1s cubic-bezier(0, 1, .5, 1) forwards reveal;
    animation: 1s cubic-bezier(0, 1, .5, 1) forwards reveal
}

@-webkit-keyframes reveal {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes reveal {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes reveal {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes reveal {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.movetxt {
    -webkit-animation: 2s moving;
    animation: 2s moving
}

@-webkit-keyframes moving {
    from {
        top: 100px
    }
    to {
        top: 0
    }
}

@keyframes moving {
    from {
        top: 100px
    }
    to {
        top: 0
    }
}

.animatable {
    visibility: hidden;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    0%,
    20% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0%,
    20% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0%,
    20% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0%,
    20%,
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        -webkit-transform: translateX(20px)
    }
    80% {
        -webkit-transform: translateX(-5px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        -moz-transform: translateX(20px)
    }
    80% {
        -moz-transform: translateX(-5px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    80% {
        -o-transform: translateX(-5px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        transform: translateX(20px)
    }
    80% {
        transform: translateX(-5px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        -webkit-transform: translateX(-20px)
    }
    80% {
        -webkit-transform: translateX(5px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        -moz-transform: translateX(-20px)
    }
    80% {
        -moz-transform: translateX(5px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        -o-transform: translateX(-20px)
    }
    80% {
        -o-transform: translateX(5px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        transform: translateX(-20px)
    }
    80% {
        transform: translateX(5px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes moveUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes moveUp {
    0% {
        opacity: 1;
        -o-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes moveUp {
    0% {
        opacity: 1;
        transform: translateY(100px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeBgColor {
    0%,
    70% {
        background: 0 0
    }
    100% {
        background: #464646
    }
}

@-o-keyframes fadeBgColor {
    0%,
    70% {
        background: 0 0
    }
    100% {
        background: #464646
    }
}

@keyframes fadeBgColor {
    0%,
    70% {
        background: 0 0
    }
    100% {
        background: #464646
    }
}

.animated.animationDelay {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.animated.animationDelayMed {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}

.animated.animationDelayLong {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
}

.animated.fadeBgColor {
    -webkit-animation-name: fadeBgColor;
    -moz-animation-name: fadeBgColor;
    -o-animation-name: fadeBgColor;
    animation-name: fadeBgColor
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.animated.moveUp {
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp
}

.nav-tabs {
    border-bottom: none !important
}

a:hover {
    text-decoration: none !important;
    outline: 0
}

.tab .nav-tabs {
    border: none;
    margin: 0
}

.tab .nav-tabs li a {
    padding: 10px;
    margin-right: 20px;
    font-weight: 600;
    color: #293241;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    background: 0 0;
    z-index: 2;
    transition: .3s;
    font-size: 1.75rem
}
.abou{
    left:37% !important;
}
.navbar .dropdown-menu,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a {
    border: none
}

.tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0
}

.tab .nav-tabs li a:after {
    content: "";
    width: 0;
    height: 4px;
    background: #727cb6;
    border: 1px solid #727cb6;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: 1s
}

.tab .nav-tabs li.active a:after,
.tab .nav-tabs li:hover a:after {
    width: 100%;
    opacity: 1
}

.tab .tab-content {
    padding: 15px 20px;
    margin-top: 20px;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
    background: #727cb6
}

.carousel-indicators .active,
.footerbutton:hover {
    background-color: #fff
}

@media only screen and (max-width:479px) {
    .floating-button {
    position: fixed;
    bottom: 50%;
    right: -14% !important;
    transform: rotate(270deg);
    background-color: #0c4e9a;
    color: white;
    border: none;
    padding: 15px 20px;
    /* border-radius: 50px 0 0 50px; */
    cursor: pointer;
    z-index:9999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 
    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .tab .tab-content {
        margin-top: 0
    }
}

.carousel-indicators {
    margin-bottom: -11px
}

dl,
ol,
ul {
    margin-top: 0
}

ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

@media (min-width:734px) {
    .chg2 {
        margin-left: 15px
    }
    .chg3 {
        position: relative;
        top: -12px
    }
    .ch4,
    .ch8 {
        width: 84% !important;
        margin-left: 79px
    }
    .captionButton {
        font-size: 12px !important;
        padding: 7px 17px !important
    }
}

.carousel-item {
    background: center center/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next,
.carousel-control-prev {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .5
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.active.carousel-item-right,
.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active,
.iconstyle:hover {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 115%;
    color: #fff;
    text-align: center;
    opacity: .8
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MC40IDQ5MC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNCA0OTAuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI0NS4yLDQ5MC40YzEzNS4yLDAsMjQ1LjItMTEwLDI0NS4yLTI0NS4yUzM4MC40LDAsMjQ1LjIsMFMwLDExMCwwLDI0NS4yQzAsMzgwLjQsMTEwLDQ5MC40LDI0NS4yLDQ5MC40eiBNMjQ1LjIsMjQuNSAgICBjMTIxLjcsMCwyMjAuNyw5OSwyMjAuNywyMjAuN3MtOTksMjIwLjctMjIwLjcsMjIwLjdzLTIyMC43LTk5LTIyMC43LTIyMC43UzEyMy41LDI0LjUsMjQ1LjIsMjQuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNMTk4LjksMzIyLjhjMi40LDIuNCw1LjUsMy42LDguNywzLjZzNi4zLTEuMiw4LjctMy42YzQuOC00LjgsNC44LTEyLjUsMC0xNy4zbC00OC00OGgxODMuNGM2LjgsMCwxMi4zLTUuNSwxMi4zLTEyLjMgICAgcy01LjUtMTIuMy0xMi4zLTEyLjNIMTY4LjNsNDgtNDhjNC44LTQuOCw0LjgtMTIuNSwwLTE3LjNzLTEyLjUtNC44LTE3LjMsMGwtNjguOSw2OC45Yy00LjgsNC44LTQuOCwxMi41LDAsMTcuM0wxOTguOSwzMjIuOHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MC40IDQ5MC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNCA0OTAuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI0NS4yLDQ5MC40YzEzNS4yLDAsMjQ1LjItMTEwLDI0NS4yLTI0NS4yUzM4MC40LDAsMjQ1LjIsMFMwLDExMCwwLDI0NS4yUzExMCw0OTAuNCwyNDUuMiw0OTAuNHogTTI0NS4yLDI0LjUgICAgYzEyMS43LDAsMjIwLjcsOTksMjIwLjcsMjIwLjdzLTk5LDIyMC43LTIyMC43LDIyMC43cy0yMjAuNy05OS0yMjAuNy0yMjAuN1MxMjMuNSwyNC41LDI0NS4yLDI0LjV6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTEzOC43LDI1Ny41aDE4My40bC00OCw0OGMtNC44LDQuOC00LjgsMTIuNSwwLDE3LjNjMi40LDIuNCw1LjUsMy42LDguNywzLjZzNi4zLTEuMiw4LjctMy42bDY4LjktNjguOSAgICBjNC44LTQuOCw0LjgtMTIuNSwwLTE3LjNsLTY4LjktNjguOWMtNC44LTQuOC0xMi41LTQuOC0xNy4zLDBzLTQuOCwxMi41LDAsMTcuM2w0OCw0OEgxMzguN2MtNi44LDAtMTIuMyw1LjUtMTIuMywxMi4zICAgIEMxMjYuNCwyNTIuMSwxMzEuOSwyNTcuNSwxMzguNywyNTcuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K")
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 19px;
    color: #fff;
    font-weight: 600;
    font-family: Source sans Pro;
    text-align: center
}

.imgpro {
    width: 100%;
    height: auto
}

.imgpro:hover {
    -webkit-box-shadow: 1px 1px 5px #b0cb5e;
    box-shadow: 2px 2px 5px #b0cb5e;
    border: 1px solid #b0cb5e05;
    border-radius: 9px
}

@media(min-width:767px) and (max-width:850px) {
    .centered {
        font-size: 15px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #main {
        margin-left: 10px;
        margin-right: 10px
    }
    body {
        padding-top: 3.5rem !important
    }
    .white {
        padding-top: 170px
    }
    .nav-item>a>span {
        font-size: 14px !important
    }
    .footerinput {
        width: 102px !important
    }
    .scrollme>.fromContainer {
        max-width: none
    }
    .tablaserimg {
        width: auto !important;
        height: 279px !important
    }
    .tablasersec {
        margin-left: -50px !important
    }
    .tabcarouselsanitizer {
        margin-top: -193px !important
    }
    .hairImage {
        min-height: 0 !important;
        height: 569px !important
    }
    .tabhomehair {
        margin-top: -110px
    }
    .bottom-line {
        width: 0 !important
    }
    .textright {
        margin-left: 0 !important
    }
    .ServiceHeadText {
        font-size: 20px !important
    }
}

@media (min-width:393px) and (max-width:786px) {
    .SkinbackImage {
        margin-top: 25px !important
    }
}

.diagbanner {
    background-image: url(../images/home/994.jpg) !important;
    background-position: 0 5% !important
}

@media (min-width:360px) and (max-width:640px) {
    .select_style,
    .select_style option {
        color: #fff !important;
        border: 2px solid #fff
    }
    .laser_imgchange,
    .no1,
    .proback1,
    .skintest1 {
        position: relative
    }
    .diagbanner {
        background-image: url(../images/home/diagonastic-banner.jpeg) !important
    }
    .select_style option {
        padding-bottom: 3px;
        background: 0 0 !important;
        width: 70% !important
    }
    .fromContainer select {
        width: none !important
    }
    .button1 {
        margin-left: 5px !important
    }
    .Subheading {
        margin-left: 20px !important
    }
    .acne_width_reduce {
        width: 150px !important
    }
    .peeltext,
    .peeltext1,
    .right,
    .textright {
        margin-left: 0 !important
    }
    .micromobcon {
        margin-top: 245px
    }
    .mobanti {
        margin-top: 85px
    }
    .mobanti1 {
        margin-top: 175px
    }
    .prfmitem {
        margin-top: 0 !important
    }
    .mobhair {
        margin-top: 70px
    }
    .mobcnc,
    .mobprfm {
        margin-top: 42px
    }
    .loghairmob {
        margin-top: 45px
    }
    .biofue {
        margin-top: -160px
    }
    .biofuet {
        margin-top: -150px
    }
    .biofutdown {
        margin-top: 145px
    }
    .mobbiofue {
        margin-top: -55px
    }
    .Tagline,
    .new_cont {
        font-size: 40px !important
    }
    .serviceItemTaglinenormal {
        float: left !important
    }
    .cncContainer {
        padding-top: 50px
    }
    .iconstyle {
        padding: 3px !important
    }
    .faqgreyh4,
    .surgicalmob {
        font-size: 30px !important
    }
    .ban11,
    .banner11 {
        font-size: 34px !important
    }
    .white {
        padding-top: 200px
    }
    .tabbiofut {
        margin-top: 60px !important
    }
    .rightphoto {
        background-position: right !important
    }
    .dark_width_reduce,
    .stretch_width_reduce,
    .tattoo_width_reduce {
        width: 79% !important
    }
    .laser_imgchange {
        left: 70px !important;
        width: 100% !important
    }
    .laser_chk {
        height: auto !important
    }
    .bannerTextContainer {
        padding-top: 57px !important;
        margin-top: 36px;
        position: relative;
        top: 10px
    }
    .mobversion,
    .mobversion1 {
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0;
        max-height: 480px !important;
        width: 100%
    }
    .mobversion {
        background-position: center;
        background-image: url(../images/home/mobersion.jpg) !important;
        background-position: none
    }
    .mobversion1 {
        background-position: center;
        background-image: url(../images/hairtreatment.png) !important;
        background-position: none
    }
    .banner11 {
        margin-top: 280px
    }
    .imgGraybg {
        background-color: #dfd5c9
    }
    .newcon {
        width: 100%;
        height: 620px
    }
    .no1img {
        width: 55%;
        margin-top: -110px !important
    }
    .no1 {
        left: 195px;
        top: -185px;
        z-index: -1 !important
    }
    .select_style {
        padding-bottom: 3px;
        background: 0 0 !important;
        margin-left: -44px !important;
        width: 55% !important;
        margin-bottom: 12px !important;
        margin-right: -15px !important
    }
    .SkinbackImage,
    .proback1 {
        background-repeat: no-repeat;
        background-size: cover
    }
    .noonetop {
        margin-top: 90px
    }
    .SkinbackImage {
        background-position: center;
        background-image: url(../images/home/skinnew22.jpg) !important;
        margin-top: 0;
        background-position: none;
        min-height: 640px !important;
        width: 100%
    }
    .diagmobversion,
    .skinmobversion {
        height: 280px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        margin-top: -58px;
        display: block !important;
        width: 100%
    }
    .skinmobversion {
        background-color: #b97045 !important
    }
    .diagmobversion {
        background-color: #3473ae !important
    }
    .awardimg,
    .chg13,
    .newskin {
        margin-left: 15px
    }
    .award {
        display: block !important;
        width: 100%;
        height: 238px !important
    }
    .LogoContainer,
    .menu-img-box {
        display: none !important
    }
    .awardimg {
        margin-top: -86px
    }
    .animateme {
        transform: none !important;
        opacity: 1 !important
    }
    .proback2,
    .probackcon,
    .skinhide {
        display: none
    }
    .skintest1 {
        bottom: 10px;
        left: 3px
    }
    .common1,
    .footergrey,
    .footerimgbg,
    .uniquecont {
        width: 100%
    }
    .skin_margin {
        margin-top: -33px
    }
    .box_tag {
        width: 80%;
        margin-left: 70px;
        margin-top: -114px !important
    }
    .box_tagup {
        margin-top: -500px
    }
    .proback1 {
        background-position: center;
        min-height: 700px !important;
        margin-top: 0;
        background-position: none;
        width: 100%;
        background-image: url(../images/home/newdoctor3.png) !important
    }
    .mob-framewidth {
        width: 100%;
        margin-top: 45px
    }
    .footerinput {
        width: auto !important;
        margin-left: -2px !important
    }
    .footerbutton {
        width: 40% !important
    }
    .textup {
        margin: 0 !important
    }
    .nav-link {
        font-size: 24px !important
    }
    .hidemenu {
        display: block
    }
    .skinTagline {
        font-size: 40px !important;
        font-weight: 500 !important
    }
    .explor,
    .skinexplor {
        font-size: 15px;
        font-family: Gilroy;
        color: #0e4e98;
        padding: 5px 25px !important;
        font-weight: 700;
        position: relative
    }
    .explor {
        border: 2px solid #0e4e98 !important;
        border-radius: 26px !important
    }
    .skinexplor {
        bottom: 25px;
        border: 2px solid #fff !important;
        border-radius: 26px !important;
        top: 10px
    }
    .doctor {
        margin-top: -140px
    }
    .dnone {
        display: block !important
    }
    .bottom-line {
        width: 0 !important
    }
    #menudiv1,
    #menudiv2 {
        height: 500px;
        max-height: 500px;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
    #nav-icon1 {
        width: 31px;
        height: 21px;
        position: relative;
        margin: 30px auto;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer
    }
    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #9c9c9c;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    #nav-icon1 span:first-child {
        top: 0
    }
    #nav-icon1 span:nth-child(2) {
        top: 7px
    }
    #nav-icon1 span:nth-child(3) {
        top: 14px
    }
    #nav-icon1.open span:first-child {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px
    }
    #nav-icon1.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    .makeup,
    .textset {
        left: 0 !important
    }
    .hhh {
        margin-top: -24px
    }
    .imgfirst {
        margin-top: 17px
    }
    .burgerbtn {
        position: relative;
        top: 12px;
        left: 40px
    }
    .bigmenufont {
        font-size: 22px !important
    }
    .uniquemobile {
        margin-top: 265px
    }
    .skinmobcon {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .textrightt {
        margin-left: 0
    }
    .chg10 {
        position: relative;
        margin-left: 260px;
        margin-top: -34px
    }
    .chg14 {
        padding-left: 58px !important
    }
    .serviceItemTagline {
        font-size: 37px !important
    }
    .serviceItemTagline1 {
        font-size: 37px !important
    }
    .antidandruff,
    .trisuper {
        margin-top: -16px
    }
    .phone {
        position: relative;
        right: 58px;
        bottom: 10px;
        height: 27px
    }
    .newfut {
        margin-top: 130px
    }
}

.headmenu,
.headmenutext {
    color: #0f4d9a !important;
    font-weight: 500;
    text-decoration: none !important
}

@media (min-width:770px) and (max-width:1024px) {
    .navbar-expand-md .navbar-collapse {
        margin-left: -136px
    }
}

@media (min-width:481px) and (max-width:769px) {
    .logoImg {
        width: 100px
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 4px !important
    }
    .footerinput {
        width: 108% !important
    }
    .footerbutton {
        width: 120% !important;
        max-width: 180px;
        margin-left: 66px
    }
    .sticky {
        margin-top: -14px
    }
    .iconstyle {
        padding: 5px !important
    }
}

@media (min-width:320px) and (max-width:480px) {
    .button1 {
        margin-left: 5px !important
    }
    .Subheading {
        margin-left: 4px !important
    }
    .threebar {
        display: block !important
    }
    .footerinput {
        margin-bottom: 9px
    }
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Light.ttf)
}

@font-face {
    font-family: Gilroymedium;
    src: url(../fonts/Gilroy-Medium.ttf)
}

@font-face {
    font-family: GilroyBold;
    src: url(../fonts/Gilroy-Bold.ttf)
}

@font-face {
    font-family: GilroyRegular;
    src: url(../fonts/Gilroy-Regular.ttf)
}

body {
    padding-top: 4.4rem;
    overflow-x: hidden
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center
}

.bg-dark {
    background-color: #fff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26)
}

.nav-link {
    color: #0f4d9a !important;
    font-family: GilroyMedium
}

.footerh2,
.footerp,
.headmenu,
.headmenutext {
    font-family: Gilroy
}

@media (min-width:768px) {
    .d-md-block {
        display: block !important
    }
    .d-none {
        display: none !important
    }
    .chg {
        margin-left: 72px
    }
    .chg11 {
        margin-left: -84px
    }
    .chg12 {
        margin-left: -69px
    }
    .chg19 {
        margin-left: -80px
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: .5rem
    }
}

.headmenu {
    font-size: 22px
}

.bookappointmentButton:hover,
.button,
.uniquebutton:hover {
    text-decoration: none
}

.footerstyle {
    background-color: #1a3763;
    padding-top: 95px;
    padding-bottom: 50px;
    min-height: 500px;
    margin-top: 2px
}

.footerbutton,
.footerinput {
    background-color: transparent;
    border: 2px solid #fff
}

.footerh2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700
}

.footerp {
    color: #fff
}

.footerinput {
    width: 100%;
    margin-left: 28px
}

::placeholder {
    color: #fff;
    opacity: 1;
    padding-left: 5px;
    font-size: 14px
}

.footerbutton {
    width: 71%;
    color: #fff;
    border-radius: 74px
}

.footerbutton:hover {
    color: #1a3763
}

.iconstyle {
    color: #fff;
    width: 14%;
    padding: 16px;
    opacity: .6
}

.footergreyh4,
.footergreytext {
    color: #333;
    font-family: Gilroy
}

.footergrey {
    background-color: #bdbdbd
}

.footergreyh4 {
    font-weight: 700;
    font-size: 22px
}

.footerGreyTextContainer {
    padding: 23px 0 15px 53px;
    border-bottom: 1px solid #919191
}

.footerimgbg {
    background-image: url('../images/footer.png');
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.whitefooterText {
    color: #fff;
    font-size: 30px;
    padding-bottom: 30px;
    font-family: GilroyBold
}

.sticky {
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 1030
}

.backImage,
.backImage2 {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
    background-size: cover;
    min-height: 620px
}

.backImage {
    background-image: url('../images/home/Wall-0.png');
    background-position: none
}

.backImage2 {
    background-image: url('../images/home/Hair-Treatment.jpg');
    background-position: none
}

.backImage3,
.noOneContainerImage {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0
}

.backImage3 {
    background-size: cover;
    min-height: 620px;
    background-image: url('../images/hairtreatment.png');
    background-position: none
}

.bannerTagline {
    font-family: GilroyBold;
    color: #0e4e98;
    font-size: 55px;
    line-height: .8
}

.bannerButton,
.noOneButton,
.noOneText {
    font-family: Gilroy;
    font-size: 20px;
    font-weight: 700
}

.bannerTextContainer {
    padding-top: 273px
}

.bannerButton {
    color: #0e4e98;
    border: 2px solid #0e4e98;
    border-radius: 26px;
    padding: 10px 36px
}

.button1 {
    margin-left: -83px
}

.bannerButton:hover,
.captionButton:hover {
    background-color: #0e4e98;
    color: #fff
}

.imagelineText,
.serviceItemText {
    font-family: Gilroy;
    padding-top: 80px
}

#chat-popup,
.ServiceTab hr,
.award,
.diagmobversion,
.dnone,
.hidemenu,
.owl-dots,
.skinmobversion,
.threebar {
    display: none
}

.bookappointmentContainer {
    padding-top: 475px;
    position: fixed;
    z-index: 999;
    bottom: 50px;
    right: 50px
}

.bookappointmentButton {
    font-family: Gilroy;
    color: #fff;
    background-color: #0e4e98;
    border: 2px solid #0e4e98;
    border-radius: 26px;
    padding: 10px 15px
}

.bookappointmentIcon {
    color: #fff;
    background-color: #0e4e98;
    border: 2px solid #0e4e98;
    height: 69px;
    width: 69px;
    border-radius: 50%;
    display: inline-block;
    padding: 16px
}

.bookappointmentButton:hover {
    color: #fff
}

.noOneContainerImage {
    background-size: 100% 100%;
    min-height: 520px;
    background-position: none
}

.SkinbackImage,
.prodback {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0
}

.noOneTextContainer {
    padding-top: 65px
}

.noOneText {
    color: #0e4e98;
    line-height: .8
}

.noOneButton {
    color: #0e4e98
}

.noOneTextBold {
    font-family: GilroyBold;
    color: #0e4e98;
    font-size: 55px;
    line-height: 1
}

.Subheading {
    font-family: GilroyBold;
    color: #0e4e98;
    font-size: 25px;
    line-height: .8;
    margin-left: -82px
}

.LogoContainer {
    min-height: 150px;
    margin-top: 0;
    padding-top: 30px;
    background-color: #063161;
    padding-bottom: 30px
}

.SKIN {
    padding-bottom: 15px
}

.SkinbackImage {
    background-color: #b97045;
    min-height: 620px;
    background-image: url('../images/home/skin2.png');
    background-position: none
}

.prodTextBold,
.skinTagline {
    font-family: GilroyBold;
    color: #fff;
    font-size: 55px;
    line-height: .8
}

.skinButton,
.skinText {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: Gilroy
}

.skinText {
    padding-bottom: 8%
}

.skinButton {
    border: 2px solid #fff;
    border-radius: 26px;
    padding: 10px 36px
}

.skinButton:hover {
    background-color: #fff;
    color: #b97045 !important
}

.Uniqueback {
    margin-top: 0
}

.uniqueTextContainer {
    padding-top: 150px
}

.uniqueImageButtonContainer {
    display: flex;
    min-height: 20px
}

.ques h4,
.uniqueImageButtonactive {
    font-family: Gilroy;
    font-weight: 700
}

.uniqueImageButton {
    color: #aaa;
    font-family: Gilroy;
    font-weight: 700
}

.uniqueImageButton:hover {
    border-bottom: 2px solid #aaa !important
}

.uniquebutton {
    padding-right: 20px
}

.active>.uniqueImageButton {
    color: #0e4e98;
    border-bottom: 2px solid #0e4e98 !important
}

.imagesGrid,
.prodContainer {
    padding-top: 50px
}

.imgcapstyle {
    padding-top: 16px;
    width: 100%;
    padding-bottom: 16px;
    text-align: center;
    background-color: #efefef;
    font-family: Gilroy;
    font-weight: 600;
    font-size: 19px;
    max-height: 69px
}

.captionButton,
.formButton,
.formHeading,
.nearByText,
.weight {
    font-weight: 700
}

.expUniqueDiv {
    padding-bottom: 85px;
    padding-top: 50px
}

.prodback {
    min-height: 520px;
    background-color: #0c4e9a;
    background-position: none
}

.hairImage,
.serviceItem {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0
}

.prodText {
    font-family: Gilroy;
    color: #fff;
    font-size: 23px;
    line-height: .8
}

.hairImage {
    min-height: 900px;
    background-image: url('../images/home/home-hair.png');
    background-color: #dedede;
    background-position: none
}

.hairTextContainer {
    padding-top: 200px
}

.nearbyContainer,
.paddingHead {
    padding-top: 80px
}

.nearByText {
    font-family: Gilroy;
    color: #0e4e98;
    font-size: 20px;
    line-height: .8;
    padding-top: 7px;
    padding-left: 12px
}

.nearBycolpos {
    display: flex;
    text-align: center;
    padding-bottom: 10px
}

.fromContainer {
    background-color: #0c4e9a;
    padding: 16px;
    margin-top: -119px
}

.formHeading {
    font-size: 40px;
    font-family: Gilroy;
    color: #fff
}

.formText {
    padding-bottom: 0;
    font-size: 15px
}

.fromContainer input {
    width: 100%;
    margin-bottom: 9px
}

.fromContainer input::placeholder {
    color: #333232;
    font-family: Gilroy
}

.formButton {
    font-family: Gilroy;
    color: #fff !important;
    border: 2px solid #fff;
    border-radius: 26px;
    padding: 7px 89px
}

.captionTextbg {
    background-color: #fff;
    text-align: center;
    padding: 20px
}

.captionButton {
    font-family: Gilroy;
    color: #0e4e98;
    border: 2px solid #0e4e98;
    border-radius: 26px;
    padding: 10px 36px
}

.cardslider {
    padding-top: 233px
}

#carouselExampleIndicators {
    margin-top: -300px
}

.plusstyle {
    float: right;
    padding-right: 45px
}

.serviceItem {
    min-height: 620px;
    background-image: url(../images/services/hairline.png);
    background-position: none;
    background-color: #e1ded9
}

.serviceItemBioFue,
.serviceItemFacial {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;
    margin-top: 0
}

.serviceItemFacial {
    background-image: url(../images/4_Facial-Hair-min.jpg);
    background-position: none;
    background-color: #e1ded9
}

.serviceItemBioFue {
    background-image: url(../images/3_BIO-FUE-min.jpg);
    background-position: none;
    background-color: #e1ded9
}

.serviceItemBioFut,
.serviceItemFemaleTransplant {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;
    margin-top: 0;
    background-color: #e1ded9;
    position: relative
}

.serviceItemBioFut {
    background-image: url(../images/2_BIO-FUT-min.jpg);
    background-position: none
}

.serviceItemFemaleTransplant {
    background-image: url(../images/female_hair_transplant.jpg);
    background-position: none
}

.footerimgbgserItem,
.leftphoto,
.rightphoto {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.texttagg {
    position: relative;
    top: 785px
}

.serviceItemTagline {
    font-family: GilroyBold;
    color: #0e4e98;
    font-size: 56px;
    line-height: 1;
    margin-top: 10%
}

.serviceItemTagline1 {
    font-family: GilroyBold;
    color: #0e4e98 !important;
    font-size: 56px;
    line-height: 1;
    margin-top: 5%
}

.serviceItemTaglinesubcat {
    font-family: Gilroymedium;
    color: #0e4e98;
    font-size: 36px;
    line-height: 1
}

.itempg,
.serviceItemTaglinenormal,
.uptoText {
    font-family: Gilroy;
    font-weight: 700;
    color: #0e4e98
}

.serviceItemTaglinenormal {
    font-size: 23px
}

.serviceItemTextContainer {
    padding-top: 176px;
    text-align: center
}

.itempgtextContainer {
    padding-top: 20px;
    padding-bottom: 20px
}

.itempgtextHowContainer,
.itemvedioContainer,
.uptoContainer {
    padding-bottom: 100px
}

.itempg {
    margin-bottom: 25px;
    text-align: left;
    padding-top: 0;
    letter-spacing: .5px
}

.uptoContainer {
    padding-top: 100px
}

.faqgreyh4,
.itempgtextHear,
.itempgtextHow,
.uptoText span {
    font-family: GilroyBold
}

.uptoText span {
    font-size: 80px
}

.uptoBorder {
    border-bottom: 3px solid #0e4e98;
    width: 40%
}

.itempgtextHow {
    color: #0e4e98;
    margin-bottom: 20px
}

.itempgtextHear {
    color: #0e4e98;
    font-size: 2.5em;
    margin-bottom: 40px;
    line-height: .8
}

.itempgtextHearContainer {
    padding-bottom: 150px
}

.footerimgbgserItem {
    background-image: url('../images/footer.png');
    height: 1300px
}

.faqgreyh4 {
    color: #0a4d9b;
    line-height: .8
}

.ans p,
.askButton {
    font-family: Gilroy;
    font-weight: 700
}

.faqplus {
    padding-top: 38px;
    padding-bottom: 25px
}

.ans p {
    padding-left: 33px
}

.quesContainer {
    padding-top: 35px
}

.askButton {
    font-size: 18px;
    color: #212529;
    border: 2px solid #212529;
    border-radius: 26px;
    padding: 10px 23px
}

.askButtonContainer {
    padding-top: 34px;
    padding-bottom: 74px;
    padding-left: 30px
}

.financialbg {
    background-color: #0c4e9a;
    padding-top: 80px;
    padding-bottom: 80px
}

.leftphoto,
.leftphotoser,
.rightphoto {
    background-color: #a7a7b3
}

.finHead {
    color: #fff;
    font-family: GilroyBold;
    font-weight: 700
}

.finPg {
    color: #fff;
    font-family: Gilroy;
    font-size: 19px
}

.imgContainer {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 31px
}

.buttonContainer {
    padding-top: 57px
}

.blogContainer {
    padding-bottom: 80px;
    padding-top: 80px
}

.blogCard {
    border: 2px solid #0a4d9b;
    padding: 2px;
    min-height: 410px
}

.leftphoto,
.leftphotoser,
.rightphoto,
.serviceImage,
.serviceImage1 {
    min-height: 620px;
    margin-top: 0;
    position: relative
}

.blogTextContainer {
    padding: 17px
}

.readContainer {
    padding-left: 22px;
    padding-top: 40px
}

.downloadButton,
.readButton {
    font-size: 18px;
    padding: 10px 16px;
    font-weight: 700;
    color: #0e4e98;
    font-family: Gilroy
}

.readButton {
    border: 2px solid #0e4e98;
    border-radius: 26px
}

.downloadButton {
    border: 2px solid #0e4e98;
    border-radius: 8px
}

.ServiceHead,
.serviceText {
    padding-bottom: 50px
}

.rightphoto {
    background-image: url('../images/services/footer-2.jpg');
    background-position: none
}

.leftphoto {
    background-image: url('../images/services/footer-1.png');
    background-position: none
}

.footerimgbgservice,
.serviceImage,
.serviceImage1 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.HariTextItemContainer {
    padding-top: 272px
}

.imgPadding {
    padding-top: 45px
}

.iconPadding {
    padding-top: 105px
}

.serviceImage1 {
    background-image: url('../images/services/hair-treatment.png')
}

.serviceImage {
    background-image: url('../images/services/hair-teatment.png')
}

.footerimgbgservice {
    background-image: url('../images/1_Robotic-min.jpg');
    height: 1300px
}

.leftphotoser {
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/services/footer-2.png');
    background-position: none
}

.menu,
.tab-fixed-top {
    background-color: #fff
}

.serviceText {
    padding-top: 80px
}

.ServiceHeadText {
    font-family: Gilroy;
    text-transform: uppercase;
    font-weight: 700;
    color: #818181;
    text-align: left;
    font-size: 1.2em
}

.nav-link:hover,
.white {
    font-family: GilroyBold
}

.button,
.logo-image-box,
.menu-img-link,
.menu-img-text,
.progress-arrow {
    text-align: center
}

.ServiceTab>.active>h2 {
    color: #0e4e98;
    border-bottom: 2px solid #0e4e98;
    display: inline
}

.ServiceTab h2 {
    color: #818181
}

.ServiceTab>.active>h2 :hover {
    border-bottom: 2px solid;
    width: 44%
}

.serviceCatImg {
    box-shadow: 5px 20px 91px rgba(0, 0, 0, .26)
}

.serviceCatImgContainer {
    padding-top: 20px
}

.smallText {
    font-size: 19px !important;
    line-height: 1.3
}

.biofue {
    padding-top: 250px
}

.facialHair {
    padding-top: 120px
}

.secondImg {
    margin-top: -51px;
    float: right;
    position: relative
}

.ServiceTab {
    margin-right: 30px;
    display: inline-block
}

.fixed-tabs {
    position: fixed;
    top: 200px
}

.bottom-line {
    display: block;
    border-bottom: 2px solid #0e4e98;
    width: 1000px;
    margin-left: 1px
}

.navbar {
    transition: .8s
}

.opacity0 {
    opacity: 0;
    display: none
}

#tab-menu-float {
    width: 100%
}

.tab-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto;
    box-shadow: 1px 1px 4px 1px #eee;
    z-index: 1031;
    transition: .5s;
    padding-top: 5px
}

.tab-fixed-top #tab-menu-float-inner {
    margin: auto
}

.tab-fixed-top ServiceHeadText {
    margin-top: 40px
}

.gap {
    margin-top: 60px
}

#surgicalLink {
    width: 155px
}

#nonSurgicalLink {
    width: 310px
}

#nonsurgical {
    margin-top: 200px
}

@media screen and (max-width:426px) {
    .navbar .dropdown-menu {
        background-color: #e2e2e2 !important
    }
}

@media screen and (min-width:992px) {
    .navbar .dropdown {
        position: static
    }
    .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        top: 30px;
        background-color: #fff
    }
    .navbar .dropdown .dropdown-menu:hover,
    .navbar .dropdown:hover .dropdown-menu {
        display: block !important
    }
}

.dropdown-menu {
    z-index: 1032
}

.sub-menu-heading {
    color: gray;
    padding-left: 15px;
    margin-top: 20px;
    display: block;
    font-size: 20px;
    padding-bottom: 13px
}

.nav-link,
.sub-menu-heading:hover {
    font-weight: 500
}

.nav-link {
    display: block;
    padding: .2rem 1rem
}

.navLeftPadding {
    padding-left: 100px
}

.menu {
    transition: .8s;
    padding-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26)
}

.menu-img-box {
    max-width: 180px;
    margin: 15px auto auto;
    line-height: 18px
}

.menu-img-text {
    color: #6e6b6b;
    font-weight: 700;
    margin-top: 15px
}

.menu-img-link a {
    color: #6e6b6b;
    font-size: 14px
}

.nav-item>.nav-link>span:hover {
    border-bottom: 2px solid
}

.logo-image-box {
    margin: auto
}

.logo-image-toi {
    margin: 50px auto auto;
    height: 55px
}

.logo-image-pwc {
    height: 55px;
    margin: 37px auto auto
}

.text-style1 {
    font-size: 21px;
    line-height: 29px;
    padding-right: 86px
}

.progress-indicator {
    width: 200px;
    height: 200px;
    z-index: 20;
    margin: auto
}

.progress-indicator>svg {
    width: 200px
}

.progress-arrow {
    width: 100%;
    height: 100%;
    line-height: 100px;
    margin-top: -120px
}

circle {
    fill: rgba(255, 255, 255, 0.9)
}

svg .animated-circle {
    fill: transparent;
    stroke-width: 2px;
    stroke: #fff;
    stroke-dasharray: 126;
    stroke-dashoffset: 126
}

.text-style2 {
    font-size: 54px;
    margin-bottom: 10px
}

.margin-top-30 {
    margin-top: 30px
}

.prpitem {
    margin-top: 80px
}

.prfmitem {
    margin-top: 250px
}

.acneface,
.atm,
.botox,
.chemicalpeel,
.darkcircle,
.dermaroller,
.filler,
.fraxel,
.glutathione,
.intralesional,
.laser,
.laser_img,
.longhair,
.medifacial,
.mesotherapy,
.microdermabrasion,
.nano-graft,
.next-prp,
.permanent_makeup,
.photodynamic,
.pigmentation,
.prfm,
.prp,
.prphair,
.revesion,
.rigenera,
.scar_reduction,
.silicone,
.skinhead,
.skinrejuvenation,
.skinwhite,
.svf,
.tattoo,
.vampire {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;
    margin-top: 0
}

.drop,
.nav-item>a>span,
.nav-link {
    font-size: 17px
}

.acneface {
    background-image: url('../images/acnefacials.jpg')
}

.photodynamic {
    background-image: url('../images/Photodynamic.jpg')
}

.laser {
    background-image: url('../images/laserhead.jpg')
}

.permanent_makeup {
    background-image: url('../images/permantmakeup.jpg')
}

.mesotherapy {
    background-image: url('../images/mesotherapy.jpg')
}

.tattoo {
    background-image: url('../images/tattooremoval.jpg')
}

.microdermabrasion,
.skinhead {
    background-image: url('../images/microdermabrasion.jpg')
}

.pigmentation {
    background-image: url('../images/.jpg')
}

.prp {
    background-image: url('../images/prp.jpg')
}

.svf {
    background-image: url('../images/SVF.jpg')
}

.glutathione {
    background-image: url('../images/Glutathione.jpg')
}

.skinrejuvenation {
    background-image: url('../images/Skin-Rejuvenation.jpg')
}

.skinwhite {
    background-image: url('../images/Skin-Tightening.jpg')
}

.chemicalpeel {
    background-image: url('../images/chemicalpeels.jpg')
}

.fraxel {
    background-image: url('../images/Fraxel-Laser.jpg')
}

.silicone {
    background-image: url(../images/siliconesheet22.jpg)
}

.dermaroller {
    background-image: url('../images/Derma-Roller.jpg')
}

.vampire {
    background-image: url('../images/Vampire-Facelift.jpg')
}

.intralesional {
    background-image: url('../images/Intralesional.jpg')
}

.botox,
.filler {
    background-image: url('../images/BotoxFillers.jpg')
}

.darkcircle {
    background-image: url('../images/darkcircles.jpg')
}

.laser_img {
    background-image: url('../images/laserresurface22.jpg')
}

.scar_reduction {
    background-image: url(../images/laserresurface22.jpg)
}

.medifacial {
    background-image: url('../images/medifacials.jpg')
}

.longhair {
    background-image: url('../images/longhair.jpg')
}

.prfm {
    background-image: url('../images/prfm.jpg')
}

.revesion {
    background-image: url('../images/revision.jpg')
}

.prphair {
    background-image: url('../images/prphair.jpg')
}

.rigenera {
    background-image: url('../images/Rigenera-Activa.jpg')
}

.atm {
    background-image: url('../images/AMT_regenera_activa.jpg')
}

.nano-graft {
    background-image: url('../images/nano-graft-for-face.jpg')
}

.next-prp {
    background-image: url('../images/nextprp.jpg')
}

.texttag {
    margin-top: 305px
}

.Anti-Greying,
.anti_dandruff,
.cranianlscalp,
.fellowship-image,
.hair_extensions,
.hair_fall,
.hairbonding,
.peel,
.sclap,
.wings {
    margin-top: 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px
}

.hairbonding {
    background-image: url('../images/14_Hair-Bonding.jpg')
}

.cranianlscalp {
    background-image: url('../images/12_Cranial-Scalp.jpg')
}

.Anti-Greying {
    background-image: url('../images/21_grey hair.jpg')
}

.hair_extensions {
    background-image: url('../images/16_Hair-Extensions.jpg')
}

.anti_dandruff {
    background-image: url('../images/19_anti-dandruff.jpg')
}

.hair_fall {
    background-image: url('../images/20_hairfall.jpg')
}

.peel {
    background-image: url('../images/19_Peels.jpg')
}

.sclap {
    background-image: url('../images/11_Scalp-Micropigmentation-min.jpg')
}

.fellowship-image {
    background-image: url('../images/Body_about_new.jpg')
}

.wings {
    background-image: url('../images/15_wigs.jpg')
}

.restoreContainer {
    margin-top: -100px
}

.hairfallcontrolContainer {
    padding-top: 100px
}

.robotic {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;
    background-image: url(../images/1_Robotic-min.jpg);
    margin-top: 0;
    background-position: none;
    background-color: #e1ded9
}

.footerimgbg1,
.footerimgbg10,
.footerimgbg11,
.footerimgbg12,
.footerimgbg13,
.footerimgbg14,
.footerimgbg15,
.footerimgbg16,
.footerimgbg17,
.footerimgbg18,
.footerimgbg19,
.footerimgbg2,
.footerimgbg20,
.footerimgbg21,
.footerimgbg22,
.footerimgbg23,
.footerimgbg24,
.footerimgbg25,
.footerimgbg26,
.footerimgbg27,
.footerimgbg28,
.footerimgbg29,
.footerimgbg3,
.footerimgbg30,
.footerimgbg31,
.footerimgbg32,
.footerimgbg33,
.footerimgbg34,
.footerimgbg35,
.footerimgbg36,
.footerimgbg37,
.footerimgbg38,
.footerimgbg39,
.footerimgbg4,
.footerimgbg40,
.footerimgbg41,
.footerimgbg42,
.footerimgbg43,
.footerimgbg44,
.footerimgbg45,
.footerimgbg46,
.footerimgbg47,
.footerimgbg48,
.footerimgbg5,
.footerimgbg6,
.footerimgbg7,
.footerimgbg8,
.footerimgbg9 {
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.finsectrow {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: -40px
}

.owl-next,
.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.owl-prev {
    left: -2rem;
    margin-right: 10px
}

.owl-next {
    right: -2rem
}

.white {
    color: #fff;
    font-size: 23px;
    padding-bottom: 10px;
    letter-spacing: 4px
}

.footerHotHead,
.smallFont {
    font-family: GilroyRegular !important
}

.textup {
    margin: -130px
}

.footerimgbg1 {
    background-image: url('../images/footerimg/5.png')
}

.footerimgbg2 {
    background-image: url('../images/footerimg/4.png')
}

.footerimgbg3 {
    background-image: url('../images/footerimg/11.png')
}

.footerimgbg4 {
    background-image: url('../images/footerimg/38.png')
}

.footerimgbg5 {
    background-image: url('../images/footerimg/28.png')
}

.footerimgbg6 {
    background-image: url('../images/footerimg/30.png')
}

.footerimgbg7 {
    background-image: url('../images/footerimg/32.png')
}

.footerimgbg8 {
    background-image: url('../images/footerimg/27.png')
}

.footerimgbg15,
.footerimgbg9 {
    background-image: url('../images/footerimg/7.png')
}

.footerimgbg10 {
    background-image: url('../images/footerimg/53.png')
}

.footerimgbg11 {
    background-image: url('../images/footerimg/51.png')
}

.footerimgbg12 {
    background-image: url('../images/footerimg/50.png')
}

.footerimgbg13 {
    background-image: url('../images/footerimg/49.png')
}

.footerimgbg14,
.footerimgbg43 {
    background-image: url('../images/footerimg/48.png')
}

.footerimgbg16,
.footerimgbg20,
.footerimgbg25 {
    background-image: url('../images/footerimg/41.png')
}

.footerimgbg17 {
    background-image: url('../images/footerimg/10.png')
}

.footerimgbg18,
.footerimgbg47 {
    background-image: url('../images/footerimg/14.png')
}

.footerimgbg19,
.footerimgbg28 {
    background-image: url('../images/footerimg/36.png')
}

.footerimgbg21 {
    background-image: url('../images/footerimg/33.png')
}

.footerimgbg22 {
    background-image: url('../images/footerimg/39.png')
}

.footerimgbg23 {
    background-image: url('../images/footerimg/44.png')
}

.footerimgbg24,
.footerimgbg46 {
    background-image: url('../images/footerimg/26.png')
}

.footerimgbg26 {
    background-image: url('../images/footerimg/42.png')
}

.footerimgbg27 {
    background-image: url('../images/footerimg/12.png')
}

.footerimgbg29 {
    background-image: url('../images/footerimg/19_Peels.jpg')
}

.footerimgbg30,
.footerimgbg45 {
    background-image: url('../images/footerimg/15.png')
}

.footerimgbg31 {
    background-image: url('../images/footerimg/13.png')
}

.footerimgbg32 {
    background-image: url('../images/footerimg/24.png')
}

.footerimgbg33 {
    background-image: url('../images/footerimg/34.png')
}

.footerimgbg34 {
    background-image: url('../images/footerimg/40.png')
}

.footerimgbg35 {
    background-image: url('../images/footerimg/22.png')
}

.footerimgbg36 {
    background-image: url('../images/footerimg/21.png')
}

.footerimgbg37 {
    background-image: url('../images/footerimg/1_Robotic-min.png')
}

.footerimgbg38 {
    background-image: url('../images/footerimg/22_DHR.png')
}

.footerimgbg39,
.footerimgbg40 {
    background-image: url('../images/footerimg/organic.png')
}

.footerimgbg41 {
    background-image: url('../images/footerimg/22_Hair-style.png')
}

.footerimgbg42 {
    background-image: url('../images/footerimg/24_DNA-test.png')
}

.footerimgbg44 {
    background-image: url('../images/footerimg/43.png')
}

.footerimgbg48 {
    background-image: url('../images/footerimg/47.png')
}

.textright {
    margin-left: 135px
}

.smallFont {
    font-size: 12px;
    margin-bottom: 8px
}

.footerHotHead {
    color: #919191;
    font-size: 18px;
    font-weight: 700
}

.sub-menu-heading {
    font-family: GilroyMedium
}

.addressMargin {
    padding-bottom: 31px
}

.noMargin {
    margin-bottom: 0;
    color: #4c4747de
}

.micro {
    margin-top: -200px
}

.designer,
.organic {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;
    margin-top: 0
}

.inter {
    position: relative;
    bottom: 140px
}

.right {
    margin-left: 65px
}

.reduc {
    position: relative;
    bottom: 180px
}

.laserhair {
    position: relative;
    bottom: 130px
}

.forwomen {
    position: relative;
    right: 100px;
    bottom: 150px
}

.textrightt {
    margin-left: 215px
}

.textt {
    margin-left: 355px
}

.skinn {
    position: relative;
    bottom: 120px
}

.peeltext {
    margin-left: 325px
}

.peeltext1 {
    margin-left: 235px
}

.tab,
.treat {
    margin-left: 25px
}

.tightening {
    position: relative;
    right: 100px;
    bottom: 40px
}

.stretch_row {
    position: relative;
    bottom: 230px
}

.makeup {
    position: relative;
    bottom: 180px;
    left: 55px
}

.textset {
    position: relative;
    bottom: 140px;
    left: 95px
}

.organic {
    background-image: url('../images/organic.jpg')
}

.designer {
    background-image: url('../images/22_DHR.jpg')
}

.button {
    background-color: #004a7f;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    -webkit-animation: 1.5s infinite glowing;
    -moz-animation: 1.5s infinite glowing;
    -o-animation: 1.5s infinite glowing;
    animation: 1.5s infinite glowing
}

.owl-item,
.textbelow {
    text-align: center !important
}

@-webkit-keyframes glowing {
    0%,
    100% {
        background-color: #b20000;
        -webkit-box-shadow: 0 0 3px #b20000
    }
    50% {
        background-color: red;
        -webkit-box-shadow: 0 0 40px red
    }
}

@-moz-keyframes glowing {
    0%,
    100% {
        background-color: #b20000;
        -moz-box-shadow: 0 0 3px #b20000
    }
    50% {
        background-color: red;
        -moz-box-shadow: 0 0 40px red
    }
}

@-o-keyframes glowing {
    0%,
    100% {
        background-color: #b20000;
        box-shadow: 0 0 3px #b20000
    }
    50% {
        background-color: red;
        box-shadow: 0 0 40px red
    }
}

@keyframes glowing {
    0%,
    100% {
        background-color: #b20000;
        box-shadow: 0 0 3px #b20000
    }
    50% {
        background-color: red;
        box-shadow: 0 0 40px red
    }
}

.treat {
    font-size: 24px;
    text-transform: capitalize
}

.textbelow {
    margin-top: 10px;
    display: block
}

.Nano,
.QR678,
.about_image,
.dermatology,
.hair_dna,
.haircut,
.trichology {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;
    margin-top: 0
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0 !important;
    color: #000 !important;
    text-decoration: none
}

button:focus {
    
    border: none !important;
    outline: dotted 0;
    outline: -webkit-focus-ring-color auto 0
}

.fa-stack {
    color: grey !important;
    margin-right: 18px !important;
    margin-bottom: 10px !important
}

.hair_dna {
    background-image: url('../images/24_DNA-test.jpg')
}

.haircut {
    background-image: url('../images/22_Hair-style.jpg')
}

.trichology {
    background-image: url('../images/dermatology.png')
}

.dermatology {
    background-image: url('../images/dermatology_hairline.jpg')
}

.QR678 {
    background-image: url('../images/QR678 Treatment for Hair Loss.png')
}

.Nano {
    background-image: url('../images/Nano Fat.png')
}

.about_image {
    background-image: url('../images/about.jpg')
}

.imgcapstyle:hover {
    background: #0056b3;
    color: #efefef
}

.SKIN a {
    color: #0e4e98 !important
}

.fromContainer select {
    width: 100%;
    margin-bottom: 9px;
    height: 30px;
    color: #333232;
    font-family: Gilroy;
    font-size: 15px
}

.fill {
    border: 2px solid #0e4e98;
    background-color: #fff
}

.fill:hover {
    background-color: #0e4e98
}

.fill:hover i,
.fontfill:hover {
    color: #fff
}

.fontfill {
    color: #0e4e98
}

.subbtn {
    background-color: #0c4e9a
}

.tablasersec {
    margin-left: -84px
}

@media only screen and (max-width:320px) {
    .white {
        padding-top: 200px
    }
    .footerinput {
        width: auto;
        margin-left: -2px
    }
    .footerbutton {
        width: 63%
    }
    .bottom-line {
        width: 20px
    }
    .textup {
        margin: 50px
    }
}

.imgGraybg {
    background-color: #dfd5c9
}

.menuright {
    margin-left: 230px
}

.select_style {
    color: #fff !important;
    padding-bottom: 3px;
    border: 2px solid #fff;
    background: 0 0 !important;
    margin-right: 22px
}

.select_style option {
    color: #000 !important;
    background: 0 0 !important
}

.bajaj {
    margin-left: 13px
}

.thefacelift {
    font-family: GilroyBold;
    color: #0e4e98;
    font-size: 47px;
    line-height: 1
}

@media(min-width:320px) and (max-width:767px) {
    .download-btn-mob,
    .text-center-align {
        text-align: center
    }
    .heading-font {
        font-size: 26px !important
    }
    .download-btn-mob {
        position: relative;
        margin-top: 13px !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .heading-font {
        font-size: 37px
    }
}