@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');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&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: 'Oxygen', sans-serif; */
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

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

.h2,
h2 {
    font-size: 2em;
    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.4em;
    line-height: 1.2em;
    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: 8rem
}

.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: 15px 30px 13px 30px;
    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;
    padding: 10px 11px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*== 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: 17px;
    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: 10px;
    background-color: #034172;
    /* margin-top: 4rem !important; */
}

/*----------------------------------------*/
/*===== 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: 30px !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: 38px;
    width: 100%;
    border-bottom: 1px solid white !important;
    border-right: none !important;
    border-top: none;
    border-left: none;
    color: black !important;
    font-size: 17px;
    background-color: #04407154 !important;
    padding: 3px 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 {
    -webkit-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 15%) !important;
    box-shadow: none;
    border-radius: 3px !important;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.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: #044071 !important;
    font-weight: 800 !important;
    font-size: 26px;
    margin-top: 10px;
}

.dtr-form-body {
    padding: 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: #051e28 !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: #fff;  
     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: 768px) and (min-width: 320px) {
    
    
    div#ph_n {
    display: none;
}
    
    
    section#appointment:after{
        min-width: 100% !important;
        top: 85px !important;
    }
    
    /*mobile resp start */
        div#map {
        height: 95%;
        overflow: hidden;
    }
    
    a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn {
        display: flex;
        flex-direction: column;
        font-size: 20px !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn li.blink p {
        font-size: 16px !important;
        display: none;
    }
    
    a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn > img {
        display: none;
    }
    
    .row.next-heading-row > h2 {
        position: relative !important;
    }
    
    img.stamp-img-gif-2 {
        position: absolute;
        z-index: 100;
    }
    img.stamp-img-gif {
        position: relative !IMPORTANT;
        right: 0;
        left: 0;
        z-index: 10;
    }
    .stamp-gif-img {
        position: unset !important;
    }
    ul.customize-list {
        margin: 0 !important;
    }
    /*mobile resp end */

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

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

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

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

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

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

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

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

    .py-5 {
        padding: 0px 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 {
        /*height: 50px;*/
    }

    /*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;
    }

    #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: 60%;
        background: #000000;
        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 (max-width:576px){
    .dtr-hero-form {
    min-width: 100% !important;
}
}


@media only screen and (max-width: 10000px) and (min-width: 769px) { 
    
.dtr-hero-form { 
    max-width: 80% ;
} 
.gif-img > img.giff {
    top: 45px !important;
    max-width: 160px !important;
    position: absolute;
    right: -30px;
    transform: rotate(45deg);
}

    #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 {
    width: 80px !important;
}

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

a.btn {
    font-size: 16px !important;
    padding: 10px 14px !important;
    border-radius: 5px !important;
    position: relative;
    top: 0;
    transition: all 0.4s;
}

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: -27px;
    left: -11px;
    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;
}
.element2:before {
    position: absolute;
    content: '';
    background-image: url(../img/element1.png);
    background-position: center;
    background-size: cover;
    height: 120px;
    width: 120px;
    z-index: 0;
    top: -30px;
    left: 370px;
    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: linear-gradient(228deg, #00a2e2, #2196F3 50%, #00a2e2);
    background-size: cover;
    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;
}
.element2:after {
    position: absolute;
    content: '';
    background-position: center;
    background: linear-gradient(228deg, #03A9F4, #2196F3 50%, #03a9f4);
    background-size: cover;
    height: 100%;
    width: 80%;
    z-index: 0;
    top: 20px;
    left: 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;
}
.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;
}
.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 {
    z-index: 100;
    position: relative;
}

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

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 ,
.dtr-form-body button#btnSubmit2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    border: none !important;
    background-color: #044071 !important;
    margin: auto;
    width: 100%;
}
.dtr-form-body button#btnSubmit:disabled,
.dtr-form-body button#btnSubmit2:disabled{
    cursor: no-drop;
}
.sm-txt {
    font-family: 'Mulish', sans-serif !important;
    color: #051e28;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 3px;
    margin-right: 3px;
}

h2.heading-txt {
    color: #034172;
    font-size: 2.5rem !important;
    line-height: 1;
    font-weight: 600 !important;
    margin-bottom: 2.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;
    }
    .mobile-gif-arrow {
        display:none !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: #051e28;
    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: #051e2840;
    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: 80px !important;
}

header#dtr-header-global {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 3px #00000024;
    border-bottom: 1px solid #0000003d;
    min-height: 85px;
}

/* timeline section end  */


section#appointment {
    /* background-image: url(../img/bg-new-min-1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* height: 95vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow:hidden;
    position:relative;
}

.aon-banner2-left {
    color: #fff;
    padding: 40px 0px 50px 40px;
    position: relative;
}

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

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

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


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

/* causes section  */

.aon-med-srv-cat-section ul {
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    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: 25%;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.aon-med-sevices-cat {
    padding: 50px 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;
}
.img-zoom-container {
    position: relative;
  }
  
  .img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 40px;
    height: 40px;
  }
  
  .img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 300px;
    height: 300px;
  }
.aon-icon {
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    margin: auto;
}

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

.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,.aon-med-sevices-cat h3:hover  {
    background-color: #034172;
    color: #0089f1;
    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 h4 {
    color: #00a2e2 ;
}
.aon-med-sevices-cat:hover .aon-med-serices-cat-info a,
.aon-med-sevices-cat:hover .aon-med-serices-cat-info p{
    color: white;
}


.aon-med-sevices-cat.aon-icon-effect {
    height: 100%;
}

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

#symptoms .media img {
    position: absolute;
    left: calc(100% - 20%);
    bottom: -30px;
    -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% - 17%);
    max-width: 300px;
}

#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;
}

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

#Diagnosed .head-title span {
    color: #051e28;
}

#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;
}

#reviews {
    padding-top: 3rem;
    padding-bottom: 4rem;
}
/*NEW CSS*/
.story p{
    padding-bottom: 10px;
    font-size: 18px;
}

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

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

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: #051e28 !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: 55px;
    top: 20px;
}

.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: #051e28;
    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: #000000;
    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: #000000;
}

.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: #000000;
}

.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: #000000;
    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: #000000;
    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: #000000;
    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%;
    }
}
.care_center{
    padding: 20px 0 10px 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

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

.address-section .card {
    padding: 13px 20px !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    border-top: 2px solid #00a2e2;
    border-radius: 10px;
    min-height: 250px;
}

.address-section .card-title {
    font-size: 24px;
    color: #051e28;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0;
}

.address-section .card-text {
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    color: #000000;
}

.address-section .card-text a {
    color: #051e28;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}

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

.dtr-testimonial-wrapper h6.dtr-mb-0 {
    color: #051e28 !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: 100%;
    margin: 0 20px;
    height: 100%;
    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: 28px;

font-weight: 900;

margin-bottom: 3px;

color: #051e28;

-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: 20px;
    /* bottom: -20px; */
    left: 0;
    width: 100%;
    height: 92%;
    opacity: 1;
    backdrop-filter: blur(2px);
}
.fa-phone:before {
    content: "\f095";
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
}
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-size: 24px;
    text-rendering: auto;
}
.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: #176154ed;
    top: 0;
    left: 0;
}

.subheading2 {

    font-family: 'Oxygen', 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: #051e28;
    -webkit-text-stroke: 2px #00000036;
}

.back-btn {
    background-color: #051e28;
}

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

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



/**Foooter CSS**/
.btn-container {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    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: 30px;
    height: auto;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

.swiper-container {
    width: 100%;
}

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

.stages,
.symptoms {
    font-size: 17px;
    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: #FFC000;
}

.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 #051e28;
    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;
}

.bnner-img{
    max-width: 658px ;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.note{
    color: red;
    font-size: 18px;
    text-align: center;
    padding: 13px 20px !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 24%);
    border-top: 2px solid #00a2e2;
    border-radius: 10px;
    margin-bottom: 25px;
}
.arrow{
    position: absolute!important;
    rotate: 30deg;

}
.new1{
    color: #00a2e2 !important;
}
.new2{
    color: #034172 !important;
}
.bord{
    border-top: 10px solid #00a2e2;
    border-left: 5px solid  #00a2e2;
    border-bottom: 10px solid #00a2e2;
}
.intro p {
    line-height: 1.4rem;
    font-size: 18px;
}
.dtr-hero-form {
    background-color: white !important;
    min-width: 100%;
}
.mt-sm-3 {
    display: flex;
}
.section_one.pb-5 {
    padding-bottom: 5rem !important;
}

.address-section {
    padding-bottom: 2rem;
}

footer#dtr-footer-global a.btn.btn-warning.btn-lg.rounded-pill.align-middle.text-black.text-bol.mb-4 {
    font-weight: 900;
}
.col-12.col-md-6.col-lg-6.col-xs-12.mt-sm-3 .dtr-hero-form {
    margin-left: 30px;
}

.patientreport{
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    margin-bottom: 1rem;
}
.patientreport img{
    border-radius: 5px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }
.modal-content {
    margin: auto;
    display: block;
    width: 45%;
    overflow: hidden;
    max-width: 1200px;
  }
.close {
    color: #f1f1f1;
    position: absolute;
    top: 15px;
    right: 35px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
  }
.close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
   #doctors{
    padding: 90px 0px;
    background: #034172;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  #doctors h2 {
     color: white ;
  }
  #doctors h3 {
    color: white ;
 }
 #doctors p {
    color: white ;
    font-size: 18px;
 }
  .Welcome{
    margin: 3rem 0;
  }
  img.de-img {
    max-width: 400px;
    /* margin-left: 10%; */
}
.wlcmimg{
    max-width: 100%;
    /* margin-left: auto; */
    /* top: 10%; */
}
  .about-single-content p{
    font-size: 18px;
    /* font-family: 'Oswald', sans-serif; */
    line-height: 1.4rem;
  }
  .department_section {
    position: relative;
  }
  
  .department_section .box {
    padding: 0px 5px;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    background-color: #034172;
    border-radius: 5px;
    text-align: center;
    height: 85%;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    transition: transform .2s
    /* min-height: 50px!important; */;
    color: white;
  }
  .department_section .box .fa-solid {
    font-size: 50px;
  }
  
  /* .department_section .box:hover{
    color: black;
  background-color: #000;
  color: rgb(109, 109, 109);
    transform: scale(1.1); 
  }
   */
  .department_section .box .img-box {
    width: 90px;
    height: 90px;
    margin-bottom: 15px;
    color: #00a2e2;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 50px;
  }
  
  .department_section .box .img-box img {
    max-width: 60px;
    max-height: 121px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .department_section .box .detail-box h5 {
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .department_section .box .detail-box a {
    color: #1fab89;
    font-weight: 600;
  }
  
  .department_section .box .detail-box a:hover {
    color: #62d2a2;
  }
  
  .department_section .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 45px;
  }
  
  .department_section .btn-box a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #62d2a2;
    color: #ffffff;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #62d2a2;
  }
  
  .department_section .btn-box a:hover {
    background-color: transparent;
    color: #62d2a2;
  }
   .avatar1 {
	animation: floats 6s ease-in-out infinite;

}
@keyframes floats {
  0% {
		/* box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(5px);
	}
	25% {
		/* box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(-5px);
	}
	50% {
		/* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(5px);
	}
  75% {
		/* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(-5px);
	}
  100% {
		/* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(5px);
	}
}
 .avatar {
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;

}
@keyframes float {
  0% {
		/* box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(-5px);
	}
	25% {
		/* box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(5px);
	}
	50% {
		/* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(-5px);
	}
  75% {
		/* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(5px);
	}
  100% {
		/* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.281); */
		transform: translatey(-5px);
	}
}
div#contact {
    margin-top: 0px !important;
}

div#contact {
    background-color: #034172;
}
.hire3 {
    position: relative;
}
.hire {
    position: relative;
    margin-top: 80px;
}

.hire3 .hire-details {
    position: relative;
    padding: 30px 0px 40px;
}

.hire .hire-details {
    position: relative;
    padding: 0;
}
.hire3 .hire-details .hire-text {
    position: relative;
}
.nabh_logo {
    margin: 20px 20px 20px 0;
}
.nabh_logo > img.img {
    border: 1px solid #00a2e2;
    padding: 10px;
    background-color: #ffffffe3;
    width: 210px;
    min-width: 160px;
    height: 160px;
}
.hire3 .hire-details .hire-text p {
    color: #dddddd; 
    padding: 0px 12px 5px 0px;
}

a.btn.btn-danger.btn-lg.rounded-pill.align-middle {
    background-color: #00a2e2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none !important;
    font-size: 26px !important;
    font-weight: 900;
    color: black;
}

a.btn.btn-danger.btn-lg.rounded-pill.align-middle:hover {
    background-color: #034070 !important;
    color: #00a2e2 !important;
}

.dtr-form-body button#btnSubmit:hover,
.dtr-form-body button#btnSubmit2:hover{
    background-color: #10b1ee !important;
}
img.img-fluid.img-style.bounce {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100%;
}
.col-md-12.text-center.pt-4 > a.btn.btn-enquiry.btn-danger.btn-lg {
    background-color: #00a2e2 !important;
    color: white !important;
} 
.footer-address.py-3 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.swiper-button-next, .swiper-button-prev{ 
    color:#000000 !important;
}


.btn-danger.focus, .btn-danger:focus {
   
    box-shadow:none;
}


@media (max-width: 576px){
    
.col-7.col-md-6.text-right.right-part.protected img.img {
    margin-top: 10px;
    
}
section.Welcome .col-12.col-md-12.col-lg-5.order-2.order-md-2.order-lg-1 .col-12.col-md-5.text-center.element3.about-img.wlcmimg {
    /*display: none;*/
}
a.btn {
    font-size: 13px !important;
    padding: 10px 10px !important;
    border-radius: 5px !important;
    box-shadow: rgb(0 61 47 / 37%) 2px 2px 3px;
    position: relative;
    top: 0;
    transition: all 0.4s;
}
    }
    
.bold-text{
    font-weight: 800;
    color: #00a2e2 !important;
    font-size: 5.5rem;
    font-family: 'Oswald', sans-serif;
    margin: 0;
}
h1.dtr-mb-4.wow.fadeInUp.banner-main-text {
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 2.5rem;
    line-height: 1.3;
    margin: 0;
}

section#appointment::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/newbnner.jpg);
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.aon-banner2-left {
    color: #fff;
    border-left: 10px solid #00a2e2;
    padding: 40px 0px 40px 20px;
    position: relative;
}

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

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

.banner-subtext {
    text-transform: uppercase;
    line-height: 0.8;
}
.doctor-image{
    position:relative;
}
.doctor-image::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 141px;
    left: 60%;
    background-image: url(../img/kidney.png);
    background-repeat: no-repeat;
    background-size: 35%;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    display:none;
}

.doctor{
    position: relative;
    bottom: -65px;
    width: 430px;
    z-index: 1;
}

.col-md-4.col-lg-4.col-xs-12.dtr-sm-mb-30px.color-white.border-banner.aon-banner2-left::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 9%;
    left: 172px;
    background-image: url(../img/giphy.gif) !important;
    background-repeat: no-repeat;
    background-size: 35%;
    transform: rotate(252deg);
}

.readonly{
    width: 21% !important;
    font-size: 15px !important;
    background: #c3c3c333 !important;
}

  #appointment-form:target {
    scroll-margin-top: 100px; 
  }
@media only screen and (max-width:576px){
    
img.karma-stamp {
    position: relative;
    left: -50px;
    top: 50px;
}

    .col-md-4.col-lg-4.col-xs-12.dtr-sm-mb-30px.doctor-image > img{
        opacity: 0;
        visibility: hidden;
        height: 0;
        position: relative;
    }
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #ffffff;
    border-color: none !important;
}

@media only screen and (max-width: 992px) and (min-width: 767px) {
    
    .d-tab-none{
        display:none;
    }
}

h3.banner-subtext {
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 2.2rem;
    line-height: 1.3;
    margin: 0;
}

h4.banner-subtext{
    letter-spacing: 4px;
    line-height: 2;
    margin: 0;
}

.protected a.btn.btn-danger.btn-lg.rounded-pill.align-middle::before {
    content: '+';
    position: absolute;
    top: 10px;
    left: 20%;
    display: none;
}
.col-7.col-md-6.text-right.right-part.protected img.img {
    border-radius: 2px !important;
}

.phone-error{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #00a2e2;
    height: 100%;
    display: block;
    line-height: 1.2;
    margin-bottom: 24px;
    margin-top: 4px; 
    text-align: center;
    width: 100%;
}

.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;
}

@-webkit-keyframes blink-an { 0% {color: #034172; }}
        @keyframes blink-an { 0% {color: #044071;} 50% {color: #00acea;}  100% {color: #044071;}}
li.blink +  i.fa-solid.fa-phone {
    display: none;
}











/* Define the blink animation */
@keyframes blink {
  0% { opacity: 1; color: black; }
  50% {opacity: 1;color: white;}
  100% { opacity: 1; color: black; }
}

/* Apply the blink animation to the button */
a.btn.btn-danger.btn-lg.rounded-pill.align-middle {
    background-color: #00a2e2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none !important;
    font-size: 26px !important;
    font-weight: 900;
    color: white;
    animation: glowing 1500ms infinite;
}



a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn {
    background-color: transparent !important;
    border: none !important;
    animation: none;
}

.single-line-text.marquee {
    background-color: #028cc9;
    color: white !important;
    font-size: 1.4rem;
    padding: 5px 30px;
}
.navbar-brand.logo-light img {
    filter: unset !important;
}
section#symptoms a.btn.mt-3.btn.btn-danger.btn-lg.rounded-pill.align-middle {
    background-color: #00a2e2 !important;
}

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

input.readonly {
    margin-right: 10px;
    width: 60px !important;
    color: white !important;
}
.row.next-heading-row h2 {
    color: white;
    z-index: 100; 
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-size: 35px;
    word-spacing: 2px;
    letter-spacing: 3px;
}

.row.next-heading-row {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.row.next-heading-row h2 span {
    font-size: 50px;
    color: #ffffff;
}
.gif-img {
    position: relative;
}

.gif-img > img.giff {
    top: 114px;
    max-width: 230px;
    position: absolute;
    right: -140px;
    transform: rotate(45deg);
}
.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;
}



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



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


@-webkit-keyframes glowing {
  0% { background-color: #03A9F4; -webkit-box-shadow: 0 0 3px #03A9F4; }
  50% { background-color: #183a1d; -webkit-box-shadow: 0 0 40px #183a1d; }
  100% { background-color: #03A9F4; -webkit-box-shadow: 0 0 3px #03A9F4; }
}

@-moz-keyframes glowing {
  0% { background-color: #03A9F4; -moz-box-shadow: 0 0 3px #03A9F4; }
  50% { background-color: #183a1d; -moz-box-shadow: 0 0 40px #183a1d; }
  100% { background-color: #03A9F4; -moz-box-shadow: 0 0 3px #03A9F4; }
}

@-o-keyframes glowing {
  0% { background-color: #03A9F4; box-shadow: 0 0 3px #03A9F4; }
  50% { background-color: #183a1d; box-shadow: 0 0 40px #183a1d; }
  100% { background-color: #03A9F4; box-shadow: 0 0 3px #03A9F4; }
}

@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; }
}

.col-7.col-md-6.text-right.right-part.protected a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn {
    color: #0397de !important;
}

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

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

div#map {
    height: 95%;
    overflow: hidden;
}

input#name:focus {
    border: 1px solid red;
}



#btnSubmit,
#btnSubmit2{
    --btn-color: #dd7e2a;
    --background: rgba(223, 183, 148, 0.73);
    --border-radius: 5px;
    --icon-size: 25px;
    --icon-color: #fff;
    --icon-background: #dd7e2a;

    position: relative;
    display: inline-block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    margin: 0.5rem;
    border: 1px solid var(--btn-color);
    border-radius: var(--border-radius);
    background-color: var(--btn-color);
    color: var(--icon-color);
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.35s;
    overflow: hidden;
  }
#btnSubmit::before,
#btnSubmit2::before{
    width: var(--icon-size);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "\f054";
    font-family: "FontAwesome";
    font-weight: bold;
    font-size: 10px;
    color: var(--icon-color);
    text-indent: 5px;
    border-radius: 0 50% 50% 0;
    background-color: #01386e;
    transform: translate(-20%, 0) scale(0, 1);
    transform-origin: left center;
    transition: all 0.25s;
    z-index: 1;
  }
#btnSubmit:hover::before,
#btnSubmit2:hover::before{
    transform: translate(-20%, 0) scale(1, 1);
  }
#btnSubmit:hover ,
#btnSubmit2:hover {
    background-color: var(--background);
    color: #fff;
  }
  
  img.up-arrow-gif-mobile {
    max-width: 80px;
    margin: auto;
}

.mobile-gif-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.gif-img.black > img.giff {
    right: 220px;
    transform: rotate(288deg);
    top: 140px !important;
    filter: invert(1);
}

.gif-img.black + div#appointment-form {
    max-width: 100%;
}

 #appointment-form:target {
    scroll-margin-top: 150px !important; /* Adjust the offset as needed */
    background-color: yellow !important; /* Just for demonstration */
  }
  
  
  
  
  
  #iframeContainer {
    position: relative;
}


.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:8%;
}

@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;
}




  #iframeContainer {
    position: relative;
}

div#iframeContainer > iframe , div#iframeContainer2 > iframe , div#iframeContainer3 > iframe , div#iframeContainer4 > iframe , div#iframeContainer5 > iframe , div#iframeContainer6 > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

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;
}
.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;
}




.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;
}
.st-seperator {
    width: 130px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 15px;
}
.st-seperator .st-seperator-left, .st-seperator .st-seperator-right {
    background-color: #F0A04B;
    height: 2px;
    width: 37px;
    flex: none;
}
.st-seperator .st-seperator-center {
    margin: 0 15px;
    animation: rotateAnimation 6s linear infinite;
}


@keyframes rotateAnimation {
  0% {
    -webkit-transform: rotateX(-20deg) rotateY(0deg);
    transform: rotateX(-20deg) rotateY(0deg);
  }

  75% {
    -webkit-transform: rotateX(-20deg) rotateY(360deg);
    transform: rotateX(-20deg) rotateY(360deg);
  }

  100% {
    -webkit-transform: rotateX(-20deg) rotateY(360deg);
    transform: rotateX(-20deg) rotateY(360deg);
  }
}

.faq .faq-list {
    padding: 0;
    list-style: none;
}
ul.faq-list {
    display: flex;
    flex-direction: column;
}
.faq .faq-list li:has( a.collapsed) {
    background-color: #014285e6 !important;
    color: #014285 !important;
}
.faq .faq-list li {
    background-color: #F0A04B;
    margin-bottom: 10px;
    border-radius: 2px;
    padding: 10px 40px;
}
.faq .faq-list a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
}
.collapsed i.fas.fa-arrow-up {
    transform: rotate(180deg);
}
.faq .faq-list i {
    font-size: 16px;
    position: absolute;
    left: -25px;
    top: 1px;
    transition: 1s;
}
.collapse:not(.show) {
    display: none;
}
.faq .faq-list p {
    padding-top: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}
.faq .faq-list li:has( a.collapsed) {
    background-color: #014285e6 !important;
    color: #014285 !important;
}
.faq .faq-list a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
}
.collapsed i.fas.fa-arrow-up {
    transform: rotate(180deg);
}
.faq .faq-list i {
    font-size: 16px;
    position: absolute;
    left: -25px;
    top: 1px;
    transition: 1s;
}

button.btn.btn-link.btn-block:hover {
    background-color: transparent !important;
}
button.btn.btn-link.btn-block:focus {
    box-shadow: none !important;
}
div#accordionExample button {
    color: #034172;
    text-decoration: none !important;
    font-size: 17px;
    /* text-transform: uppercase; */
}
.card-header {
    padding: 4px 0px;
}

.card {
    margin-bottom: .4rem;
}


img.up-arrow-gif-mobile-static {
    max-width: 80px;
    /*display:none;*/
}

.whatsapp-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

a.whatsapp-channel {
    color: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 9px 20px;
    font-size: 1rem;
    background-color: #0dbf42;
    border-radius: 42px;
    border: 1px solid white !important;
}
img.wa-icon {
    max-width: 22px;
    filter: invert(1);
}