@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

/*----------------------------------------*/
/*----- 1 General styles -----*/
/*----------------------------------------*/
html {
    overflow-x: hidden !important;
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-animation: fix 1s 1;
    animation: fix 1s 1;
    overflow-x: hidden !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .7rem;
}

a,
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

/*----------------------------------------*/
/*----- 2 Theme Utilities -----*/
/*----------------------------------------*/
/*== fonts ==*/
body,
form label.error {
    font-family: 'Oxygen', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
#dtr-header-global .nav-link,
.dropdown-menu a,
dtr-btn {
    font-family: "Philosopher", sans-serif, sans-serif;
    font-weight: 700;
}

.h1,
h1 {
    font-size: 2.3em;
    line-height: 1.3em;
}

.h2,
h2 {
    font-size: 2.4em;
    line-height: 1.3em;
}

.h3,
h3 {
    font-size: 1.824em;
    line-height: 1.3em;
}

.h4,
h4 {
    font-size: 1.471em;
    line-height: 1.3em;
}

.h5,
h5 {
    font-size: 1.235em;
    line-height: 1.5em;
}

.h6,
h6 {
    font-size: 1em;
    line-height: 1.5em;
}

.text-size-xl {
    font-size: 1.671em;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: inherit;
}

.text-size-md {
    font-size: 1.118em;
    line-height: 1.9em;
}

.text-size-sm {
    font-size: 0.865em;
    line-height: 1.7em;
    font-weight: 700;
}

/*== margins ==*/
.dtr-m-auto {
    margin: 0 auto;
}

.dtr-m-0 {
    margin: 0
}

.dtr-mt-0,
.dtr-my-0 {
    margin-top: 0
}

.dtr-mr-0,
.dtr-mx-0 {
    margin-right: 0
}

.dtr-mb-0,
.dtr-my-0 {
    margin-bottom: 0
}

.dtr-ml-0,
.dtr-mx-0 {
    margin-left: 0
}

.dtr-m-1 {
    margin: .25rem
}

.dtr-mt-1,
.dtr-my-1 {
    margin-top: .25rem
}

.dtr-mr-1,
.dtr-mx-1 {
    margin-right: .25rem
}

.dtr-mb-1,
.dtr-my-1 {
    margin-bottom: .25rem
}

.dtr-ml-1,
.dtr-mx-1 {
    margin-left: .25rem
}

.dtr-m-2 {
    margin: .5rem
}

.dtr-mt-2,
.dtr-my-2 {
    margin-top: .5rem
}

.dtr-mr-2,
.dtr-mx-2 {
    margin-right: .5rem
}

.dtr-mb-2,
.dtr-my-2 {
    margin-bottom: .5rem
}

.dtr-ml-2,
.dtr-mx-2 {
    margin-left: .5rem
}

.dtr-m-3 {
    margin: 1rem
}

.dtr-mt-3,
.dtr-my-3 {
    margin-top: 1rem
}

.dtr-mr-3,
.dtr-mx-3 {
    margin-right: 1rem
}

.dtr-mb-3,
dtr-.my-3 {
    margin-bottom: 1rem
}

.dtr-ml-3,
.dtr-mx-3 {
    margin-left: 1rem
}

.dtr-m-4 {
    margin: 1.5rem
}

.dtr-mt-4,
.dtr-my-4 {
    margin-top: 1.5rem
}

.dtr-mr-4,
.dtr-mx-4 {
    margin-right: 1.5rem
}

.dtr-mb-4,
.dtr-my-4 {
    margin-bottom: 1.5rem
}

.dtr-ml-4,
.dtr-mx-4 {
    margin-left: 1.5rem
}

.dtr-m-5 {
    margin: 3rem
}

.dtr-mt-5,
.dtr-my-5 {
    margin-top: 3rem
}

.dtr-mr-5,
.dtr-mx-5 {
    margin-right: 3rem
}

.dtr-mb-5,
.dtr-my-5 {
    margin-bottom: 3rem
}

.dtr-ml-5,
.dtr-mx-5 {
    margin-left: 3rem
}

.dtr-m-6 {
    margin: 4rem
}

.dtr-mt-6,
.dtr-my-6 {
    margin-top: 4rem
}

.dtr-mr-6,
.dtr-mx-6 {
    margin-right: 4rem
}

.dtr-mb-6,
.dtr-my-6 {
    margin-bottom: 4rem
}

.dtr-ml-6,
.dtr-mx-6 {
    margin-left: 4rem
}

.dtr-m-7 {
    margin: 5rem
}

.dtr-mt-7,
.dtr-my-7 {
    margin-top: 5rem
}

.dtr-mr-7,
.dtr-mx-7 {
    margin-right: 5rem
}

.dtr-mb-7,
.dtr-my-7 {
    margin-bottom: 5rem
}

.dtr-ml-7,
.dtr-mx-7 {
    margin-left: 5rem
}

/*== paddings ==*/
.dtr-p-0 {
    padding: 0
}

.dtr-pt-0,
.dtr-py-0 {
    padding-top: 0
}

.dtr-pr-0,
.dtr-px-0 {
    padding-right: 0
}

.dtr-pb-0,
.dtr-py-0 {
    padding-bottom: 0
}

.dtr-pl-0,
.dtr-px-0 {
    padding-left: 0
}

.dtr-p-1 {
    padding: .25rem
}

.dtr-pt-1,
.dtr-py-1 {
    padding-top: .25rem
}

.dtr-pr-1,
.dtr-px-1 {
    padding-right: .25rem
}

.dtr-pb-1,
.dtr-py-1 {
    padding-bottom: .25rem
}

.dtr-pl-1,
.dtr-px-1 {
    padding-left: .25rem
}

.dtr-p-2 {
    padding: .5rem
}

.dtr-pt-2,
.dtr-py-2 {
    padding-top: .5rem
}

.dtr-pr-2,
.dtr-px-2 {
    padding-right: .5rem
}

.dtr-pb-2,
.dtr-py-2 {
    padding-bottom: .5rem
}

.dtr-pl-2,
.dtr-px-2 {
    padding-left: .5rem
}

.dtr-p-3 {
    padding: 1rem
}

.dtr-pt-3,
.dtr-py-3 {
    padding-top: 1rem
}

.dtr-pr-3,
.dtr-px-3 {
    padding-right: 1rem
}

.dtr-pb-3,
.dtr-py-3 {
    padding-bottom: 1rem
}

.dtr-pl-3,
.dtr-px-3 {
    padding-left: 1rem
}

.dtr-p-4 {
    padding: 1.5rem
}

.dtr-pt-4,
.dtr-py-4 {
    padding-top: 1.5rem
}

.dtr-pr-4,
.dtr-px-4 {
    padding-right: 1.5rem
}

.dtr-pb-4,
.dtr-py-4 {
    padding-bottom: 1.5rem
}

.dtr-pl-4,
.dtr-px-4 {
    padding-left: 1.5rem
}

.dtr-p-5 {
    padding: 3rem
}

.dtr-pt-5,
.dtr-py-5 {
    padding-top: 3rem
}

.dtr-pr-5,
.dtr-px-5 {
    padding-right: 3rem
}

.dtr-pb-5,
.dtr-py-5 {
    padding-bottom: 3rem
}

.dtr-pl-5,
.dtr-px-5 {
    padding-left: 3rem
}

.dtr-p-6 {
    padding: 4rem
}

.dtr-pt-6,
.dtr-py-6 {
    padding-top: 4rem
}

.dtr-pr-6,
.dtr-px-6 {
    padding-right: 4rem
}

.dtr-pb-6,
.dtr-py-6 {
    padding-bottom: 4rem
}

.dtr-pl-6,
.dtr-px-6 {
    padding-left: 4rem
}

.dtr-p-7 {
    padding: 5rem
}

.dtr-pt-7,
.dtr-py-7 {
    padding-top: 5rem
}

.dtr-pr-7,
.dtr-px-7 {
    padding-right: 5rem
}

.dtr-pb-7,
.dtr-py-7 {
    padding-bottom: 5rem
}

.dtr-pl-7,
.dtr-px-7 {
    padding-left: 5rem
}

.dtr-p-8 {
    padding: 10rem
}

.dtr-pt-8,
.dtr-py-8 {
    padding-top: 6.5rem;
}

.dtr-pr-8,
.dtr-px-8 {
    padding-right: 10rem
}

.dtr-pb-8,
.dtr-py-8 {
    padding-bottom: 4rem
}

.dtr-pl-8,
.dtr-px-8 {
    padding-left: 10rem
}

/*== images ==*/
.dtr-rounded,
.dtr-rounded img {
    border-radius: 10px;
}

.dtr-rounded-left {
    border-radius: 10px 0 0 10px;
}

.dtr-rounded-right {
    border-radius: 0 10px 10px 0;
}

/*== borders ==*/
.dtr-border-top {
    border-top: 1px solid #e8eaee;
}

.dtr-border-right {
    border-right: 1px solid e8eaee;
}

.dtr-border-bottom {
    border-bottom: 1px solid e8eaee;
}

.dtr-border-left {
    border-left: 1px solid #e8eaee;
}

/*== icon ==*/
.dtr-left-icon,
.dtr-right-icon {
    margin-left: 10px;
    color: inherit;
    vertical-align: middle;
    font-weight: normal;
}

.dtr-left-icon {
    margin-right: 10px;
    margin-left: 0;
}

.dtr-icon-scale {
    font-size: 1.2em;
}

/* icons size */
.font-64 {
    font-size: 4.2rem;
    color: #ce3c3c;
}

/*----------------------------------------*/
/*===== 3 Buttons =====*/
/*----------------------------------------*/
input[type="submit"],
input[type="reset"],
.dtr-form-btn {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 10px 50px 10px 50px;
    margin: 10px 0;
    cursor: pointer;
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    text-decoration: none;
    outline: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    font-size: 1em;
    line-height: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
}

.dtr-submit-center {
    display: block;
    margin: 0;
    text-align: center;
}

.dtr-submit-full .dtr-form-btn,
.dtr-submit-full input[type="submit"],
.dtr-submit-full button {
    width: 100%;
    display: block;
    margin: 0;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
}

/*== Styled button ==*/
.dtr-btn {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 15px 70px 15px 20px;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 150px;
    cursor: pointer;
    outline: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: middle;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: normal;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(20, 39, 82, 0.03);
    box-shadow: 0px 3px 5px 0px rgba(20, 39, 82, 0.03);
    text-decoration: none;
    text-align: left;
    font-size: 1em;
    line-height: 22px;
    font-weight: 700;
}

.dtr-btn a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.dtr-btn span {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    font-size: inherit;
    text-align: center;
}

.dtr-btn span i {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
}

.dtr-btn:hover span i {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

/*----------------------------------------*/
/*===== 4 Lists =====*/
/*----------------------------------------*/
/*ul, ol { margin: 0 0 10px 0; padding: 0; list-style-position: inside; display: block; }*/
li>ul,
li>ol {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 1.5em;
}

ol li,
ul li {
    margin-bottom: 10px;
}

.dtr-list {
    list-style-type: none;
}

.dtr-list li {
    margin-bottom: 5px;
}

/*== checkmark list ==*/
.dtr-list-checkmark li {
    background: none;
    margin-bottom: 10px;
    list-style-type: none;
    display: block;
    position: relative;
}

.dtr-list-checkmark li:before {
    font-family: 'icomoon';
    content: "\ef32";
    margin-right: 15px;
    font-size: 1.2em;
}

.dtr-list-checkmark h6 {
    display: inline;
}

/*----------------------------------------*/
/*===== 5 Elements =====*/
/*----------------------------------------*/
/*== Rounded alert ==*/
.dtr-rounded-alert {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 150px;
}

/*== Video button ==*/
.dtr-video-wrapper-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dtr-video-button {
    width: 80px;
    height: 80px;
    display: block;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    z-index: 9;
}

.dtr-video-button-wrap-inner {
    width: 80px;
    height: 80px;
    position: relative;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    z-index: 99;
}

.dtr-border-animation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 20px;
    border-style: solid;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    animation: pulse-border 4s linear 0s infinite;
    -webkit-animation: pulse-border 4s linear 0s infinite;
    -ms-animation: pulse-border 4s linear 0s infinite;
    -o-animation: pulse-border 4s linear 0s infinite;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
    opacity: 0;
    z-index: 9;
}

.dtr-border-2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.dtr-video-button:hover .dtr-border-animation {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.dtr-video-button::after {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -13px;
    font-family: 'icomoon';
    content: '\eb7a';
    font-size: 32px;
    line-height: 32px;
    z-index: 99;
}

.dtr-video-heading {
    text-align: center;
    margin: 30px 0 0 0;
    padding: 0;
}

.dtr-hero-video-btn {
    height: 150px;
}

/* large button */
.dtr-video-button-lg .dtr-video-button,
.dtr-video-button-lg .dtr-video-button-wrap-inner {
    width: 100px;
    height: 100px;
}

.dtr-video-button-lg .dtr-border-animation {
    border-width: 20px;
}

.dtr-video-button-lg .dtr-video-heading {
    margin-top: 40px;
}

/*== icon with circle bg ==*/
.dtr-icon-with-bg {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    margin-right: 5px;
    font-size: 56px;
    z-index: 9;
}

.dtr-icon-with-bg:after {
    content: '';
    width: 74px;
    height: 74px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -37px;
    border-radius: 50%;
    z-index: -1;
}

/*== feature box ==*/
.dtr-feature-box {
    position: relative;
    padding: 50px 30px 50px 80px;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
}

.dtr-feature-box-icon {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    border-radius: 0 10px 10px 0;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
}

/*== blog post carousel ==*/
.dtr-post-carousel-entry-content {
    padding: 10px 0px;
    border-top: 2px solid #ce3c3c;
}

.dtr-post-carousel-meta {
    padding: 25px 30px 20px 30px;
    border-top: 1px solid #e8eaee;
    border-radius: 0 0 10px 10px;
}

.dtr-post-carousel-item {
    margin: 5px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
}

.dtr-post-carousel-item img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.dtr-category {
    display: block;
    margin-bottom: 20px;
}

.dtr-meta {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dtr-meta li {
    display: inline-block;
}

.dtr-meta li:after {
    content: '';
    border-right: 1px solid #e8eaee;
    margin: 0 20px;
}

.dtr-meta li:last-child:after {
    content: none;
}

.dtr-meta-author:before {
    font-family: 'icomoon';
    content: "\ec83";
    margin-right: 10px;
    vertical-align: middle;
}

.dtr-meta-date:before {
    font-family: 'icomoon';
    content: "\ecdb";
    margin-right: 10px;
    vertical-align: middle;
}

.dtr-post-carousel-content {
    border-radius: 10px;
    cursor: pointer;
}

/*== partner post carousel ==*/
.dtr-partner-carousel-content {
    border-radius: 10px;
}

.dtr-partner-carousel-entry-content {
    padding: 30px 30px 20px 30px;
    border-top: 4px solid #0089f1;
}

.dtr-partner-carousel-meta {
    padding: 25px 30px 20px 30px;
    border-top: 1px solid #e8eaee;
    border-radius: 0 0 10px 10px;
}

.dtr-partner-carousel-item {
    margin: 5px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
}

.dtr-partner-carousel-item img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.dtr-partner-carousel-content {
    border-radius: 10px;
}

/*== reviews ==*/
.dtr-testimonial-wrapper {
    font-size: 14px;
    /* padding: 20px 40px; */
    margin: 5px;
    border-radius: 10px;
    /* -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); */
    /* box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); */
    min-height: 250px;
}

.dtr-5-stars {
    display: block;
    align-self: flex-start;
}

.dtr-5-stars:after {
    font-family: 'icomoon';
    content: '\ec0e\ec0e\ec0e\ec0e\ec0e';
    letter-spacing: 2px;
    font-size: 12px;
}

.dtr-testimonial-wrapper img {
    padding: 2px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(20, 39, 82, 0.1);
}

/*== Reports ==*/
.reports-wrapper {
    font-size: 16px;
    padding: 0;
    margin: 0px;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
    min-height: 320px;
}

/*== Accordion ==*/
.dtr-accordion .card-header {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.dtr-accordion.accordion>.card {
    border: 0;
    border-radius: 0;
}

.dtr-accordion.accordion>.card .card-header {
    margin: 5px;
}

.dtr-accordion .card-header:first-child,
.dtr-accordion.accordion>.card:not(:first-of-type) .card-header:first-child {
    padding: 0;
    margin: 5px;
    display: block;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(20, 39, 82, 0.1);
    border-radius: 300px;
    border: none;
}

.dtr-accordion .btn.btn-link {
    position: relative;
    width: 100%;
    padding: 0px 40px 10px 20px;
    margin: 0;
    border: 0;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}

.dtr-accordion .card-body {
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    margin: 5px;
}

.dtr-accordion .btn.btn-link:after {
    content: "";
    background-image: url(../img/right1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
}

.dtr-accordion .btn.btn-link.collapsed:after {
    content: "";
    background-image: url(../img/right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
}

.dtr-accordion .btn.btn-link {
    box-shadow: none;
}

/*== Sticky Tabs ==*/
.dtr-sticky-tabs-wrapper {
    padding-bottom: 100px;
}

.dtr-sticky-tabs-nav {
    top: 85px;
    border-width: 0 0 1px 0;
    border-style: solid;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
}

.dtr-sticky-tabs-nav {
    position: sticky;
    z-index: 100;
    padding: 0;
    margin: 0;
}

.dtr-sticky-tabs-nav .nav-link {
    display: block;
    padding: .5rem 1rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.dtr-sticky-tabs-nav img {
    margin-right: 10px;
}

.dtr-sticky-tabs-nav.dtr-sticky-tabs-hide {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
    pointer-events: none;
    visibility: hidden
}

.dtr-sticky-tabs .nav-item {
    margin: 0;
    padding: 5px 20px;
    position: relative;
}

.dtr-sticky-tabs .nav-item:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
}

.dtr-sticky-tabs .nav-item:last-child:after {
    content: none;
}

.dtr-sticky-tabs {
    padding: 5px 0;
}

.dtr-sticky-tabs-content {
    padding: 100px 0 0 0;
    margin: 0;
}

/*== Social ==*/
.dtr-social-list {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}

.dtr-social-list li {
    background: none;
    list-style-type: none;
    display: inline-block !important;
    padding: 0;
    margin: 0 2px;
}

.dtr-social-list li a {
    width: 50px;
    height: 50px;
    display: block;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    position: relative;
    border: 0;
    border-radius: 50%;
}

.dtr-social-list.text-right {
    margin: 0 0 0 4px;
}

.dtr-social-list.text-left {
    margin: 0 4px 0 0;
}

/* social icons */
.dtr-social-list li a::before {
    font-family: 'icomoon';
    vertical-align: middle;
    font-weight: normal;
    color: inherit !important;
}

.dtr-social-list li a.dtr-facebook::before {
    content: "\edd9";
}

.dtr-social-list li a.dtr-twitter::before {
    content: "\eed1";
}

.dtr-social-list li a.dtr-linkedin::before {
    content: "\ee3e";
}

.dtr-social-list li a.dtr-youtube::before {
    content: "\f16a";
}

/*== map embed ==*/
.dtr-map iframe {
    max-width: 100%;
    border: none;
    padding: 10px 10px;
}

.mapouter,
.gmap_canvas,
#gmap_canvas {
    width: 100%;
}

#gmap_canvas {
    min-height: 300px;
}

.mapouter {
    position: relative;
    text-align: left;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
}

/*----------------------------------------*/
/*===== 6 Header =====*/
/*----------------------------------------*/
#dtr-header-global {
    padding: 5px 0;
}

#dtr-header-global.on-scroll {
    padding: 00px 0;
    box-shadow: 0 2px 40px 0 hsla(240, 0%, 6%, .05)
}

.logo-dark,
.on-scroll .logo-light {
    display: none;
}

.logo-light,
.on-scroll .logo-dark {
    display: block;
}

/*== Navbar Custom  ==*/
.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav li {
    margin: 0;
}

.dropdown-menu {
    margin: 0;
}

.dropdown-menu {
    padding: 10px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 3px 8px 0px rgba(20, 39, 82, 0.1);
}

.dropdown-item {
    padding: 5px 1rem;
    font-size: 0.950em;
    line-height: 1.5em;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 1rem;
    text-transform: uppercase;
    font-size: 0.824em;
}

.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
    box-shadow: none;
    border: 0;
}

.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
    background-image: none;
}

.navbar-dark .navbar-toggler-icon::after {
    font-family: 'icomoon';
    content: "\ef8c";
    font-size: 24px;
    color: #142752;
}

.navbar-light .navbar-toggler-icon::after {
    font-family: 'icomoon';
    content: "\ef8c";
    font-size: 24px;
    color: #142752;
}

.navbar-toggler:focus {
    outline: 0;
}

/*----------------------------------------*/
/*===== 7 Footer =====*/
/*----------------------------------------*/
#dtr-footer-global {
    padding: 0px 0 10px;
    background-color: #012d59;
}

/*----------------------------------------*/
/*===== 8 Swiper =====*/
/*----------------------------------------*/
/* Arrows */
.dtr-swiper-next.swiper-button-next,
.dtr-swiper-prev.swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 5px;
    width: 50px;
    height: 50px;
    border-width: 0;
    border-style: solid;
    border-radius: 50%;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(20, 39, 82, 0.1);
}

.dtr-swiper-next.swiper-button-next.swiper-button-disabled,
.dtr-swiper-prev.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.dtr-swiper-next.swiper-button-next:after,
.dtr-swiper-prev.swiper-button-prev:after {
    font-family: 'icomoon';
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
}

.dtr-swiper-prev.swiper-button-prev,
.swiper-container-rtl .swiper-button-next.dtr-swiper-next {
    background-image: none;
    left: 50%;
    right: auto;
    margin-left: -55px;
}

.dtr-swiper-prev.swiper-button-prev:after,
.swiper-container-rtl .dtr-swiper-next.swiper-button-next:after {
    content: '\e9b1'
}

.dtr-swiper-next.swiper-button-next,
.swiper-container-rtl .dtr-swiper-prev.swiper-button-prev {
    background-image: none;
    right: 50%;
    left: auto;
    margin-right: -55px;
}

.dtr-swiper-next.swiper-button-next:after,
.swiper-container-rtl .dtr-swiper-prev.swiper-button-prev:after {
    content: '\e9b2'
}

.dtr-swiper-has-arrows {
    padding-bottom: 110px;
}

.dtr-swiper-next.swiper-button-next:hover:after {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

.dtr-swiper-prev.swiper-button-prev:hover:after {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

/*----------------------------------------*/
/*===== 9 Forms =====*/
/*----------------------------------------*/
form {
    margin: 0;
    padding: 0;
    z-index: 0;
}

form p {
    margin: 0 0 20px 0;
    padding: 0;
}

input[type=radio],
input[type=checkbox] {
    margin: 0 5px 0 0;
    vertical-align: baseline;
}

label {
    width: 100%;
    height: auto;
    line-height: 1.2em;
    font-weight: bold;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"] {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 13px;
    margin: 0;
    border-width: .5px;
    border-style: solid;
    border-radius: 3px;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
    height: 37px;
    width: 100%;
    border-bottom: 1px solid white !important;
    border-right: none !important;
    border-top: none;
    border-left: none;
    color: #ffffff !important;
    font-size: 14px;
    background-color: #01386e !important;
    padding: 5px 13px !important;
    border-radius: 3px !important;
}

textarea,
#commentform textarea {
    width: 100% !important;
    height: auto;
}

.antispam {
    display: none;
}

form label.error {
    font-size: 10px;
}

/*===== Form column styles =====*/
.dtr-form-row,
.dtr-form-row-2col,
.dtr-form-row-3col,
.dtr-form-row-unequal,
.dtr-form-row-2col-unequal {
    margin-right: -10px;
    margin-left: -10px
}

.dtr-form-column {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
    float: left;
}

.dtr-for-row::before,
.dtr-form-row-2col::before,
.dtr-form-row-3col::before,
.dtr-form-row-unequal::before,
.dtr-form-row-2col-unequal::before {
    display: table;
    content: ""
}

.dtr-for-row::after,
.dtr-form-row-2col::after,
.dtr-form-row-3col::after,
.dtr-form-row-unequal::after,
.dtr-form-row-2col-unequal::after {
    clear: both
}

.dtr-form-row-2col .dtr-form-column {
    width: 50%;
}

.dtr-form-row-3col .dtr-form-column {
    width: 33.33333333%
}

.dtr-form-row-unequal .dtr-form-column {
    width: 60%
}

.dtr-form-row-unequal .dtr-form-column:last-child {
    width: 40%
}

.dtr-form-row-2col-unequal .dtr-form-column {
    width: 70%;
}

.dtr-form-row-2col-unequal .dtr-form-column:last-child {
    width: 30%;
}

/*== form box ==*/
.dtr-hero-form {
    border-radius: 23px !important;
    /* overflow: hidden; */
    background-color: #dfdfdf;
    /* border: 3px solid #01386e; */
    /* box-shadow: 2px 2px 10px 2px #0000004a !important; */
    margin-bottom: 1rem;
}

.dtr-form-head {
    padding: 5px 40px;
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dtr-form-head h4,
.dtr-form-head h5,
.dtr-form-head h6 {
    margin-bottom: 0;
}

.dtr-form-head h4 {
    color: #01386e !important;
    font-weight: 800 !important;
    font-size: 30px;
    /* text-transform: uppercase !important; */
    margin-top: 3px;
}

.dtr-form-body {
    padding: 0px 15px 10px 15px;
    border-radius: 0 0 4px 4px;
}

/*----------------------------------------*/
/*----- select2 -----*/
/*----------------------------------------*/
/*select { width: 100% !important; padding: 5px 20px; height: 35px; line-height: 25px; border-radius: 3px; }*/
.select2-container .select2-selection:focus {
    outline: none;
}

.select2-container {
    width: 100% !important;
    margin-bottom: 10px;
    text-align: left;
}

.select2-container .select2-selection {
    font-size: 16px;
    padding-top: 0;
    padding-left: 10px;
    margin-bottom: 0;
    height: 47px;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(20, 39, 82, 0.1);
}

.select2-container .select2-selection .select2-selection__arrow {
    margin-top: 0;
    margin-right: 0;
    background-color: transparent;
    display: block;
    width: 45px;
    height: 45px;
}

.select2-dropdown {
    background-color: #fff;
    border-width: 1px;
}

.select2-dropdown,
.select2-container--default .select2-selection--single {
    border-color: #d7d8d9;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

.select2-results__option {
    padding: 7px 20px;
    margin: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 5px 0 5px;
    margin-left: -5px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 6px 5px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #919199;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #919199 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #919199 transparent;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #919199;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #79c3e6;
    color: #fff;
}

/*----------------------------------------*/
/*===== 10 Easing / Animations =====*/
/*----------------------------------------*/
button,
input[type="submit"],
input[type="reset"],
.dtr-form-btn,
#dtr-header-global,
.dtr-sticky-tabs .nav-link,
.dtr-feature-box-icon,
.swiper-button-prev,
.swiper-button-next,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
.dtr-social-list li a,
.dropdown-toggle::after {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    outline: none;
}

.validation {
    color: #01386e !important;
    font-size: 14px;
}

/*== toLeftFromRight ==*/
@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }

    50% {
        opacity: 0;
        transform: translate(100%);
    }

    51% {
        opacity: 1;
    }
}

/*== toRightFromLeft ==*/
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

/*== pulse border ==*/
@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    20% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@-moz-keyframes pulse-border {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    20% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@-o-keyframes pulse-border {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    20% {
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -o-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    20% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes dropdownSlideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes dropdownSlideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.dropdown-animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: dropdownSlideIn;
    -webkit-animation-name: dropdownSlideIn;
}

.section_one {
    position: relative;
    width: 100%;
    background: #ebebeb4a;
    text-align: center;
    padding: 30px 0px;
}

a.tbs_cls img {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px 18px;
    /* border: 1px solid #007c9d; */
    margin-bottom: 10px;
}

a.tbs_cls p {
    color: #343434;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.dtr-btn span img {
    position: relative;
    display: inline-block;
    padding: 14px 10px 0px 10px;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    
.col-lg-7 > h2.text-left.heading-txt.text-center {
    display: none;
}
    
header#dtr-header-global{
    margin-right: unset !important;
    margin-left: unset !important;
}
    
    
    
    section#appointment:after {
        width: 100% !important;
    }

    .col-8.col-md-6.text-right.right-part li.blink {
        display: none;
    }

    .col-8.col-md-6.text-right.right-part li.blink img {
        display: none !important;
    }

    a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn img.us-flag {
        /* display: none !important; */
        width: auto;
    }

    .d-tab-none {
        display: none !important;
    }

    .col-12.col-md-3.col-lg-3.col-xs-12.dtr-sm-mb-30px {
        text-align: center !important;
        position: relative !important;
    }

    section#appointment:before {
        text-align: center !important;
        font-size: 1.3rem !important;
    }

    section#appointment:after {
        z-index: 10 !important;
    }

    section#appointment:after {
        max-width: 100% !important;
    }

    .about-single-content {
        margin-top: 2rem !important;
    }

    .stamp-gif-img {
        position: unset !important;
        height: 320px !important;
        max-height: 100% !important;
        min-height: 330px !important;
    }



    section.thankyou-section .col-10.col-md-10.bg-white {
        min-height: 518px !important;
        margin: 20px 20px !important;
    }

    section.thankyou-section h2.heading2 {
        font-size: 2rem !important;
    }

    h2.dtr-mb-4 {
        font-size: 1.5em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.9px) {

    .about-3 .about-img img.ab-3-bg {
        width: 70% !important;
    }

    .about-3 .about-img::after {
        right: 20px !important;
    }

    img.de-img {
        max-width: 250px !important;
        /* margin-left: 10%; */
    }

    .about-3 .about-img::after {
        width: 170px !important;
        height: 135px !important;
    }

    .col-md-5.order-md-2.overflow-h.pb-4 {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
    }
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    section#appointment:after {
        width: 70%;
    }

    #appointment .dtr-form-head,
    #appointment .dtr-form-body {
        padding: 8px 10px;
        margin: 22px 10px;
    }

    section.thankyou-section .col-10.col-md-10.bg-white .alert.text-center::before {
        top: 27px !important;
    }

    .nabh_logo>img.img {
        border: 1px solid #f0a04b;
        padding: 10px !important;
        width: 50% !important;
        background-color: #ffffffe3;
    }

    h6.dtr-mb-0 {
        text-align: left;
    }

    .dtr-form-body {
        padding: 20px 20px;
    }

    .dtr-form-head h4 {
        font-size: 22px;
    }

    footer#dtr-footer-global {
        margin-bottom: 0px;
    }

    #dtr-footer-global .footer-address.py-3 {
        padding-bottom: 0px !important;
        display: none;
    }

    #appointment {
        padding: 110px 0px 0px 0px;
    }

    #appointment .row {
        display: flex;
        /* flex-direction: column-reverse; */
    }

    #quickfeatures {
        padding: 15px 0px 10px 0px !important;
    }

    .py-5 {
        padding: 20px 0px !important;
    }

    section.intro.py-5 {
        padding: 20px 0px !important;
    }

    #dtr-header-global {
        text-align: center;
        padding: 5px 0px !important;
    }

    #dtr-header-global .navbar-brand {
        padding: 0px 0px !important;
    }

    #dtr-header-global img.us-flag {
        height: 30px;
        /*filter: brightness(0) invert(1);*/
    }

    /*section.stages.py-5, section.symptoms.py-5.bg-grey, section.symptoms.py-5, section#liverspecialist, #last_id {*/
    /*    padding: 10px 0px 20px 0px !important;*/
    /*}*/
    section.symptoms.py-5.bg-grey .dtr-sm-mb-30px {
        margin-bottom: 10px !important;
    }

    .dtr-sticky-tabs-section .dtr-sticky-tabs-content {
        padding: 10px 0px 20px 0px !important;
    }

    .dtr-sticky-tabs-wrapper {
        padding-bottom: 20px;
    }

    .section_one .col-sm-3 {
        width: 50%;
    }

    #appointment_phone {
        display: block !important;
    }

    #appointment_phone {
        padding: 0px 0px 20px 0px;
    }

    #appointment h1.dtr-mb-4.wow.fadeInUp {
        padding-top: 10px;
        font-size: 30px;
    }

    #appointment_phone .dtr-hero-form {
        position: relative;
        background: #5f0701;
        padding: 20px 20px;
        border-radius: 35px;
        margin: 0px 20px;
    }

    #appointment_phone .dtr-form-head {
        background: none;
        padding: 0px 0px;
        border-radius: 0px;
    }

    #appointment_phone h4.text-center {
        font-size: 18px;
        color: #fff !important;
        padding-bottom: 14px;
    }

    #appointment_phone .dtr-form-body {
        background: none;
        padding: 0px 0px;
        border-radius: 0px;
    }

    #appointment_phone .dtr-btn-blue {
        background-color: #ffeb3b;
        text-transform: uppercase;
        color: #000;
    }

    #appointment_phone input,
    #appointment_phone textarea {
        font-size: 13px;
    }

    #dtr-footer-global {
        padding: 10px 0 10px;
    }

    #last_id p.mb-0 {
        padding: 0px 30px;
    }

    #liverspecialist h2.dtr-mb-4 {
        padding-top: 10px;
    }

    #liverspecialist p.dtr-mb-5 {
        margin-bottom: 20px;
    }

    #liverspecialist img.dtr-rounded {
        margin-top: 10px;
    }

    #appointment button#btnSubmit {
        position: relative;
        margin-top: 15px;
        display: inline-block;
        background: linear-gradient(180deg, #01386e 0 37%, #01386e 90% 100%);
    }

    /*#Diagnosed {*/
    /*    padding-bottom: 0px !important;*/
    /*}*/
    #ph_n {
        position: fixed;
        width: 100%;
        z-index: 9999999999999999999999999999999999999999;
        opacity: 0;
        bottom: 0;
        text-align: center;
        padding: 10px 0px;
    }

    #ph_n .phon_all_we_in a {
        position: relative;
        display: inline-block;
        width: 55%;
        background: #01386e;
        padding: 10px 0px;
        border-radius: 30px;
        color: #fff;
        font-weight: 600;
        letter-spacing: normal;
        line-height: normal;
    }

    #Causes .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .dtr-testimonial-wrapper .dtr-mr-5 {
        text-align: center;
        width: 100%;
        margin-right: 0;
    }
}


@media only screen and (min-width: 1201px) {
    section#appointment:after {
        width: 90%;
    }
}



@media only screen and (min-width:768px) and (max-width:1023px) {
    section.thankyou-section .col-10.col-md-10.bg-white {
        min-height: 340px !important;
        margin: 20px 20px !important;
    }

    section.thankyou-section h2.heading2 {
        font-size: 2rem !important;
    }
}

@media only screen and (max-width: 10000px) and (min-width: 769px) {
    #ph_n {
        display: none;
    }
}

#appointment_phone {
    display: none;
    background: #fff;
}

.dtr-testimonial-wrapper img {
    border-radius: 10px;
    height: 100px;
}

#Causes {
    background: #f5f4f970;
}

a.navbar-brand.logo-dark img {
    height: 55px;
}

#dtr-footer-global a.btn {
    text-transform: uppercase;
    font-size: 20px;
}

a.btn {
    font-size: 15px !important;
    padding: 8px 30px !important;
    border-radius: 4px !important;
    box-shadow: rgb(0 61 47 / 37%) 2px 2px 3px;
    /* border: 1px solid #00acea; */
    position: relative;
    top: 0;
    transition: all 0.4s;
    /* width: 100% !important; */
}

input {
    border-radius: 4px !important;
}

ul.points.text-white li img {
    filter: brightness(5);
}

form#contact input {
    padding: 6px 13px !important;
    /* box-shadow: rgb(81 9 9 / 50%) 0px 1px 4px !important; */
}

.bounce {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
}

.bounce2 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
}



@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes bounce2 {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(+5px);
        -ms-transform: translateY(+5px);
        transform: translateY(+5px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.img-style {
    border-radius: 6px;
}

.element1 {
    position: relative;
}

.element1:before {
    position: absolute;
    content: '';
    background-image: url(../img/element1.png);
    background-position: center;
    background-size: cover;
    height: 120px;
    width: 120px;
    z-index: 0;
    top: -40px;
    left: -30px;
    opacity: .5;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
}

.element1:after {
    position: absolute;
    content: '';
    background-position: center;
    background-color: #01386e;
    background-size: cover;
    min-height: 100px;
    height: 100%;
    width: 80%;
    z-index: 0;
    top: 20px;
    right: 0px;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
    border-radius: 4px;
}

img.img-fluid.img-style.bounce {
    z-index: 100;
    position: relative;
}

.dtr-hero-form a.btn {
    box-shadow: rgb(0 0 0 / 25%) 2px 2px 3px !important;
    border: 1px solid #01386e;
}

ul.points.text-white li span {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}

.dtr-form-body ::placeholder {
    color: white !important;
}

.dtr-form-body button#btnSubmit {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 170px !important;
    border: none !important;
    background-color: #00acea !important;
    margin: auto;
}

.sm-txt {
    font-family: 'Mulish', sans-serif !important;
    color: #00acea;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 3px;
    margin-right: 3px;
}

h2.heading-txt {
    color: #01386e;
    font-size: 2.5rem !important;
    line-height: 1;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-bottom: 1.3rem;
}


/* timeline section start  */

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid {
    display: grid !important;
}

.mt-8 {
    margin-top: 2rem !important;
}

.relative {
    position: relative !important;
}

@media (min-width: 640px) {

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.grid {
    display: grid !important;
}

:is([dir=ltr] .ltr\:float-right) {
    float: right !important;
}

@media (min-width: 768px) {
    .md\:me-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important;
    }
}

.timeline .timeline-item .date-label-left:before {
    content: var(--tw-content);
    inset-inline-end: -43px;
}

.timeline .timeline-item .date-label-left:before,
.timeline .timeline-item .duration-right:before {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: dashed;
    border-width: 2px;
    content: var(--tw-content);
    height: 1.75rem;
    position: absolute;
    top: 0;
    width: 1.75rem;
    z-index: 10;
}

.timeline .timeline-item .date-label-left:before,
.timeline .timeline-item .duration-right:before {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: dashed;
    border-width: 2px;
    content: var(--tw-content);
    height: 1.75rem;
    position: absolute;
    top: 0;
    width: 1.75rem;
    z-index: 10;
}

.w-64 {
    width: 16rem !important;
}

.timeline .timeline-item .date-label-left:after {
    content: var(--tw-content);
    inset-inline-end: -34px;
}

.timeline .timeline-item .date-label-left:after,
.timeline .timeline-item .duration-right:after {
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(234 88 12/var(--tw-bg-opacity));
    border-radius: 9999px;
    content: var(--tw-content);
    height: 0.625rem;
    position: absolute;
    top: 9px;
    width: 0.625rem;
    z-index: 10;
}

@media (min-width: 768px) {
    .md\:mt-0 {
        margin-top: 0 !important;
    }
}

:is([dir=ltr] .ltr\:text-left) {
    text-align: left !important;
}

:is([dir=ltr] .ltr\:float-left) {
    float: left !important;
}

@media (min-width: 768px) {
    .md\:ms-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important;
    }
}

.font-medium {
    font-weight: 500 !important;
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.text-slate-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(148 163 184/var(--tw-text-opacity)) !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.grid {
    display: grid !important;
}

@media (min-width: 768px) {
    .md\:order-1 {
        order: 1 !important;
    }
}

.order-2 {
    order: 2 !important;
}

:is([dir=ltr] .ltr\:text-right) {
    text-align: right !important;
}

:is([dir=ltr] .ltr\:float-left) {
    float: left !important;
}

@media (min-width: 768px) {
    .md\:me-7 {
        -webkit-margin-end: 1.75rem !important;
        margin-inline-end: 1.75rem !important;
    }
}

.font-medium {
    font-weight: 500 !important;
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.text-slate-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(148 163 184/var(--tw-text-opacity)) !important;
    /* max-width: 70%; */
}

@media (min-width: 768px) {
    .md\:order-2 {
        order: 2 !important;
    }
}

.order-1 {
    order: 1 !important;
}

:is([dir=ltr] .timeline .timeline-item .duration-right) {
    float: left;
}

.timeline .timeline-item .duration-right {
    -webkit-margin-end: 1.5rem;
    margin-inline-end: 1.5rem;
}

@media (min-width: 768px) {
    .md\:ms-7 {
        -webkit-margin-start: 1.75rem !important;
        margin-inline-start: 1.75rem !important;
    }
}

.timeline .timeline-item .duration-right:before {
    content: var(--tw-content);
    inset-inline-start: -43px;
}

.timeline .timeline-item .date-label-left:before,
.timeline .timeline-item .duration-right:before {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: 9999px;
    border-style: dashed;
    border-width: 2px;
    content: var(--tw-content);
    height: 1.75rem;
    position: absolute;
    top: 0;
    width: 1.75rem;
    z-index: 10;
}

.w-64 {
    width: 16rem !important;
}

.h-64 {
    /* height: 16rem!important; */
}

.timeline .timeline-item .duration-right:after {
    content: var(--tw-content);
    inset-inline-start: -34px;
}

.timeline .timeline-item .date-label-left:after,
.timeline .timeline-item .duration-right:after {
    --tw-bg-opacity: 1;
    --tw-content:
        "";
    background-color: #00acea;
    border-radius: 9999px;
    content: var(--tw-content);
    height: 0.625rem;
    position: absolute;
    top: 9px;
    width: 0.625rem;
    z-index: 10;
}

.timeline:after {
    --tw-border-opacity: 1;
    --tw-content:
        "";
    border-color: #01386e40;
    border-inline-start-width: 0px;
    border-style: dashed;
    content: var(--tw-content);
    height: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
}

a.navbar-brand.logo-light img {
    max-width: 65px !important;
}

header#dtr-header-global {
    background-color: #e7e7e7;
    border: 1px solid #01386e38;
    box-shadow: 0px 23px 15px -23px #00000042;
    border-radius: 140px;
    margin-right: 80px;
    margin-left: 80px;
    margin-top: 3px;
}

/* timeline section end  */


section#appointment {
    /* background-image: url(../images/newbnner.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    padding-bottom: 5rem;
    position: relative;
    background-color: #01386e;
}

.aon-banner2-left {
    color: #fff;
    border-left: 10px solid #00acea;
    padding: 40px 0px 50px 40px;
    position: relative;
}

.aon-banner2-left:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 10px;
    background-color: #00acea;
}

.aon-banner2-left:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    height: 10px;
    background-color: #00acea;
}

h5.text-lg.dark\:text-white.mb-1.font-medium {
    font-size: 1.4rem !important;
    margin-bottom: 1rem !important;
    font-weight: 800 !important;
    color: #01386e;
    text-transform: capitalize !important;
}


.max-w80 {
    max-width: 80%;
}

/* causes section  */

.aon-med-srv-cat-section {
    margin-bottom: 30px;
}

.aon-med-srv-cat-section ul {
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /* border-top: 1px solid #ebebeb; */
    /* border-right: 1px solid #ebebeb; */
}

.justify-content-center {
    justify-content: center !important;
}

.aon-med-srv-cat-section ul li {
    width: 33.333%;
    /* border-left: 1px solid #ebebeb; */
    /* border-bottom: 1px solid #ebebeb; */
}

.aon-med-sevices-cat {
    padding: 10px 20px;
    text-align: center;
    -webkit-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;
}

.aon-med-sevices-cat .media {
    height: 120px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.aon-icon {
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    margin: auto;
}

.aon-med-sevices-cat .media img {
    height: 64px;
}

.aon-med-sevices-cat .media:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    -webkit-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;
}

.aon-med-serices-cat-info a {
    color: #2f6759;
}

.aon-med-sevices-cat p {
    margin-bottom: 0px;
}

/* .aon-med-sevices-cat:hover {
    background-color: #00acea;
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.1);
} */

.aon-icon-effect:hover .aon-icon {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}



@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

/*NEW CSS**/

/* .aon-med-sevices-cat:hover .media:after {
    opacity: 1;
}
.aon-med-sevices-cat:hover .aon-med-serices-cat-info a, .aon-med-sevices-cat:hover .aon-med-serices-cat-info p {
    color: #fff;
} */


.aon-med-sevices-cat.aon-icon-effect {
    min-height: 280px;
    height: 100% !important;
}

#symptoms {
    padding: 90px 0px;
    background-image: url(../images/bg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#symptoms .media img {

    position: absolute;

    left: calc(100% - 20%);

    bottom: -118px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    left: calc(100% - 30%);

    max-width: 400px;
}

#symptoms .btn {
    outline: none;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-table;
    background-color: #00acea;
    border: none;
    font-size: 15px;
    transition: 0.5s all ease;
    border-radius: 5px;
}

#Diagnosed .head-title {
    color: #115949;
    margin-bottom: 30px;
    font-size: 1.5rem;
}

#Diagnosed .head-title span {
    color: #00acea;
}

#Diagnosed p.list-style {

    position: relative;
    color: #626262;
    font-family: 'Mulish' !important;
    font-size: 14px;
}

#Diagnosed p.list-style::before {

    content: "\f00c";
    position: absolute;
    top: 0;
    left: -18px;
    font-family: 'Font Awesome 5 Free';
}

#story {

    padding: 10px 0px 0px 0px;
    background-image: url(../images/bg3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


/*NEW CSS*/


section#liver {
    background-color: #f7f6fb;
    padding-top: 55px;
}

section#liver .col-lg-12>ul#pills-tab {
    border-top: 1px solid #01386e;
}

section#liver .col-lg-12>ul#pills-tab {
    display: inline-flex;
    justify-content: center;
    align-items: center !important;
    width: 100%;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #01386e !important;
    border-radius: 0px 0px 6px 6px;
    width: 100%;
}

.big-btn {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 800;
    padding: 10px 37px;
    margin: auto;
    text-align: center;
    border-radius: 0px 0px 6px 6px !important;
}

ul#pills-tab>li.nav-item {
    width: 50%;
}

.big-btn {
    width: 100%;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 800;
    padding: 10px 37px;
    margin: auto;
    text-align: center;
    border-radius: 0px 0px 6px 6px !important;
}

.aon-med-testimonial2-right {
    position: absolute;
    right: 90px;
    top: -80px;
}

.aon-large-circle-wrap {
    position: relative;
}

.aon-large-circle-wrap .media {
    width: 297px;
    height: 297px;
    position: relative;
}

.aon-large-circle-wrap .media:before {
    width: 126%;
    height: 126%;
    left: -13%;
    top: -13%;
}

.aon-large-circle-wrap .media:before,
.aon-large-circle-wrap .media:after {
    content: '';
    position: absolute;
    border: 1px solid #ebebeb;
    border-radius: 50%;
}

.aon-large-circle-wrap .media:after {
    width: 160%;
    height: 160%;
    left: -30%;
    top: -30%;
}

.aon-large-circle-wrap .media:before,
.aon-large-circle-wrap .media:after {
    content: '';
    position: absolute;
    border: 1px solid #ebebeb;
    border-radius: 50%;
}

.aon-large-circle-wrap span.ring1 {
    bottom: 30px;
    left: -100px;
    box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);
}

.aon-large-circle-wrap span.ring1,
.aon-large-circle-wrap span.ring2,
.aon-large-circle-wrap span.ring3,
.aon-large-circle-wrap span.ring4,
.aon-large-circle-wrap span.ring5,
.aon-large-circle-wrap span.ring6,
.aon-large-circle-wrap span.ring7,
.aon-large-circle-wrap span.ring8 {
    position: absolute;
}

.aon-large-circle-wrap span {
    border-radius: 50%;
    background: #00acea;
    display: inline-block;
}

.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}

.aon-large-circle-wrap span.ring1 img {
    width: 52px;
    height: 52px;
    background-color: #fff;
}

.aon-large-circle-wrap span.ring1 img,
.aon-large-circle-wrap span.ring2 img,
.aon-large-circle-wrap span.ring3 img,
.aon-large-circle-wrap span.ring4 img,
.aon-large-circle-wrap span.ring5 img {
    padding: 3px;
    width: 80px;
    height: 80px;
}

.aon-large-circle-wrap span img {
    border-radius: 50%;
}

.aon-large-circle-wrap span.ring2 {
    top: 10px;
    left: -30px;
    box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);
}

.aon-large-circle-wrap span.ring1,
.aon-large-circle-wrap span.ring2,
.aon-large-circle-wrap span.ring3,
.aon-large-circle-wrap span.ring4,
.aon-large-circle-wrap span.ring5,
.aon-large-circle-wrap span.ring6,
.aon-large-circle-wrap span.ring7,
.aon-large-circle-wrap span.ring8 {
    position: absolute;
}

.aon-large-circle-wrap span {
    border-radius: 50%;
    background: #00acea;
    display: inline-block;
}

.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}

.aon-large-circle-wrap span.ring3 {
    right: -100px;
    bottom: 0px;
    box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);
}

.aon-large-circle-wrap span.ring1,
.aon-large-circle-wrap span.ring2,
.aon-large-circle-wrap span.ring3,
.aon-large-circle-wrap span.ring4,
.aon-large-circle-wrap span.ring5,
.aon-large-circle-wrap span.ring6,
.aon-large-circle-wrap span.ring7,
.aon-large-circle-wrap span.ring8 {
    position: absolute;
}

.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}

.aon-large-circle-wrap span.ring3 img {
    width: 76px;
    height: 76px;
    background-color: #fff;
}

.aon-large-circle-wrap span.ring1 img,
.aon-large-circle-wrap span.ring2 img,
.aon-large-circle-wrap span.ring3 img,
.aon-large-circle-wrap span.ring4 img,
.aon-large-circle-wrap span.ring5 img {
    padding: 3px;
    width: 80px;
    height: 80px;
}

.aon-large-circle-wrap span.ring4 {
    bottom: -70px;
    left: 50%;
    margin-left: -33px;
    box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);
}

.aon-large-circle-wrap span.ring4 img {
    width: 66px;
    height: 66px;
    background-color: #00acea;
}

.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}

.aon-large-circle-wrap span.ring5 img {
    width: 86px;
    height: 86px;
    background-color: #00acea;
}

.aon-large-circle-wrap span.ring1 img,
.aon-large-circle-wrap span.ring2 img,
.aon-large-circle-wrap span.ring3 img,
.aon-large-circle-wrap span.ring4 img,
.aon-large-circle-wrap span.ring5 img {
    padding: 3px;
    width: 80px;
    height: 80px;
}

.aon-large-circle-wrap span.ring6 {
    width: 32px;
    height: 32px;
    background-color: #00acea;
    right: 10px;
    bottom: -70px;
}

.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}

.aon-large-circle-wrap span.ring7 {
    width: 22px;
    height: 22px;
    background-color: #00acea;
    top: 50%;
    left: -50px;
}

.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}

.aon-large-circle-wrap span.ring8 {
    width: 16px;
    height: 16px;
    background-color: #00acea;
    right: -44px;
    top: 40%;
}

.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}


/* Animate Up Down*/
.animate-v {
    -webkit-animation: upNdown1 5s infinite linear;
    animation: upNdown1 2s infinite linear;
}

@-webkit-keyframes upNdown1 {
    0% {}

    50% {
        transform: translateY(-30px);
    }

    100% {}
}

@keyframes upNdown1 {
    0% {}

    50% {
        transform: translateY(30px);
    }

    100% {}
}



.animate-curve:after {
    -webkit-animation: upNdown2 5s infinite linear;
    animation: upNdown2 2s infinite linear;
}

@-webkit-keyframes upNdown2 {
    0% {}

    50% {
        transform: translateY(-10px);
    }

    100% {}
}

@keyframes upNdown2 {
    0% {}

    50% {
        transform: translateY(10px);
    }

    100% {}
}



.animate-curve:after {
    -webkit-animation: upNdown2 5s infinite linear;
    animation: upNdown2 2s infinite linear;
}

@-webkit-keyframes upNdown2 {
    0% {}

    50% {
        transform: translateY(-10px);
    }

    100% {}
}

@keyframes upNdown2 {
    0% {}

    50% {
        transform: translateY(10px);
    }

    100% {}
}


/* Animate Up Down 2*/
.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}

@-webkit-keyframes upNdown11 {
    0% {}

    50% {
        transform: translateY(-5px);
    }

    100% {}
}

@keyframes upNdown11 {
    0% {}

    50% {
        transform: translateY(5px);
    }

    100% {}
}

/* Animate Up Down 2*/
.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}

@-webkit-keyframes upNdown12 {
    0% {}

    50% {
        transform: translateY(5px);
    }

    100% {}
}

@keyframes upNdown12 {
    0% {}

    50% {
        transform: translateY(-5px);
    }

    100% {}
}



/* Shine Animation*/

.shine-hover .shine-box {
    position: relative;
    overflow: hidden;
}

.shine-hover .shine-box::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.shine-hover .shine-box:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}


.aon-large-circle-wrap .media img {
    border-radius: 50%;
    width: auto;
}

.address-section .card {
    padding: 0px 0px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    border-top: 2px solid #01386e;
    border-radius: 10px;
}

.address-section .card-title {
    font-size: 24px;
    color: #00acea;
    font-weight: 400;
    margin-bottom: 0;
}

.address-section .card-text {
    font-size: 20px;
    color: #115949;
}

.address-section .card-text a {
    color: #00acea;
    font-size: 16px;
}

.card-inner-text {
    font-size: 16px;
}

.dtr-testimonial-wrapper h6.dtr-mb-0 {
    color: #00acea !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.dtr-testimonial-wrapper .dtr-mb-4 {
    font-size: 1.3rem;
    margin-bottom: 8px;
}

footer#dtr-footer-global .col-md-10.pb-4 {
    padding-bottom: 0 !important;
}

/*section#appointment .text-white{*/
/*    width:75%;*/
/*    margin:0 auto;*/
/*}*/

section.thankyou-section .col-10.col-md-10.bg-white {
    min-height: 320px;
    margin: 0 20px;
    /*height:320px;*/
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



section.thankyou-section h2.heading2 {

    font-family: 'Mulish', sans-serif !important;
    font-size: 3.5rem;
    padding-top: 22px;
    font-weight: 900;
    margin-bottom: 3px;
    color: #01386e;
    -webkit-text-stroke: 2px #00000036;
}

section.thankyou-section .col-10.col-md-10.bg-white .alert.text-center {
    z-index: 1;
    height: 100%;
}

section.thankyou-section .col-10.col-md-10.bg-white .alert.text-center::before {
    z-index: -1;
    content: '';
    position: absolute;
    background-color: #ffffffb3;
    top: 15px;
    left: 0;
    width: 100%;
    height: 90%;
    opacity: 1;
    backdrop-filter: blur(2px);
}

.text-bold {

    font-weight: 600;
    width: 85%;
    margin: 2% auto;
}

section.thankyou-section .col-10.col-md-10.bg-white::before {

    content: '';
    background-image: url(../images/top-min.png);
    background-size: contain;
    opacity: 1;
    z-index: -1;
    position: absolute;
    width: 65%;
    height: 100%;
    top: -1px;
    left: -21px;
    opacity: 0.5;
    background-repeat: no-repeat;
}

section.thankyou-section .col-10.col-md-10.bg-white::after {

    content: '';
    background-image: url(../images/top-min.png);
    background-size: contain;
    opacity: 1;
    z-index: -1;
    position: absolute;
    width: 65%;
    height: 100%;
    top: 19px;
    left: 39%;
    opacity: 0.5;
    background-repeat: no-repeat;
    transform: rotate(185deg);
}

.thankyou-section {
    position: relative;
    height: 100%;
    background-image: url(../images/med2.png) !important;
}

.thankyou-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #01386ec4;
    top: 0;
    left: 0;
}

.subheading2 {

    font-family: "Philosopher", sans-serif, sans-serif !important;
    font-size: 1.1rem;
    color: #6B6F6F;
    font-weight: 500;
}

.colheading2 {
    font-family: 'Mulish', sans-serif !important;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 3px;
    color: #01386e;
    -webkit-text-stroke: 2px #00000036;
}

.back-btn {
    background-color: #00acea;
}

.body-text {
    width: 90%;
    margin: 0 auto;
}

.btnsections a:nth-child(1) {
    margin: 0 20px;
}



/**Foooter CSS**/
.btn-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.btn-container>a {
    margin: 0 5px !important;
}

.footer-address.py-3 p {
    color: white !important;
}

header .right-part img {
    width: 35px;
    height: auto;
    margin-right: 9px;
    /* border-bottom-right-radius: 30px; */
}

.swiper-container {
    width: 100%;
}

.swiper-slide {
    background-size: cover;
    background-position: 50%;
    min-height: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.stages,
.symptoms {
    font-size: 16px;
    line-height: 1.4;
}

.points {
    padding-left: 0px;
    list-style-type: none;
}

.points li {
    display: flex;
    font-size: 20px;
    line-height: 1.1;
}

.points img {
    margin-right: 12px;
    position: relative;
    /* top: 5px; */
    display: inline-block;
    width: 18px;
    height: 18px;
}

.points span strong {
    color: #00acea;
}

.quickfeatures#quickfeatures {
    padding: 10px 0px 0px 0px;
    background-image: url(../images/bg3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.quickfeatures#quickfeatures .container {
    border: 2px solid #00acea;
    padding: 40px;
}

.quickfeatures#quickfeatures h5 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
}

.quickfeatures#quickfeatures .subtext {
    color: #edeaea;
}

.quickfeatures#quickfeatures .row p {
    color: #d9d6d6;
}

/*#quickfeatures p {*/
/*font-size: 16px;*/
/*font-weight: bold;*/
/*}*/
.footer-widget h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid #ff5722;
    display: inline-block;
    margin-bottom: 15px;
}

.footer-widget p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.footer-widget a {
    font-weight: 600;
    color: #f7d706;
}

.dtr-form-head h4>p {
    font-size: 1.1rem;
}

.dtr-form-body button#btnSubmit,
#btnSubmit2 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    border: none !important;
    background-color: #01386e !important;
    margin: auto;
    border: 1px solid #01386e !important;
    box-shadow: 3px 3px 5px -1px #021b35ad;
    width: 100% !important;
    min-width: 100%;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff !important;
    box-shadow: none;
}

.about-3 .about-content {
    position: relative;
}

.about-2 .about-content {
    position: relative;
}

.about-2 .about-content .about-single-content {
    position: relative;
    margin-top: 0px;
}

.about .about-content .about-single-content h2 {
    margin-bottom: 8px;
    margin-top: 1rem;
}

.about-3 .about-content .about-single-content h2 {
    color: #01386e;
    padding-right: 10%;
}

.about-3 .about-content .about-single-content p {
    color: #141414;
}

.about-2 .about-content .about-single-content p {
    margin-bottom: 12px;
}

.about .about-content .about-single-content p {
    font-size: 14px;
    padding-right: 5px;
    line-height: 27px;
}

.about-single-content p {
    color: #141414 !important;
}

.about-3 .about-content .about-single-content .btn-3 {
    margin-top: 20px;
}

.about-3 .about-img {
    position: relative;
    z-index: 1;
}

.about-2 .about-img {
    position: relative;
}

.about .about-img {
    /* margin-left: -20%; */
}

.about-3 .about-img::before {
    position: absolute;
    /* content: ''; */
    /* background: url(../img/about-3-befor.png); */
    width: 100%;
    height: 200px;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

img.de-img {
    max-width: 300px;
    /* background: #03417252; */
    position: absolute;
    right: 0;
}

.about-3 .about-img img.ab-3-bg {
    position: absolute;
    /* left: 0; */
    z-index: -2;
    /* top: 200px; */
    max-width: 100%;
    border: 1px solid #c7bebe;
    border-radius: 7px;
    width: 100%;
    filter: blur(2px);
    margin-top: 75px;
}

.about-img>img.ab-3-bg {
    /* -webkit-animation-duration: 1.3s; */
    /* animation-duration: 1.5s; */
    /* -webkit-animation-fill-mode: both; */
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    /* animation-timing-function: ease-in-out; */
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
    -webkit-animation-name: bounce;
}

.about-3 .about-img::after {
    position: absolute;
    /* content: ''; */
    background: url(../img/about-3-after.png);
    width: 220px;
    height: 250px;
    right: 30px;
    top: 53px;
    z-index: -2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -3;
}

.about-3 .about-img::after {
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
}


.owl-carsouel .owl-stage {
    display: flex !important;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    display: flex;
    align-items: center;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.team {
    background: #ebebeb;
    /* color: white; */
}


#cliniclocation {
    background-color: #ebebeb;
}

#cliniclocation .address-box {
    background-color: #ffffff;
    min-height: 280px;
    color: black;
    padding: 20px;
}

.address-box p {
    text-align: center;
}

.address-inner-box {
    display: flex;
    align-items: center;
}

#cliniclocation .address-img {
    border: solid 2px #00acea;
}

.address-img {
    border: solid 2px #01386e;
    padding: 10px;
    border-radius: 100%;
}

.address-img img {
    /* filter: invert(1); */
}

.address-title .h3-title {
    font-size: 22px;
}

.address-name {

    padding-left: 20px;
}

.address-name h3 {
    /* color: white; */
}

#cliniclocation p {
    /* color: #ffffff; */
    margin-top: 25px;
    font-size: 16px;
}

.nabh_logo {
    margin: 40px 20px 20px 20px;
}

.hire {
    background: #01386e;
}

.hire p {
    padding: 10px 0;
    color: white;
}

.nabh_logo>img.img {
    border: 1px solid #00acea;
    padding: 20px;
    width: 20%;
    background-color: #ffffffe3;
}

img.de-img {
    /* margin-top: 85px !important; */
}

.btn-primary.disabled,
.btn-primary:disabled {
    cursor: no-drop !important;
}


.phoneError {
    font-size: 15px;
    text-align: center;
    margin: 0;
    color: #01386e;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 16px;
    font-weight: 600;
    text-shadow: 0 0 black;
    padding: 8px 10px;
}


.flash-message {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    color: #f00;
    padding: 10px 20px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.5s ease;
    animation: slideIn 1s ease forwards, blink 1s infinite;
    z-index: 8;
    display: none;
    box-shadow: 0px 0px 11px -3px #212121;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #f00;
    margin-bottom: 5%;
}

@keyframes slideIn {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 20px;
        opacity: 1;
    }
}

@keyframes blink {

    0%,
    100% {
        color: #bf1212;
    }

    50% {
        color: #6f0000;
    }
}

.flash-backdrop {
    position: fixed;
    background-color: #ffffff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100vh;
    min-width: 100vw;
    z-index: 7;
    overflow: hidden !important;
}

.inputType {
    z-index: 999;
    position: relative;
    top: 94%;
    left: 0;
    width: 15%;
    margin: 0 auto;
    background: #fff0;
    border: 1px solid #f5f5f5;
    box-shadow: none;
}

.inputType input[type="text"] {
    background: #fff0 !important;
    box-shadow: none;
}

.doctor-image {
    position: relative;
}

.doctor-image .doctor {
    position: absolute;
    bottom: -5rem;
    padding: 20px 30px 0 20px;
}

section#appointment:after {
    position: absolute;
    content: '';
    background-image: url(../images/flag.png);
    height: 370px;
    width: 70%;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: .7;
}

section#appointment .container .row.align-items-end {
    position: relative;
    z-index: 10;
}

input#country {
    max-width: fit-content;
    margin-right: 10px;
}


.gif-img {
    position: relative;
}


.gif-img>img.giff {
    top: 114px;
    max-width: 140px;
    position: absolute;
    right: -140px;
    transform: rotate(45deg);
}




.Welcome {
    margin: 3rem 0;
}

.wlcmimg {
    max-width: 100%;
    /* margin-left: auto; */
    /* top: 10%; */
}

.element3:before {
    position: absolute;
    content: '';
    background-image: url(../img/element1.png);
    background-position: center;
    background-size: cover;
    height: 120px;
    width: 120px;
    z-index: 0;
    top: -8%;
    left: 67%;
    opacity: .5;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
}

img.img-fluid.img-style.bounce {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100%;
}

img.img-fluid.img-style.bounce {
    z-index: 100;
    position: relative;
}

.img-style {
    border-radius: 6px;
}

.bounce {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
}

.element3:after {
    position: absolute;
    content: '';
    background-position: center;
    background: linear-gradient(228deg, #00a2e2, #087ad5 50%, #00a2e2);
    background-size: cover;
    height: 100%;
    width: 80%;
    z-index: 0;
    top: 21px;
    left: -7px;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
    border-radius: 4px;
}


@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes bounce2 {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(+5px);
        -ms-transform: translateY(+5px);
        transform: translateY(+5px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}



#symptoms {
    padding: 160px 0px;
    background: #034172;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.stages,
.symptoms {
    font-size: 17px;
    line-height: 1.4;
}

h2.heading-txt {
    color: #034172;
    font-size: 2.5rem !important;
    line-height: 1;
    font-weight: 600 !important;
    margin-bottom: 2.3rem;
}

.stamp-gif-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stamp-gif-img img.stamp-img-gif,
.stamp-gif-img img.stamp-img-gif-2 {
    position: absolute;
    max-width: 300px;
}

img.stamp-img-gif {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 13s linear infinite;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

ul.customize-list {
    margin-left: 40px;
}

ul.customize-list>li {
    color: white !important;
    margin-bottom: .8rem;
}

ul.customize-list>li {
    color: white !important;
    margin-bottom: .8rem;
}


section#symptoms a.btn.mt-3.btn.btn-danger.btn-lg.rounded-pill.align-middle {
    background-color: #00a2e2 !important;
}

#symptoms .btn {
    outline: none;
    color: #fff !important;
    padding: 10px 20px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-table;
    background-color: #000000;
    border: none;
    font-size: 15px;
    transition: 0.5s all ease;
    border-radius: 5px;
}

a.btn.btn-danger.btn-lg.rounded-pill.align-middle {
    justify-content: center;
    align-items: center;
    list-style: none !important;
    font-size: 26px !important;
    font-weight: 900;
    animation: glowing 1500ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #03A9F4;
        box-shadow: 0 0 3px #03A9F4;
    }

    50% {
        background-color: #034172;
        box-shadow: 0 0 40px #034172;
    }

    100% {
        background-color: #03A9F4;
        box-shadow: 0 0 3px #03A9F4;
    }
}


section#section-1 {
    background-color: #01386e;
    margin: 0px;
    padding: 5rem 0;
}


#doctors {
    padding: 90px 0px;
    background: #034172;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#doctors h2 {
    color: white;
}

h2.heading-txt {
    color: #034172;
    font-size: 2.5rem !important;
    line-height: 1;
    font-weight: 600 !important;
    margin-bottom: 2.3rem;
    font-family: "Philosopher", sans-serif !important;
}

.doctor-profile {
    background-color: #ffffff29;
    border-radius: 100px;
    border: 1px solid #ffffff8f;
    box-shadow: 1px 1px 8px 1px #012949b8;
}

.doctor-profile img.doctor-img {
    width: 110px;
    border-radius: 100%;
    margin-right: 15px;
    padding: 5px;
}

#doctors h3 {
    color: white;
}

#doctors p {
    color: white;
    font-size: 18px;
}

a[href="https://www.fla-shop.com"]::before {
    content: '';
    background-color: white;
    max-height: 100%;
    max-width: 100%;
    z-index: 99999999999999999;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

a[href="https://www.fla-shop.com"] {
    pointer-events: none;
}


.form-container ::placeholder {
    color: white !important;
}

.form-container {
    text-align: center;
    background-color: #00acea2e;
    padding: 20px 5px;
}

.form-container input#btnSubmit {
    background-color: #01386e !important;
}

.gif-img.black {
    filter: invert(1);
}

.gif-img.black img.giff {
    right: -300px;
}


img.img-fluid.stamp-img {
    max-width: 250px;
    position: relative;
    z-index: -5;
}

section#appointment:before {
    content: 'No Need of kidney transplant | 100% natural treatment';
    width: 100%;
    height: 60px;
    background-color: #00acea;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3rem;
    font-weight: 700;
    z-index: 99;
    text-transform: capitalize;
    font-family: "Philosopher", sans-serif !important;
}

.col-8.col-md-6.text-right.right-part a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-flex;
    color: #00acea;
}

a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn li.blink p {
    font-size: 20px;
    margin: 0;
    margin-right: 10px;
}

.about-single-content>h2 {
    font-family: "Philosopher", sans-serif;
}

@-webkit-keyframes blink-an {
    0% {
        color: #034172;
    }
}

@keyframes blink-an {
    0% {
        color: #044071;
    }

    50% {
        color: #00acea;
    }

    100% {
        color: #044071;
    }
}

.navbar-brand.logo-light img {
    filter: none !important;
}


.blink>p {
    -webkit-animation: blink-an 1800ms infinite;
    animation: blink-an 1800ms infinite;
    font-size: 22px;
    font-weight: 800;
    margin-right: 1.1rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

.col-12.col-md-5.text-center.element3.about-img.wlcmimg.sm-show {
    margin-bottom: 2rem;
}

.col-12.col-md-5.text-center.element1.about-img.sm-show {
    margin-bottom: 2rem;
}

input#passkey {
    color: black !important;
}

img.wa-icon {
    max-width: 22px;
    filter: invert(1);
}

button.btn.btn-primary.modalDetail {
    margin-top: 1rem;
    background: #2a2c2d;
    border: 1px solid white;
    width: 100%;
}

.form-group {
    margin-bottom: 0.4rem;
}

.d-tab-none.col-md-4.col-lg-4.col-xs-12.dtr-sm-mb-30px.doctor-image {
    position: relative;

}

.d-tab-none.col-md-4.col-lg-4.col-xs-12.dtr-sm-mb-30px.doctor-image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/img_3.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: -490px;
    left: -80px;
    z-index: -3;
    /* background: red; */
    min-height: 540px;
    min-width: 540px;
    filter: invert(1);
    opacity: .1;
    animation: rotate 60s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes moveBorder {
    0% {
        background-position: 0 50%
    }

    100% {
        background-position: 400% 50%
    }
}

@keyframes blinkEffect {

    0%,
    100% {
        opacity: 1;
        filter: brightness(1.2)
    }

    50% {
        opacity: .6;
        filter: brightness(1.6)
    }
}


.dtr-hero-form::before {
    content:'';
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    border: 3px solid #01386e;
    position: absolute;
    animation:moveBorder 5s linear infinite, blinkEffect 1.2s ease-in-out infinite;
    z-index: 0 !important;
    border-radius: 22px;
}

.aon-med-sevices-cat.aon-icon-effect.odd {
    background: #00acea36;
    border: none !important;
}

.aon-med-sevices-cat.aon-icon-effect {
    border: 1px solid #00acea7d;
    margin: 15px 4px;
}

button.btn.btn-primary.modalDetail {
    transform: translateY(0);
    transition: 400ms;
}

button.btn.btn-primary.modalDetail:hover {
    transform: translateY(-8px);
}

section#section-1 h2.text-left.heading-txt.new2 {
    color: white !important;
}

section#section-1 .about-single-content p {
    color: white !important;
}

section#section-1 .element3:before {
    filter: brightness(0) invert(1);
}
section#about {
    background-image: url("../img/doc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
section#about {
    padding: 1.5rem;
}
.dtr-hero-form {
    position: relative !important;
    overflow: visible;
    box-shadow: none;
    border: none;
}
section#liver-disease {
    padding: 5rem 0 !important;
}











/*  */




  
/* Container and Grid remain same */
.steps-section {
    background: #f2f8fc;
    padding: 60px 20px;
    font-family: 'Segoe UI', sans-serif;
  }
  
  .section-heading {
    text-align: center;
    margin-bottom: 50px;
  }
  
  .section-title {
    color: #034172;
    font-size: 32px;
    font-weight: bold;
  }
  
  .section-subtitle {
    color: #555;
    font-size: 16px;
    margin-top: 10px;
  }
  
  .steps-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
  }
  
  .step-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    text-align: center;
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
  }
  
  .step-box:hover {
    transform: translateY(-6px);
  }
  
  .step-number {
    font-size: 36px;
    font-weight: bold;
    color: #034172;
    margin-bottom: 10px;
  }
  
  .step-title {
    font-size: 18px;
    font-weight: 600;
    color: #034172;
    margin-bottom: 8px;
  }
  
  .step-desc {
    font-size: 14px;
    color: #444;
  }
  
  /* Lines with Arrows */
  .line-horizontal,
  .line-vertical-diagonal {
    position: absolute;
    height: 4px;
    background-color: #034172;
    animation: lineGrow 1s ease forwards;
    z-index: 1;
  }
  
  .line-h1 {
    top: 92px;
    left: 25%;
    width: 50%;
  }
  
  .line-h2 {
    top: calc(100% / 2 + 92px);
    left: 25%;
    width: 50%;
  }
  
  .line-vertical-diagonal {
    width: 4px;
    height: 100px;
    background: transparent;
    border-left: 4px solid #034172;
    border-bottom: 4px solid #034172;
    transform: rotate(-45deg);
    top: 180px;
    left: 50%;
    animation-delay: 1.2s;
  }
  
  /* Arrow Styling */
  .arrow-right,
  .arrow-diagonal {
    position: absolute;
    font-size: 22px;
    color: #034172;
    animation: arrowMove 1.5s ease-in-out infinite;
  }
  
  .line-h1 .arrow-right {
    right: -12px;
    top: -12px;
  }
  
  .line-h2 .arrow-right {
    right: -12px;
    top: -12px;
  }
  
  .line-v1 .arrow-diagonal {
    top: 100%;
    left: 100%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  
  /* Animations */
  @keyframes lineGrow {
    0% {
      width: 0;
      height: 0;
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes arrowMove {
    0% {
      transform: translateX(0) translateY(0);
      opacity: 0.5;
    }
    50% {
      transform: translateX(5px) translateY(5px);
      opacity: 1;
    }
    100% {
      transform: translateX(0) translateY(0);
      opacity: 0.5;
    }
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .steps-grid {
      grid-template-columns: 1fr;
    }
  
    .line-horizontal,
    .line-vertical-diagonal {
      display: none;
    }
  }
  
  .step-box a.btn.btn-danger {
    padding: 3px 40px !important;
    font-weight: 400 !important;
}













.video-2.video-prop {
    padding: 50px 0;
    position: relative;
}
.video-2 {
    position: relative;
    /* background: url(../img/hero/video2.jpg); */
    background-size: cover;
    background-position: 100% -127%;
    background-attachment: fixed;
}
.video-2.video-prop:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.video-2::before {
    background-color: #f1f1f1;
    background-image: none;
}
section.faq.faq-section {
    position: relative;
    z-index: 10;
}
section.faq.faq-section h2.fq {
    text-align: center;
    margin-bottom: 2.3rem;
}
section.faq.faq-section > .fq {
    color: #014285;
}
.card {
    margin-bottom: .4rem;
}
.card-header {
    padding: 4px 0px;
}
div#accordionExample button {
    color: #01386e;
    text-decoration: none !important;
    font-size: 17px;
}
div#accordionExample b {
    color: #044a7d;
    font-size: 17px;
}
button.btn.btn-link.btn-block.text-left:focus {
    box-shadow: none;
}

.natural_treatment h2 {
    color: white;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 6rem;
}