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

/*----------------------------------------*/
/*----- 1 General styles -----*/
/*----------------------------------------*/
html{
    overflow-x: hidden !important;
}
body { -webkit-font-smoothing: antialiased; -webkit-animation: fix 1s 1; animation: fix 1s 1; overflow-x: hidden !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .7rem; }
a, a:hover { text-decoration: none; }
img { max-width: 100%; }
/*----------------------------------------*/
/*----- 2 Theme Utilities -----*/
/*----------------------------------------*/
/*== fonts ==*/
body, form label.error { font-family: 'Oxygen', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.9em; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #dtr-header-global .nav-link, .dropdown-menu a, dtr-btn { font-family: ''Oswald', sans-serif', sans-serif; font-weight: 700; }
.h1, h1 { font-size: 2.3em; line-height: 1.3em; }
.h2, h2 {font-size: 2.4em;line-height: 1.3em;}
.h3, h3 { font-size: 1.824em; line-height: 1.3em; }
.h4, h4 { font-size: 1.471em; line-height: 1.3em; }
.h5, h5 { font-size: 1.235em; line-height: 1.5em; }
.h6, h6 { font-size: 1em; line-height: 1.5em; }
.text-size-xl {font-size: 1.671em;line-height: 1.4em;font-weight: 500;text-transform: inherit;}
.text-size-md { font-size: 1.118em; line-height: 1.9em; }
.text-size-sm { font-size: 0.865em; line-height: 1.7em; font-weight: 700; }
/*== margins ==*/
.dtr-m-auto { margin: 0 auto; }
.dtr-m-0 { margin: 0 }
.dtr-mt-0, .dtr-my-0 { margin-top: 0 }
.dtr-mr-0, .dtr-mx-0 { margin-right: 0 }
.dtr-mb-0, .dtr-my-0 { margin-bottom: 0 }
.dtr-ml-0, .dtr-mx-0 { margin-left: 0 }
.dtr-m-1 { margin: .25rem }
.dtr-mt-1, .dtr-my-1 { margin-top: .25rem }
.dtr-mr-1, .dtr-mx-1 { margin-right: .25rem }
.dtr-mb-1, .dtr-my-1 { margin-bottom: .25rem }
.dtr-ml-1, .dtr-mx-1 { margin-left: .25rem }
.dtr-m-2 { margin: .5rem }
.dtr-mt-2, .dtr-my-2 { margin-top: .5rem }
.dtr-mr-2, .dtr-mx-2 { margin-right: .5rem }
.dtr-mb-2, .dtr-my-2 { margin-bottom: .5rem }
.dtr-ml-2, .dtr-mx-2 { margin-left: .5rem }
.dtr-m-3 { margin: 1rem }
.dtr-mt-3, .dtr-my-3 { margin-top: 1rem }
.dtr-mr-3, .dtr-mx-3 { margin-right: 1rem }
.dtr-mb-3, dtr-.my-3 { margin-bottom: 1rem }
.dtr-ml-3, .dtr-mx-3 { margin-left: 1rem }
.dtr-m-4 { margin: 1.5rem }
.dtr-mt-4, .dtr-my-4 { margin-top: 1.5rem }
.dtr-mr-4, .dtr-mx-4 { margin-right: 1.5rem }
.dtr-mb-4, .dtr-my-4 { margin-bottom: 1.5rem }
.dtr-ml-4, .dtr-mx-4 { margin-left: 1.5rem }
.dtr-m-5 { margin: 3rem }
.dtr-mt-5, .dtr-my-5 { margin-top: 3rem }
.dtr-mr-5, .dtr-mx-5 { margin-right: 3rem }
.dtr-mb-5, .dtr-my-5 { margin-bottom: 3rem }
.dtr-ml-5, .dtr-mx-5 { margin-left: 3rem }
.dtr-m-6 { margin: 4rem }
.dtr-mt-6, .dtr-my-6 { margin-top: 4rem }
.dtr-mr-6, .dtr-mx-6 { margin-right: 4rem }
.dtr-mb-6, .dtr-my-6 { margin-bottom: 4rem }
.dtr-ml-6, .dtr-mx-6 { margin-left: 4rem }
.dtr-m-7 { margin: 5rem }
.dtr-mt-7, .dtr-my-7 { margin-top: 5rem }
.dtr-mr-7, .dtr-mx-7 { margin-right: 5rem }
.dtr-mb-7, .dtr-my-7 { margin-bottom: 5rem }
.dtr-ml-7, .dtr-mx-7 { margin-left: 5rem }
/*== paddings ==*/
.dtr-p-0 { padding: 0 }
.dtr-pt-0, .dtr-py-0 { padding-top: 0 }
.dtr-pr-0, .dtr-px-0 { padding-right: 0 }
.dtr-pb-0, .dtr-py-0 { padding-bottom: 0 }
.dtr-pl-0, .dtr-px-0 { padding-left: 0 }
.dtr-p-1 { padding: .25rem }
.dtr-pt-1, .dtr-py-1 { padding-top: .25rem }
.dtr-pr-1, .dtr-px-1 { padding-right: .25rem }
.dtr-pb-1, .dtr-py-1 { padding-bottom: .25rem }
.dtr-pl-1, .dtr-px-1 { padding-left: .25rem }
.dtr-p-2 { padding: .5rem }
.dtr-pt-2, .dtr-py-2 { padding-top: .5rem }
.dtr-pr-2, .dtr-px-2 { padding-right: .5rem }
.dtr-pb-2, .dtr-py-2 { padding-bottom: .5rem }
.dtr-pl-2, .dtr-px-2 { padding-left: .5rem }
.dtr-p-3 { padding: 1rem }
.dtr-pt-3, .dtr-py-3 { padding-top: 1rem }
.dtr-pr-3, .dtr-px-3 { padding-right: 1rem }
.dtr-pb-3, .dtr-py-3 { padding-bottom: 1rem }
.dtr-pl-3, .dtr-px-3 { padding-left: 1rem }
.dtr-p-4 { padding: 1.5rem }
.dtr-pt-4, .dtr-py-4 { padding-top: 1.5rem }
.dtr-pr-4, .dtr-px-4 { padding-right: 1.5rem }
.dtr-pb-4, .dtr-py-4 { padding-bottom: 1.5rem }
.dtr-pl-4, .dtr-px-4 { padding-left: 1.5rem }
.dtr-p-5 { padding: 3rem }
.dtr-pt-5, .dtr-py-5 { padding-top: 3rem }
.dtr-pr-5, .dtr-px-5 { padding-right: 3rem }
.dtr-pb-5, .dtr-py-5 { padding-bottom: 3rem }
.dtr-pl-5, .dtr-px-5 { padding-left: 3rem }
.dtr-p-6 { padding: 4rem }
.dtr-pt-6, .dtr-py-6 { padding-top: 4rem }
.dtr-pr-6, .dtr-px-6 { padding-right: 4rem }
.dtr-pb-6, .dtr-py-6 { padding-bottom: 4rem }
.dtr-pl-6, .dtr-px-6 { padding-left: 4rem }
.dtr-p-7 { padding: 5rem }
.dtr-pt-7, .dtr-py-7 { padding-top: 5rem }
.dtr-pr-7, .dtr-px-7 { padding-right: 5rem }
.dtr-pb-7, .dtr-py-7 { padding-bottom: 5rem }
.dtr-pl-7, .dtr-px-7 { padding-left: 5rem }
.dtr-p-8 { padding: 10rem }
.dtr-pt-8, .dtr-py-8 {padding-top: 6.5rem;}
.dtr-pr-8, .dtr-px-8 { padding-right: 10rem }
.dtr-pb-8, .dtr-py-8 { padding-bottom: 4rem }
.dtr-pl-8, .dtr-px-8 { padding-left: 10rem }
/*== images ==*/
.dtr-rounded, .dtr-rounded img { border-radius: 10px; }
.dtr-rounded-left { border-radius: 10px 0 0 10px; }
.dtr-rounded-right { border-radius: 0 10px 10px 0; }
/*== borders ==*/
.dtr-border-top { border-top: 1px solid #e8eaee; }
.dtr-border-right { border-right: 1px solid e8eaee; }
.dtr-border-bottom { border-bottom: 1px solid e8eaee; }
.dtr-border-left { border-left: 1px solid #e8eaee; }
/*== icon ==*/
.dtr-left-icon, .dtr-right-icon { margin-left: 10px; color: inherit; vertical-align: middle; font-weight: normal; }
.dtr-left-icon { margin-right: 10px; margin-left: 0; }
.dtr-icon-scale { font-size: 1.2em; }
/* icons size */
.font-64 { font-size: 4.2rem; color: #ce3c3c; }
/*----------------------------------------*/
/*===== 3 Buttons =====*/
/*----------------------------------------*/
input[type="submit"], input[type="reset"], .dtr-form-btn {width: auto;height: auto;position: relative;display: inline-block;padding: 10px 50px 10px 50px;margin: 10px 0;cursor: pointer;border-width: 0;border-style: solid;border-radius: 0;text-decoration: none;outline: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;vertical-align: middle;text-align: center;font-weight: normal;font-size: 1em;line-height: 25px;-webkit-box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1);box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1);}
.dtr-submit-center { display: block; margin: 0; text-align: center; }
.dtr-submit-full .dtr-form-btn, .dtr-submit-full input[type="submit"], .dtr-submit-full button {width: 100%;display: block;margin: 0;text-align: center;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;word-spacing: 2px;}
/*== Styled button ==*/
.dtr-btn { width: auto; height: auto; position: relative; display: inline-block; padding: 15px 70px 15px 20px; margin: 0; border-width: 1px; border-style: solid; border-radius: 150px; cursor: pointer; outline: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: middle; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: normal; -webkit-box-shadow: 0px 3px 5px 0px rgba(20,39,82,0.03); box-shadow: 0px 3px 5px 0px rgba(20,39,82,0.03); text-decoration: none; text-align: left; font-size: 1em; line-height: 22px; font-weight: 700; }
.dtr-btn a { display: block; text-decoration: none; color: inherit; }
.dtr-btn span { width: 40px; height: 40px; display: inline-block; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; font-size: inherit; text-align: center; }
.dtr-btn span i { display: inline-block; font-size: 16px; line-height: 40px; }
.dtr-btn:hover span i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; }
/*----------------------------------------*/
/*===== 4 Lists =====*/
/*----------------------------------------*/
/*ul, ol { margin: 0 0 10px 0; padding: 0; list-style-position: inside; display: block; }*/
li > ul, li > ol { margin-top: 10px; margin-bottom: 0; margin-left: 1.5em; }
ol li, ul li { margin-bottom: 10px; }
.dtr-list { list-style-type: none; }
.dtr-list li { margin-bottom: 5px; }
/*== checkmark list ==*/
.dtr-list-checkmark li { background: none; margin-bottom: 10px; list-style-type: none; display: block; position: relative; }
.dtr-list-checkmark li:before { font-family: 'icomoon'; content: "\ef32"; margin-right: 15px; font-size: 1.2em; }
.dtr-list-checkmark h6 { display: inline; }
/*----------------------------------------*/
/*===== 5 Elements =====*/
/*----------------------------------------*/
/*== Rounded alert ==*/
.dtr-rounded-alert { display: inline-block; padding: 10px 30px; border-radius: 150px; }
/*== Video button ==*/
.dtr-video-wrapper-inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dtr-video-button { width: 80px; height: 80px; display: block; position: relative; margin: 0 auto; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; z-index: 9; }
.dtr-video-button-wrap-inner { width: 80px; height: 80px; position: relative; display: block; -webkit-border-radius: 100%; border-radius: 100%; z-index: 99; }
.dtr-border-animation { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-width: 20px; border-style: solid; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; animation: pulse-border 4s linear 0s infinite; -webkit-animation: pulse-border 4s linear 0s infinite; -ms-animation: pulse-border 4s linear 0s infinite; -o-animation: pulse-border 4s linear 0s infinite; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; opacity: 0; z-index: 9; }
.dtr-border-2 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.dtr-video-button:hover .dtr-border-animation { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused }
.dtr-video-button::after { display: inline-block; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -13px; font-family: 'icomoon'; content: '\eb7a'; font-size: 32px; line-height: 32px; z-index: 99; }
.dtr-video-heading { text-align: center; margin: 30px 0 0 0; padding: 0; }
.dtr-hero-video-btn { height: 150px; }
/* large button */
.dtr-video-button-lg .dtr-video-button, .dtr-video-button-lg .dtr-video-button-wrap-inner { width: 100px; height: 100px; }
.dtr-video-button-lg .dtr-border-animation { border-width: 20px; }
.dtr-video-button-lg .dtr-video-heading { margin-top: 40px; }
/*== icon with circle bg ==*/
.dtr-icon-with-bg { position: relative; display: inline-block; margin-top: 20px; margin-right: 5px; font-size: 56px; z-index: 9; }
.dtr-icon-with-bg:after { content: ''; width: 74px; height: 74px; position: absolute; top: -20px; left: 50%; margin-left: -37px; border-radius: 50%; z-index: -1; }
/*== feature box ==*/
.dtr-feature-box { position: relative; padding: 50px 30px 50px 80px; margin-bottom: 30px; border-radius: 10px; -webkit-box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1); box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1); }
.dtr-feature-box-icon { width: 50px; height: 50px; display: block; position: absolute; top: 50px; left: 0; border-radius: 0 10px 10px 0; font-size: 24px; line-height: 50px; text-align: center; }
/*== blog post carousel ==*/
.dtr-post-carousel-entry-content { padding: 10px 0px; border-top: 2px solid #ce3c3c; }
.dtr-post-carousel-meta { padding: 25px 30px 20px 30px; border-top: 1px solid #e8eaee; border-radius: 0 0 10px 10px; }
.dtr-post-carousel-item { margin: 5px; border-radius: 10px; text-align: center; -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); }
.dtr-post-carousel-item img { border-radius: 10px 10px 0 0; width: 100%; }
.dtr-category { display: block; margin-bottom: 20px; }
.dtr-meta { list-style-type: none; padding: 0; margin: 0; }
.dtr-meta li { display: inline-block; }
.dtr-meta li:after { content: ''; border-right: 1px solid #e8eaee; margin: 0 20px; }
.dtr-meta li:last-child:after { content: none; }
.dtr-meta-author:before { font-family: 'icomoon'; content: "\ec83"; margin-right: 10px; vertical-align: middle; }
.dtr-meta-date:before { font-family: 'icomoon'; content: "\ecdb"; margin-right: 10px; vertical-align: middle; }
.dtr-post-carousel-content { border-radius: 10px; cursor: pointer; }
/*== partner post carousel ==*/
.dtr-partner-carousel-content { border-radius: 10px; }
.dtr-partner-carousel-entry-content { padding: 30px 30px 20px 30px; border-top: 4px solid #0089f1; }
.dtr-partner-carousel-meta { padding: 25px 30px 20px 30px; border-top: 1px solid #e8eaee; border-radius: 0 0 10px 10px; }
.dtr-partner-carousel-item { margin: 5px; border-radius: 10px; text-align: center; -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); }
.dtr-partner-carousel-item img { border-radius: 10px 10px 0 0; width: 100%; }
.dtr-partner-carousel-content { border-radius: 10px; }
/*== reviews ==*/
.dtr-testimonial-wrapper {font-size: 14px;/* padding: 20px 40px; */margin: 5px;border-radius: 10px;/* -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); *//* box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); */min-height: 250px;}
.dtr-5-stars { display: block; align-self: flex-start; }
.dtr-5-stars:after { font-family: 'icomoon'; content: '\ec0e\ec0e\ec0e\ec0e\ec0e'; letter-spacing: 2px; font-size: 12px; }
.dtr-testimonial-wrapper img { padding: 2px; -webkit-box-shadow: 0px 0px 10px 0px rgba(20,39,82,0.1); box-shadow: 0px 0px 10px 0px rgba(20,39,82,0.1); }
/*== Reports ==*/
.reports-wrapper { font-size: 16px; padding: 0; margin: 0px; -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); min-height: 320px; }
/*== Accordion ==*/
.dtr-accordion .card-header { padding: 0; margin: 0; border: 0; border-radius: 0; }
.dtr-accordion.accordion > .card { border: 0; border-radius: 0; }
.dtr-accordion.accordion > .card .card-header { margin: 5px; }
.dtr-accordion .card-header:first-child, .dtr-accordion.accordion > .card:not(:first-of-type) .card-header:first-child { padding: 0; margin: 5px; display: block; -webkit-box-shadow: 0px 3px 5px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 5px 0px rgba(20,39,82,0.1); border-radius: 300px; border: none; }
.dtr-accordion .btn.btn-link { position: relative; width: 100%; padding: 0px 40px 10px 20px; margin: 0; border: 0; text-decoration: none; text-transform: none; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 17px; font-weight: 700; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }
.dtr-accordion .card-body { padding: 25px; background: #fff; border-radius: 20px; margin: 5px; }
.dtr-accordion .btn.btn-link:after { content: ""; background-image: url(../img/right1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;height: 20px;
    width: 20px; position: absolute; right: 20px; top: 50%; margin-top: -12px; }
.dtr-accordion .btn.btn-link.collapsed:after {content: ""; background-image: url(../img/right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;height: 20px;
    width: 20px;}
.dtr-accordion .btn.btn-link { box-shadow: none; }
/*== Sticky Tabs ==*/
.dtr-sticky-tabs-wrapper { padding-bottom: 100px; }
.dtr-sticky-tabs-nav { top: 85px; border-width: 0 0 1px 0; border-style: solid; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; }
.dtr-sticky-tabs-nav { position: sticky; z-index: 100; padding: 0; margin: 0; }
.dtr-sticky-tabs-nav .nav-link { display: block; padding: .5rem 1rem; font-size: 1.5rem; font-weight: bold;}
.dtr-sticky-tabs-nav img { margin-right: 10px; }
.dtr-sticky-tabs-nav.dtr-sticky-tabs-hide { -webkit-transform: translateY(-70px); transform: translateY(-70px); pointer-events: none; visibility: hidden }
.dtr-sticky-tabs .nav-item { margin: 0; padding: 5px 20px; position: relative; }
.dtr-sticky-tabs .nav-item:after { content: ''; display: inline-block; position: absolute; right: 0; top: 0; height: 100%; width: 1px; }
.dtr-sticky-tabs .nav-item:last-child:after { content: none; }
.dtr-sticky-tabs { padding: 5px 0; }
.dtr-sticky-tabs-content { padding: 100px 0 0 0; margin: 0; }
/*== Social ==*/
.dtr-social-list { padding: 0; margin: 0; display: block; width: 100%; }
.dtr-social-list li { background: none; list-style-type: none; display: inline-block !important; padding: 0; margin: 0 2px; }
.dtr-social-list li a { width: 50px; height: 50px; display: block; font-size: 16px; line-height: 48px; text-align: center; position: relative; border: 0; border-radius: 50%; }
.dtr-social-list.text-right { margin: 0 0 0 4px; }
.dtr-social-list.text-left { margin: 0 4px 0 0; }
/* social icons */
.dtr-social-list li a::before { font-family: 'icomoon'; vertical-align: middle; font-weight: normal; color: inherit !important; }
.dtr-social-list li a.dtr-facebook::before { content: "\edd9"; }
.dtr-social-list li a.dtr-twitter::before { content: "\eed1"; }
.dtr-social-list li a.dtr-linkedin::before { content: "\ee3e"; }
.dtr-social-list li a.dtr-youtube::before { content: "\f16a"; }
/*== map embed ==*/
.dtr-map iframe { max-width: 100%; border: none; padding: 10px 10px; }
.mapouter, .gmap_canvas, #gmap_canvas { width: 100%; }
#gmap_canvas { min-height: 300px; }
.mapouter { position: relative; text-align: left; }
.gmap_canvas { overflow: hidden; background: none!important; }
/*----------------------------------------*/
/*===== 6 Header =====*/
/*----------------------------------------*/
#dtr-header-global {padding: 5px 0;}
#dtr-header-global.on-scroll { padding: 00px 0; box-shadow: 0 2px 40px 0 hsla(240,0%,6%,.05) }
.logo-dark, .on-scroll .logo-light { display: none; }
.logo-light, .on-scroll .logo-dark { display: block; }
/*== Navbar Custom  ==*/
.navbar { padding-top: 0; padding-bottom: 0; }
.navbar-nav li { margin: 0; }
.dropdown-menu { margin: 0; }
.dropdown-menu { padding: 10px; margin: 0; border: 0; border-radius: 5px; -webkit-box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 8px 0px rgba(20,39,82,0.1); }
.dropdown-item { padding: 5px 1rem; font-size: 0.950em; line-height: 1.5em; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 1rem; text-transform: uppercase; font-size: 0.824em; }
.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler { box-shadow: none; border: 0; }
.navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { background-image: none; }
.navbar-dark .navbar-toggler-icon::after { font-family: 'icomoon'; content: "\ef8c"; font-size: 24px; color: #142752; }
.navbar-light .navbar-toggler-icon::after { font-family: 'icomoon'; content: "\ef8c"; font-size: 24px; color: #142752; }
.navbar-toggler:focus { outline: 0; }
/*----------------------------------------*/
/*===== 7 Footer =====*/
/*----------------------------------------*/
#dtr-footer-global {padding: 0px 0 10px;background-color: #012d59;}
/*----------------------------------------*/
/*===== 8 Swiper =====*/
/*----------------------------------------*/
/* Arrows */
.dtr-swiper-next.swiper-button-next, .dtr-swiper-prev.swiper-button-prev { position: absolute; top: auto; bottom: 5px; width: 50px; height: 50px; border-width: 0; border-style: solid; border-radius: 50%; margin-top: 0; z-index: 10; cursor: pointer; display: flex; align-items: center; -webkit-box-shadow: 0px 3px 5px 0px rgba(20,39,82,0.1); box-shadow: 0px 3px 5px 0px rgba(20,39,82,0.1); }
.dtr-swiper-next.swiper-button-next.swiper-button-disabled, .dtr-swiper-prev.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.dtr-swiper-next.swiper-button-next:after, .dtr-swiper-prev.swiper-button-prev:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 50px; }
.dtr-swiper-prev.swiper-button-prev, .swiper-container-rtl .swiper-button-next.dtr-swiper-next { background-image: none; left: 50%; right: auto; margin-left: -55px; }
.dtr-swiper-prev.swiper-button-prev:after, .swiper-container-rtl .dtr-swiper-next.swiper-button-next:after { content: '\e9b1' }
.dtr-swiper-next.swiper-button-next, .swiper-container-rtl .dtr-swiper-prev.swiper-button-prev { background-image: none; right: 50%; left: auto; margin-right: -55px; }
.dtr-swiper-next.swiper-button-next:after, .swiper-container-rtl .dtr-swiper-prev.swiper-button-prev:after { content: '\e9b2' }
.dtr-swiper-has-arrows { padding-bottom: 110px; }
.dtr-swiper-next.swiper-button-next:hover:after { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; }
.dtr-swiper-prev.swiper-button-prev:hover:after { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; }
/*----------------------------------------*/
/*===== 9 Forms =====*/
/*----------------------------------------*/
form { margin: 0; padding: 0; z-index: 0; }
form p { margin: 0 0 20px 0; padding: 0; }
input[type=radio], input[type=checkbox] { margin: 0 5px 0 0; vertical-align: baseline; }
label { width: 100%; height: auto; line-height: 1.2em; font-weight: bold; }
select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] {position: relative;display: block;width: 100%;padding: 5px 13px;margin: 0;border-width: .5px;border-style: solid;border-radius: 3px;font-size: 15px;font-weight: normal;line-height: 25px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1);box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1);height: 37px;width: 100%;border-bottom: 1px solid white !important;border-right: none !important;border-top: none;border-left: none;color: #ffffff !important;font-size: 14px;background-color: #acc0d0 !important;padding: 5px 13px !important;border-radius: 3px !important;}
textarea, #commentform textarea { width: 100% !important; height: auto; }
.antispam { display: none; }
form label.error { font-size: 10px; }
/*===== Form column styles =====*/
.dtr-form-row, .dtr-form-row-2col, .dtr-form-row-3col, .dtr-form-row-unequal, .dtr-form-row-2col-unequal { margin-right: -10px; margin-left: -10px }
.dtr-form-column { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 50%; float: left; }
.dtr-for-row::before, .dtr-form-row-2col::before, .dtr-form-row-3col::before, .dtr-form-row-unequal::before, .dtr-form-row-2col-unequal::before { display: table; content: "" }
.dtr-for-row::after, .dtr-form-row-2col::after, .dtr-form-row-3col::after, .dtr-form-row-unequal::after, .dtr-form-row-2col-unequal::after { clear: both }
.dtr-form-row-2col .dtr-form-column { width: 50%; }
.dtr-form-row-3col .dtr-form-column { width: 33.33333333% }
.dtr-form-row-unequal .dtr-form-column { width: 60% }
.dtr-form-row-unequal .dtr-form-column:last-child { width: 40% }
.dtr-form-row-2col-unequal .dtr-form-column { width: 70%; }
.dtr-form-row-2col-unequal .dtr-form-column:last-child { width: 30%; }
/*== form box ==*/
.dtr-hero-form {-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; */background-color: #ffffff;border: 1px solid #ffffffb0;}
.dtr-form-head {padding: 5px 40px;border-radius: 4px 4px 0 0;display: flex;justify-content: center;align-items: center;}
.dtr-form-head h4, .dtr-form-head h5, .dtr-form-head h6 { margin-bottom: 0; }
.dtr-form-head h4 {color: #01386e !important;font-weight: 800 !important;font-size: 30px;/* text-transform: uppercase !important; */margin-top: 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: #01386e !important;
	font-size: 14px;
}

/*== toLeftFromRight ==*/
@-webkit-keyframes toLeftFromRight {
49% {
 -webkit-transform: translate(-100%);
}
50% {
 opacity: 0;
 -webkit-transform: translate(100%);
}
51% {
 opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
 -moz-transform: translate(-100%);
}
50% {
 opacity: 0;
 -moz-transform: translate(100%);
}
51% {
 opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
 transform: translate(-100%);
}
50% {
 opacity: 0;
 transform: translate(100%);
}
51% {
 opacity: 1;
}
}
/*== toRightFromLeft ==*/
@-webkit-keyframes toRightFromLeft {
49% {
 -webkit-transform: translate(100%);
}
50% {
 opacity: 0;
 -webkit-transform: translate(-100%);
}
51% {
 opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
 -moz-transform: translate(100%);
}
50% {
 opacity: 0;
 -moz-transform: translate(-100%);
}
51% {
 opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
 transform: translate(100%);
}
50% {
 opacity: 0;
 transform: translate(-100%);
}
51% {
 opacity: 1;
}
}
/*== pulse border ==*/
@-webkit-keyframes pulse-border {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
-webkit-transform:scale(1.6);
transform:scale(1.6);
opacity:0
}
}
@-moz-keyframes pulse-border {
0% {
-moz-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-moz-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
-moz-transform:scale(1.6);
transform:scale(1.6);
opacity:0
}
}
@-o-keyframes pulse-border {
0% {
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-o-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:0
}
}
@keyframes pulse-border {
0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
opacity:1
}
100% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:0
}
}
 @keyframes dropdownSlideIn {
0% {
 transform: translateY(1rem);
 opacity: 0;
}
 100% {
 transform:translateY(0rem);
 opacity: 1;
}
 0% {
 transform: translateY(1rem);
 opacity: 0;
}
}
 @-webkit-keyframes dropdownSlideIn {
0% {
 -webkit-transform: transform;
 -webkit-opacity: 0;
}
 100% {
 -webkit-transform: translateY(0);
 -webkit-opacity: 1;
}
 0% {
 -webkit-transform: translateY(1rem);
 -webkit-opacity: 0;
}
}
.dropdown-animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: dropdownSlideIn; -webkit-animation-name: dropdownSlideIn; }
.section_one {
    position: relative;
    width: 100%;
    background: #ebebeb4a;
    text-align: center;
    padding: 30px 0px;
}
a.tbs_cls img {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 8px 18px;
    /* border: 1px solid #007c9d; */
    margin-bottom: 10px;
}
a.tbs_cls p {
    color: #343434;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}
.dtr-btn span img {
    position: relative;
    display: inline-block;
    padding: 14px 10px 0px 10px;
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    section#appointment:after{
    width:100% !important;
}
    
.col-8.col-md-6.text-right.right-part li.blink {
    display: none;
}

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

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

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

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

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

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

section#appointment:after {
    max-width: 100% !important;
}
.about-single-content {
    margin-top: 2rem !important;
}

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



    section.thankyou-section .col-10.col-md-10.bg-white {
        min-height: 518px !important;
        margin: 20px 20px !important;
    }
    section.thankyou-section h2.heading2 {
        font-size: 2rem !important;
    }
    h2.dtr-mb-4 {
    font-size: 1.5em;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.9px){

.about-3 .about-img img.ab-3-bg {
    width: 70% !important;
}
.about-3 .about-img::after {
    right: 20px !important;
}
img.de-img {
    max-width: 250px !important;
    /* margin-left: 10%; */
}
.about-3 .about-img::after {
    width: 170px !important;
    height: 135px !important;
}
.col-md-5.order-md-2.overflow-h.pb-4 {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
}

@media only screen and (max-width: 768px) and (min-width: 320px)  {
    section#appointment:after{
    width:70% ;
}
    #appointment .dtr-form-head,
    #appointment .dtr-form-body{
        padding: 8px 10px;
        margin: 22px 10px;
    }
    section.thankyou-section .col-10.col-md-10.bg-white .alert.text-center::before {
    top: 27px !important;
    }
    .nabh_logo > img.img {
    border: 1px solid #f0a04b;
    padding: 10px !important;
    width: 50% !important;
    background-color: #ffffffe3;
}
    h6.dtr-mb-0 {
        text-align: left;
    }
    .dtr-form-body {
        padding: 20px 20px;
    }
    .dtr-form-head h4 {
        font-size: 22px;
    }
    footer#dtr-footer-global {
        margin-bottom: 0px;
    }
    #dtr-footer-global .footer-address.py-3 {
        padding-bottom: 0px !important;display: none;
    }
    #appointment {
        padding: 110px 0px 0px 0px;
    }
    #appointment .row {
        display: flex;
        /* flex-direction: column-reverse; */
    }
    #quickfeatures {
        padding: 15px 0px 10px 0px !important;
    }
    .py-5 {
        padding: 20px 0px !important;
    }
    section.intro.py-5 {
        padding: 20px 0px !important;
    }
    #dtr-header-global{text-align: center;padding: 5px 0px !important;}
    #dtr-header-global .navbar-brand{padding: 0px 0px !important;}
    #dtr-header-global img.us-flag {
        height: 30px;
        /*filter: brightness(0) invert(1);*/
    }
    /*section.stages.py-5, section.symptoms.py-5.bg-grey, section.symptoms.py-5, section#liverspecialist, #last_id {*/
    /*    padding: 10px 0px 20px 0px !important;*/
    /*}*/
    section.symptoms.py-5.bg-grey .dtr-sm-mb-30px {
        margin-bottom: 10px !important;
    }
    .dtr-sticky-tabs-section .dtr-sticky-tabs-content{ padding: 10px 0px 20px 0px !important;}
    .dtr-sticky-tabs-wrapper {
        padding-bottom: 20px;
    }
    .section_one .col-sm-3 {
        width: 50%;
    }
    #appointment_phone{display: block !important;
    }
    #appointment_phone {
        padding: 0px 0px 20px 0px;
    }
    #appointment h1.dtr-mb-4.wow.fadeInUp {
        padding-top: 10px;
        font-size: 30px;
    }
    #appointment_phone .dtr-hero-form {
        position: relative;
        background: #5f0701;
        padding: 20px 20px;
        border-radius: 35px;
        margin: 0px 20px;
    }
    #appointment_phone .dtr-form-head {
        background: none; 
        padding: 0px 0px;
        border-radius: 0px;
    }
    #appointment_phone h4.text-center {
        font-size: 18px;
        color: #fff !important;
        padding-bottom: 14px;
    }
    #appointment_phone .dtr-form-body{
    	background: none; 
        padding: 0px 0px;
        border-radius: 0px;
    }
    #appointment_phone .dtr-btn-blue{
    	background-color: #ffeb3b;
    	text-transform: uppercase;
        color: #000;
    }
    #appointment_phone input, #appointment_phone textarea {
        font-size: 13px;
    }
    #dtr-footer-global {
        padding: 10px 0 10px;
    }
    #last_id p.mb-0 {
        padding: 0px 30px;
    }
    #liverspecialist h2.dtr-mb-4 {
        padding-top: 10px;
    }
    #liverspecialist p.dtr-mb-5 {
        margin-bottom: 20px;
    }
    #liverspecialist img.dtr-rounded {
        margin-top: 10px;
    }
    #appointment button#btnSubmit {
        position: relative;
        margin-top: 15px;
        display: inline-block;
        background: linear-gradient(180deg, #01386e 0 37%, #0c6a56 90% 100%);
    }
    /*#Diagnosed {*/
    /*    padding-bottom: 0px !important;*/
    /*}*/
    #ph_n {
        position: fixed;
        width: 100%;
        z-index: 9999999999999999999999999999999999999999;
        opacity: 0;
        bottom: 0;
        text-align: center;
        padding: 10px 0px;
    }
    #ph_n .phon_all_we_in a {
        position: relative;
        display: inline-block;
        width: 55%;
        background: #01386e;
        padding: 10px 0px;
        border-radius: 30px;
        color: #fff;
        font-weight: 600;
        letter-spacing: normal;
        line-height: normal;
    }
    #Causes .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .dtr-testimonial-wrapper .dtr-mr-5 {
        text-align: center;
        width: 100%;
        margin-right: 0;
    }
    }
    

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



    @media only  screen and (min-width:768px) and (max-width:1023px){
        section.thankyou-section .col-10.col-md-10.bg-white {
            min-height: 340px !important;
            margin: 20px 20px !important;
        }
        section.thankyou-section h2.heading2 {
            font-size: 2rem !important;
        }
    }
@media only screen and (max-width: 10000px) and (min-width: 769px)  {
	#ph_n{display: none;}
}
#appointment_phone{display: none;background: #fff;}
.dtr-testimonial-wrapper img {
    border-radius: 10px;
    height: 100px;
}
#Causes {
    background: #f5f4f970;
}
a.navbar-brand.logo-dark img {
    height: 70px;
}
#dtr-footer-global a.btn {
    text-transform: uppercase;
    font-size: 20px;
}

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

input {
 border-radius: 4px !important;
}
ul.points.text-white li img {
 filter: brightness(5);
}
form#contact input {
 padding: 6px 13px !important;
 /* box-shadow: rgb(81 9 9 / 50%) 0px 1px 4px !important; */
}

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


  
@keyframes bounce {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px);
    }
    100% {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
  }
  
  @keyframes bounce2 {
    0% {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(+5px);
      -ms-transform: translateY(+5px);
      transform: translateY(+5px);
    }
    100% {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
  }

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

  .element1{
    position:relative;
  }

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

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

  img.img-fluid.img-style.bounce {
    z-index: 100;
    position: relative;
}
.dtr-hero-form a.btn {
    box-shadow: rgb(0 0 0 / 25%) 2px 2px 3px !important;
    border: 1px solid #01386e;
}

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

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

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

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

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


/* timeline section start  */

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))!important;
}
.grid {
    display: grid!important;
}
.mt-8 {
    margin-top: 2rem!important;
}

.relative {
    position: relative!important;
}

@media (min-width: 640px){
    
.sm\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))!important;
}
}
.grid {
    display: grid!important;
}
:is([dir=ltr] .ltr\:float-right) {
    float: right!important;
}

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

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

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

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

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

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

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

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

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

.text-lg {
    font-size: 1.125rem!important;
    line-height: 1.75rem!important;
}
.mb-1 {
    margin-bottom: 0.25rem!important;
}

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

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

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

.grid {
    display: grid!important;
}

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

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

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

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

.font-medium {
    font-weight: 500!important;
}
.text-lg {
    font-size: 1.125rem!important;
    line-height: 1.75rem!important;
}
.mb-1 {
    margin-bottom: 0.25rem!important;
}

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

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

:is([dir=ltr] .timeline .timeline-item .duration-right) {
    float: left;
}
.timeline .timeline-item .duration-right {
    -webkit-margin-end: 1.5rem;
    margin-inline-end: 1.5rem;
}
@media (min-width: 768px){
.md\:ms-7 {
    -webkit-margin-start: 1.75rem!important;
    margin-inline-start: 1.75rem!important;
}}

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

.w-64 {
    width: 16rem!important;
}
.h-64 {
    /* height: 16rem!important; */
}
.timeline .timeline-item .duration-right:after {
    content: var(--tw-content);
    inset-inline-start: -34px;
}
.timeline .timeline-item .date-label-left:after, .timeline .timeline-item .duration-right:after {
    --tw-bg-opacity: 1;
    --tw-content:
    "";
    background-color: #00acea;
    border-radius: 9999px;
    content: var(--tw-content);
    height: 0.625rem;
    position: absolute;
    top: 9px;
    width: 0.625rem;
    z-index: 10;
}

.timeline:after {
    --tw-border-opacity: 1;
    --tw-content:
    "";
    border-color: #01386e40;
    border-inline-start-width: 0px;
    border-style: dashed;
    content: var(--tw-content);
    height: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;
}
a.navbar-brand.logo-light img {
    max-width: 80px !important;
}

header#dtr-header-global {
    background-color: #ffffffed;
    border-bottom: 1px solid #ffffff52;
    box-shadow: 0px 23px 15px -23px #00000042;
}

/* timeline section end  */


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

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

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

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


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

/* causes section  */

.aon-med-srv-cat-section {
    margin-bottom: 30px;
}
.aon-med-srv-cat-section ul {
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.justify-content-center {
    justify-content: center!important;
}
.aon-med-srv-cat-section ul li {
    width: 33.333%;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.aon-med-sevices-cat {
    padding: 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;
}
.aon-icon {
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    margin: auto;
}
.aon-med-sevices-cat .media img {
    height: 64px;
}
.aon-med-sevices-cat .media:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background-color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.aon-med-serices-cat-info a {
    color: #2f6759;
}
.aon-med-sevices-cat p {
    margin-bottom: 0px;
}

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

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



@-webkit-keyframes toTopFromBottom {
	49% {-webkit-transform: translateY(-100%);	}
	50% {opacity: 0;	-webkit-transform: translateY(100%);}
	51% {opacity: 1;}
}

@-moz-keyframes toTopFromBottom {
	49% {-moz-transform: translateY(-100%);}
	50% {opacity: 0;	-moz-transform: translateY(100%);	}
	51% {opacity: 1;	}
}

@keyframes toTopFromBottom {
	49% {transform: translateY(-100%);}
	50% {opacity: 0;transform: translateY(100%);}
	51% {opacity: 1;	}
}

/*NEW CSS**/

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


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

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

#symptoms .media img {
    
position: absolute;
    
left: calc(100% - 20%);
    
bottom: -118px;
    
-webkit-transition: all 0.5s ease;
    
-moz-transition: all 0.5s ease;
    
-ms-transition: all 0.5s ease;
    
-o-transition: all 0.5s ease;
    
transition: all 0.5s ease;
    
left: calc(100% - 30%);
    
max-width: 400px;
}

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

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

#Diagnosed .head-title span {
    color: #00acea;
}
#Diagnosed  p.list-style{
    
    position:relative;
    color: #626262;
    font-family: 'Mulish' !important;
    font-size: 14px;
}
#Diagnosed  p.list-style::before{
    
    content:"\f00c";
    position:absolute;
    top:0;
    left:-18px;
    font-family: 'Font Awesome 5 Free';
}

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


/*NEW CSS*/


section#liver {
    background-color: #f7f6fb;
    padding-top: 55px;
}
section#liver .col-lg-12 > ul#pills-tab {
    border-top: 1px solid #01386e;
}
section#liver .col-lg-12 > ul#pills-tab {
    display: inline-flex;
    justify-content: center;
    align-items: center !important;
    width: 100%;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #01386e !important;
    border-radius: 0px 0px 6px 6px;
    width: 100%;
}
.big-btn {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 800;
    padding: 10px 37px;
    margin: auto;
    text-align: center;
    border-radius: 0px 0px 6px 6px !important;
}
ul#pills-tab > li.nav-item {
    width: 50%;
}
.big-btn {
    width:100%;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 800;
    padding: 10px 37px;
    margin: auto;
    text-align: center;
    border-radius: 0px 0px 6px 6px !important;
}

.aon-med-testimonial2-right {
    position: absolute;
    right: 90px;
    top: -80px;
}
.aon-large-circle-wrap {
    position: relative;
}
.aon-large-circle-wrap .media {
    width: 297px;
    height: 297px;
    position: relative;
}
.aon-large-circle-wrap .media:before {
    width: 126%;
    height: 126%;
    left: -13%;
    top: -13%;
}

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

.aon-large-circle-wrap .media:before, .aon-large-circle-wrap .media:after {
    content: '';
    position: absolute;
    border: 1px solid #ebebeb;
    border-radius: 50%;
}
.aon-large-circle-wrap span.ring1 {
    bottom: 30px;
    left: -100px;
    box-shadow: 2px 10px 10px rgba(0,0,0,0.2);
}
.aon-large-circle-wrap span.ring1, .aon-large-circle-wrap span.ring2, .aon-large-circle-wrap span.ring3, .aon-large-circle-wrap span.ring4, .aon-large-circle-wrap span.ring5, .aon-large-circle-wrap span.ring6, .aon-large-circle-wrap span.ring7, .aon-large-circle-wrap span.ring8 {
    position: absolute;
}
.aon-large-circle-wrap span {
    border-radius: 50%;
    background: #00acea;
    display: inline-block;
}
.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}
.aon-large-circle-wrap span.ring1 img {
    width: 52px;
    height: 52px;
    background-color: #fff;
}
.aon-large-circle-wrap span.ring1 img, .aon-large-circle-wrap span.ring2 img, .aon-large-circle-wrap span.ring3 img, .aon-large-circle-wrap span.ring4 img, .aon-large-circle-wrap span.ring5 img {
    padding: 3px;
    width: 80px;
    height: 80px;
}
.aon-large-circle-wrap span img {
    border-radius: 50%;
}
.aon-large-circle-wrap span.ring2 {
    top: 10px;
    left: -30px;
    box-shadow: 2px 10px 10px rgba(0,0,0,0.2);
}
.aon-large-circle-wrap span.ring1, .aon-large-circle-wrap span.ring2, .aon-large-circle-wrap span.ring3, .aon-large-circle-wrap span.ring4, .aon-large-circle-wrap span.ring5, .aon-large-circle-wrap span.ring6, .aon-large-circle-wrap span.ring7, .aon-large-circle-wrap span.ring8 {
    position: absolute;
}
.aon-large-circle-wrap span {
    border-radius: 50%;
    background: #00acea;
    display: inline-block;
}
.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}
.aon-large-circle-wrap span.ring3 {
    right: -100px;
    bottom: 0px;
    box-shadow: 2px 10px 10px rgba(0,0,0,0.2);
}
.aon-large-circle-wrap span.ring1, .aon-large-circle-wrap span.ring2, .aon-large-circle-wrap span.ring3, .aon-large-circle-wrap span.ring4, .aon-large-circle-wrap span.ring5, .aon-large-circle-wrap span.ring6, .aon-large-circle-wrap span.ring7, .aon-large-circle-wrap span.ring8 {
    position: absolute;
}
.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}
.aon-large-circle-wrap span.ring3 img {
    width: 76px;
    height: 76px;
    background-color: #fff;
}
.aon-large-circle-wrap span.ring1 img, .aon-large-circle-wrap span.ring2 img, .aon-large-circle-wrap span.ring3 img, .aon-large-circle-wrap span.ring4 img, .aon-large-circle-wrap span.ring5 img {
    padding: 3px;
    width: 80px;
    height: 80px;
}
.aon-large-circle-wrap span.ring4 {
    bottom: -70px;
    left: 50%;
    margin-left: -33px;
    box-shadow: 2px 10px 10px rgba(0,0,0,0.2);
}
.aon-large-circle-wrap span.ring4 img {
    width: 66px;
    height: 66px;
    background-color: #00acea;
}
.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}
.aon-large-circle-wrap span.ring5 img {
    width: 86px;
    height: 86px;
    background-color: #00acea;
}
.aon-large-circle-wrap span.ring1 img, .aon-large-circle-wrap span.ring2 img, .aon-large-circle-wrap span.ring3 img, .aon-large-circle-wrap span.ring4 img, .aon-large-circle-wrap span.ring5 img {
    padding: 3px;
    width: 80px;
    height: 80px;
}
.aon-large-circle-wrap span.ring6 {
    width: 32px;
    height: 32px;
    background-color: #00acea;
    right: 10px;
    bottom: -70px;
}
.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}
.aon-large-circle-wrap span.ring7 {
    width: 22px;
    height: 22px;
    background-color: #00acea;
    top: 50%;
    left: -50px;
}
.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}
.aon-large-circle-wrap span.ring8 {
    width: 16px;
    height: 16px;
    background-color: #00acea;
    right: -44px;
    top: 40%;
}
.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}


/* Animate Up Down*/
.animate-v {
    -webkit-animation: upNdown1 5s infinite linear;
    animation: upNdown1 2s infinite linear;
}
@-webkit-keyframes upNdown1 {
 0% { }
 50% { transform: translateY(-30px); }
 100% { }
}
@keyframes upNdown1 {
 0% { }
 50% { transform: translateY(30px); }
 100% { }
}



.animate-curve:after {
    -webkit-animation: upNdown2 5s infinite linear;
    animation: upNdown2 2s infinite linear;
}
@-webkit-keyframes upNdown2 {
 0% { }
 50% { transform: translateY(-10px); }
 100% { }
}
@keyframes upNdown2 {
 0% { }
 50% { transform: translateY(10px); }
 100% { }
}



.animate-curve:after {
    -webkit-animation: upNdown2 5s infinite linear;
    animation: upNdown2 2s infinite linear;
}
@-webkit-keyframes upNdown2 {
 0% { }
 50% { transform: translateY(-10px); }
 100% { }
}
@keyframes upNdown2 {
 0% { }
 50% { transform: translateY(10px); }
 100% { }
}


/* Animate Up Down 2*/
.animate-v2 {
    -webkit-animation: upNdown11 5s infinite linear;
    animation: upNdown11 2s infinite linear;
}
@-webkit-keyframes upNdown11 {
 0% { }
 50% { transform: translateY(-5px); }
 100% { }
}
@keyframes upNdown11 {
 0% { }
 50% { transform: translateY(5px); }
 100% { }
}

/* Animate Up Down 2*/
.animate-v3 {
    -webkit-animation: upNdown12 5s infinite linear;
    animation: upNdown12 2s infinite linear;
}
@-webkit-keyframes upNdown12 {
 0% { }
 50% { transform: translateY(5px); }
 100% { }
}
@keyframes upNdown12 {
 0% { }
 50% { transform: translateY(-5px); }
 100% { }
}



/* Shine Animation*/

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

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

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

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

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


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

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

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

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

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

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

.dtr-testimonial-wrapper .dtr-mb-4 {
    font-size: 1.3rem;
    margin-bottom: 8px;
}
footer#dtr-footer-global .col-md-10.pb-4 {
    padding-bottom: 0 !important;
}

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

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



section.thankyou-section h2.heading2{
    
    font-family: 'Mulish', sans-serif !important;
    font-size: 3.5rem;
    padding-top: 22px;
    font-weight: 900;
    margin-bottom: 3px;
    color: #01386e;
    -webkit-text-stroke: 2px #00000036;
}
section.thankyou-section .col-10.col-md-10.bg-white .alert.text-center{
   z-index: 1;
   height:100%;
}
section.thankyou-section .col-10.col-md-10.bg-white .alert.text-center::before {
    z-index: -1;
    content: '';
    position: absolute;
    background-color: #ffffffb3;
    top: 15px;
    left: 0;
    width: 100%;
    height: 90%;
    opacity: 1;
    backdrop-filter:blur(2px);
}
.text-bold{
    
    font-weight: 600;
    width: 85%;
    margin: 2% auto;
}
section.thankyou-section .col-10.col-md-10.bg-white::before{
    
    content: '';
    background-image: url(../images/top-min.png);
    background-size: contain;
    opacity: 1;
    z-index: -1;
    position: absolute;
    width: 65%;
    height: 100%;
    top: -1px;
    left: -21px;
    opacity: 0.5;
    background-repeat: no-repeat;
}
section.thankyou-section .col-10.col-md-10.bg-white::after{
    
    content: '';
    background-image: url(../images/top-min.png);
    background-size: contain;
    opacity: 1;
    z-index: -1;
    position: absolute;
    width: 65%;
    height: 100%;
    top: 19px;
    left: 39%;
    opacity: 0.5;
    background-repeat: no-repeat;
    transform: rotate(185deg);
}

.thankyou-section{
    position:relative;
    height:100%;
    background-image: url(../images/med2.png) !important;
}
.thankyou-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #01386ec4;
    top: 0;
    left: 0;
}
.subheading2{

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

.colheading2{
     font-family: 'Mulish', sans-serif !important;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 3px;
    color: #01386e;
    -webkit-text-stroke: 2px #00000036;
}
.back-btn{
    background-color:#00acea;
}
.body-text{
    width: 90%;
    margin: 0 auto;
}
.btnsections a:nth-child(1){
    margin:0 20px;
}



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

.btn-container > a {
    margin: 0 5px !important;
}
        .footer-address.py-3 p {
    color: white !important;
}
header .right-part img {width: 35px;height: auto;margin-right: 9px;/* border-bottom-right-radius: 30px; */}
.swiper-container {
width: 100%;
}
.swiper-slide {
background-size: cover;
background-position: 50%;
min-height: 20vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.stages, .symptoms {
font-size:16px;
line-height:1.4;
}
.points {
padding-left: 0px;
list-style-type: none;
}
.points li {
display: flex;
font-size: 20px;
line-height: 1.1;
}
.points img {margin-right: 12px;position: relative;/* top: 5px; */display: inline-block;width: 18px;height: 18px;}
.points span strong {color: #00acea;}

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

.quickfeatures#quickfeatures .container{
    border: 2px solid #00acea;
    padding: 40px;
}
.quickfeatures#quickfeatures h5 {
font-size: 30px;
font-weight: bold;
margin-bottom: 0px;
}

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

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

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

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

.about-3 .about-content {
    position: relative;
}
.about-2 .about-content {
    position: relative;
}
.about-2 .about-content .about-single-content {
    position: relative;
    margin-top: 0px;
}
.about .about-content .about-single-content h2 {
    margin-bottom: 8px;
    margin-top: 1rem;
}
.about-3 .about-content .about-single-content h2 {
    color: #01386e;
    padding-right: 10%;
}
.about-3 .about-content .about-single-content p {
    color: #141414;
}
.about-2 .about-content .about-single-content p {
    margin-bottom: 12px;
}

.about .about-content .about-single-content p {
    font-size: 14px;
    padding-right: 5px;
    line-height: 27px;
}
.about-single-content p {
    color: #141414 !important;
}
.about-3 .about-content .about-single-content .btn-3 {
    margin-top: 20px;
}
.about-3 .about-img {
    position: relative;
    z-index: 1;
}
.about-2 .about-img {
    position: relative;
}

.about .about-img {
    /* margin-left: -20%; */
}
.about-3 .about-img::before {
    position: absolute;
    content: '';
    background: url(../img/about-3-befor.png);
    width: 100%;
    height: 200px;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
img.de-img {
    max-width: 400px;
    /* margin-left: 10%; */
}
.about-3 .about-img img.ab-3-bg {
    position: absolute;
    left: 0;
    z-index: -2;
    top: 0;
    width: auto;
    max-width: unset;
}
.about-img > img.ab-3-bg {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
    -webkit-animation-name: bounce;
}
.about-3 .about-img::after {
    position: absolute;
    content: '';
    background: url(../img/about-3-after.png);
    width: 220px;
    height: 250px;
    right: 30px;
    top: 53px;
    z-index: -2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -3;
}
.about-3 .about-img::after {
    -webkit-animation-name: bounce2;
    animation-name: bounce2;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce2;
    -moz-animation-name: bounce2;
}


.owl-carsouel .owl-stage{
    display: flex !important;
  }
   .owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
  }
  
  .owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
  }
  
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    display: flex;
    align-items: center;
    -moz-backface-visibility: hidden
  }
  
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
  }
  
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
  }
  
  .owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
  }
  
  .owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
  }
  
  .owl-carousel .owl-item img {
    display: block;
    width: 100%
  }
  
  .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
  }
  
  .no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
  }
  
  .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  
  .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
  }
  
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block
  }
  
  .owl-carousel.owl-hidden {
    opacity: 0
  }
  
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden
  }
  
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
  }
  
  .owl-carousel.owl-rtl {
    direction: rtl
  }
  
  .owl-carousel.owl-rtl .owl-item {
    float: right
  }
  
  .owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
  }
  
  .owl-carousel .owl-animated-in {
    z-index: 0
  }
  
  .owl-carousel .owl-animated-out {
    z-index: 1
  }
  
  .owl-carousel .fadeOut {
    animation-name: fadeOut
  }
  
  @keyframes fadeOut {
    0% {
        opacity: 1
    }
  
    100% {
        opacity: 0
    }
  }
  
  .owl-height {
    transition: height .5s ease-in-out
  }
  
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
  }
  
  .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
  }
  
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
  }
  
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
  }
  
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
  }
  
  .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
  }
  
  .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
  }
  
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
  }
  
  .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
  }
  .team {
    background: #ebebeb;
    /* color: white; */
  }
  
  
  #cliniclocation{
    background-color:#ebebeb;
  }
  #cliniclocation .address-box {
    background-color: #ffffff;
    min-height: 280px;
    color: black;
    padding: 20px;
  }
  .address-box p{
    text-align: center;
  }
  .address-inner-box {
    display: flex;
    align-items: center;
  }
  
  #cliniclocation .address-img {
    border: solid 2px #00acea;
  }
  
  .address-img {
    border: solid 2px #01386e;
    padding: 10px;
    border-radius: 100%;
  }
  .address-img img {
    /* filter: invert(1); */
  }
  
  .address-title .h3-title{
    font-size:22px;    
  }
  .address-name {
    
    padding-left: 20px;
  }
  .address-name h3{
  /* color: white; */
  }
  #cliniclocation p {
    /* color: #ffffff; */
    margin-top: 25px;
    font-size: 16px;
  }
  
  .nabh_logo {
    margin: 40px 20px 20px 20px;
  }
  .hire{
     background: #01386e;
    } 
    .hire p{
      padding: 10px 0;
      color: white;
    }
  .nabh_logo > img.img {
    border: 1px solid #00acea;
    padding: 20px;
    width: 20%;
    background-color: #ffffffe3;
  }
img.de-img {
    margin: 0 !important;
}

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


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


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

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

@keyframes blink {
  0%, 100% {color: #bf1212;}
  50% {color: #6f0000;}
}
.flash-backdrop {
    position: fixed;
    background-color: #ffffff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100vh;
    min-width: 100vw;
    z-index: 7;
    overflow: hidden !important;
}

.inputType {
    z-index: 999;
    position: relative;
    top: 94%;
    left: 0;
    width: 15%;
    margin: 0 auto;
    background: #fff0;
    border: 1px solid #f5f5f5;
    box-shadow: none;
}
.inputType input[type="text"]{
    background: #fff0 !important;
    box-shadow: none;
}
.doctor-image {
    position: relative;
}
.doctor-image .doctor {
    position: absolute;
    bottom: -5rem;
    padding: 20px 30px 0 20px;
}
section#appointment:after {
    position: absolute;
    content: '';
    background-image: url(../images/flag.png);
    height: 370px;
    width: 70%;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: .7;
}

section#appointment .container .row.align-items-end {
    position: relative;
    z-index: 10;
}
input#country {
    max-width: fit-content;
    margin-right: 10px;
}


.gif-img {
    position: relative;
}


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




.Welcome {
    margin: 3rem 0;
}

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

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

img.img-fluid.img-style.bounce {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100%;
}
img.img-fluid.img-style.bounce {
    z-index: 100;
    position: relative;
}
.img-style {
    border-radius: 6px;
}
.bounce {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
}

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


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

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

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

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

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

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



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

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

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

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

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

img.stamp-img-gif {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 13s linear infinite;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

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

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

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


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

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

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

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


section#section-1 {
    background-color: #f7f6fb;
    margin: 0px;
    padding: 1rem 0;
}


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

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

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

.doctor-profile img.doctor-img {
    width: 110px;
    border-radius: 100%;
    margin-right: 15px;
    padding: 5px;
}
#doctors h3 {
    color: white;
}
#doctors p {
    color: white;
    font-size: 18px;
}
a[href="https://www.fla-shop.com"]::before {
    content: '';
    background-color: white;
    max-height: 100%;
    max-width: 100%;
    z-index: 99999999999999999;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}
a[href="https://www.fla-shop.com"] {
    pointer-events: none;
}


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

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

.form-container input#btnSubmit {
    background-color: #01386e !important;
}
.gif-img.black {
    filter: invert(1);
}

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


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

section#appointment:before {
    content: 'No Need of liver transplant | 100% natural treatment';
    width: 100%;
    height: 80px;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3rem;
    font-weight: 800;
    z-index: 99;
    text-transform: capitalize;
}
.col-8.col-md-6.text-right.right-part a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-flex;
    color: #00acea;
}
a.btn.btn-danger.btn-lg.rounded-pill.align-middle.cta.top-header-btn li.blink p {
    font-size: 20px;
    margin: 0;
    margin-right: 10px;
}

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

@-webkit-keyframes blink-an { 0% {color: #034172; }}
        @keyframes blink-an { 0% {color: #044071;} 50% {color: #00acea;}  100% {color: #044071;}}
        
        .navbar-brand.logo-light img {
    filter: none !important;
}


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

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

input#passkey {
    color: black !important;
}

img.wa-icon {
    max-width: 22px;
    filter: invert(1);
}
button.btn.btn-primary.modalDetail {
    margin-top: 1rem;
    background: #2a2c2d;
    border: 1px solid white;
}